Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jaki stworzyc taki layout?
hmmm
post
Post #1





Grupa: Zarejestrowani
Postów: 247
Pomógł: 0
Dołączył: 4.01.2005

Ostrzeżenie: (0%)
-----

przyznam sie, ze 3 dzien probuje cos wymyslec ...
znam xhtml i css, tak w miare, ale nie mam zadnego dobrego pomyslu ...

chodzi mi o zrobienie czegos takiego >> zobacz
ale niestety nie udaje mi sie. probowalem nadawac position: absolute, potem float: left, ale nie udalo mi sie nadac dla 3 elementow w srodkowej czesci :/

ten rysunek to schemat ... wazne jest, zeby dla calosci moc nadac ramke po lewej i prawej stronie (border-left, border-right)

bardzo prosze o pomoc ...
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Volume
post
Post #2





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 11.10.2004
Skąd: 3c

Ostrzeżenie: (0%)
-----

tak mi sie ten temat spodobal, ze zrobilem swoja wersje i pomimo skonczonego problemu jeszcze ją tu zamieszcze:

index.html
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.  
  6. <link rel="stylesheet" type="text/css" href="styl.css" />
  7. <title>tytul</title>
  8.  
  9. </head>
  10. <body xml:lang="pl">
  11.  
  12. <div id="cal">
  13. 	<div id="gora">gora</div>
  14. 	<div id="ml">lewa czesc</div>
  15. 	<div id="srodek"><p>ms1</p><p>ms2</p><p>ms3</p></div>
  16. 	<div id="mr">prawa czesc</div>
  17. 	<div id="dol"><span id="dl">dl</span><span id="dr">dr</span></div>
  18. </div>
  19.  
  20. </body>
  21. </html>
[HTML] pobierz, plaintext


styl.css
Kod
Body {
    text-align: center;
    background-color: Blue;
}
div#cal {
    width: 700px;
    background-color: Gray;
    margin: 0 auto;
}
div#gora {
    background-color: Green;
    height: 100px;
}
div#ml {
    float: left;
    width: 150px;
    background-color: Aqua;
}
div#srodek {
    float: left;
    width: 400px;
    background-color: Lime;
}
div#mr {
    float: left;
    width: 150px;
    background-color: Red;
}
div#dol {
    background-color: Silver;
    clear: both;
    height: 20px;
}
div#srodek p {
    margin: 7px;
    padding: 1px;
    background-color: Yellow;
}
div#dol span {
    display: block;
    width: 350px;
    height: 20px;
    float: left;
}
span#dl {
    background-color: #FFE4C4;
}
span#dr {
    background-color: #DEB887;
}
Go to the top of the page
+Quote Post

Posty w temacie
- hmmm   jaki stworzyc taki layout?   16.02.2005, 19:35:07
- - bela_666   Dzis mam dobry humor, i akurat zenda otwartego [...   16.02.2005, 19:53:46
- - hmmm   no niestety ... nie dziala :/ bo wyswietla mi tyl...   16.02.2005, 19:59:37
- - sf   http://css.maxdesign.com.au/floatutorial/tutorial0...   16.02.2005, 20:03:27
- - hmmm   ooo ... dzieki wielkie :) tego wlasnie bylo mi tr...   16.02.2005, 20:12:04
- - bela_666   Tak z ciekawosci, co w moim kodzie jest zle   16.02.2005, 20:29:45
- - Volume   tak mi sie ten temat spodobal, ze zrobilem swoja w...   16.02.2005, 20:46:36
- - hmmm   no prawie @volume ;) mi chodzilo o to, zeby kazdy...   16.02.2005, 23:15:07
- - Volume   AHa w takim razie po prostu akapity i spany zastąp...   16.02.2005, 23:49:35
- - xarr   Volume oj oj.... prawde gadasz niestety, prawde N...   17.02.2005, 07:32:34
- - hmmm   hehe :) co do mnie, to <div> i css zaczalem ...   17.02.2005, 14:13:55

« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.10.2025 - 08:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn