Autor | Zpráva | ||
---|---|---|---|
Spajky Profil |
#1 · Zasláno: 18. 10. 2006, 07:30:17
Chtěl bych zkontrolovat:
HTML <html> <head> <link rel="stylesheet" type="text/css" href="pokus.css"> <title>www.spajky.ic.cz</title> </head> <a name="up"></a> <a href=http://www.spajky.ic.cz><img src=http://www.spajky.ic.cz/spajky-main.gif alt=main border="color:black"></a> </p> <div id="menu"> <ul> <li><a href="http://www.spajky.ic.cz/index.html">úvod</a></li> <li><a href="http://www.spajky.ic.cz/necoomne">o mně</a></li> <li><a href="http://www.spajky.ic.cz/skola">škola</a></li> <li><a href="http://www.spajky.ic.cz/knihy">knihy</a></li> <li><a href="http://www.spajky.ic.cz/vtipy">vtipy</a></li> <li><a href="http://www.spajky.ic.cz/obrazky">obrázky</a></li> <li><a href="http://www.spajky.ic.cz/pribeh">příběh</a></li> <li><a href="http://www.spajky.ic.cz/roboti">roboti</a></li> <li><a href="http://www.spajky.ic.cz/odkazy">odkazy</a></li> </ul></div> <div id="obsah"> <p> <table><tr><td class="wh"> <p> <h1>OBRÁZKY</h1><p> Klikněte na jednu ze skupin.<p> <a href=http://www.spajky.ic.cz>Spajky</a><p> <a href="stranka.php?styl=pokus">První styl</a> <a href="stranka.php?styl=pokus1">Druhý styl</a> <table> <tr><td>fotky</td><td><a href="http://www.spj.ic.cz/fotky/recko">Řecko 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/soustred>Soustředění 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/hora>Černá hora 2006</a></td><td></td> </tr> <tr><td>zvířata</td><td><a href="http://www.spd.ic.cz/zvirata/1">1</a></td><td><a href="http://www.spd.ic.cz/zvirata/2">2</a></td><td><a href="http://www.spd.ic.cz/zvirata/3">3</a></td><td><a href="http://www.spd.ic.cz/zvirata/4">4</a></td> </tr> <tr><td><a href="http://www.spd.ic.cz/zapady">západy</a></td><td></td></tr> <tr><td><a href="http://www.spd.ic.cz/priroda">příroda</a></td><td></td></tr> <tr><td><a href="http://www.spd.ic.cz/pozadi">pozadí</a></td><td></td></tr> </table><p style="color:red"> Kytky pozor na slimáka,už jde na mrkev,ale je moc pomalý,podle mě tam u ní bude až za pár let.</p> <img src=http://www.ftipky.cz/obrazky/snecek.gif><img src=http://www.spajky.ic.cz/carrot.gif><p> <img src=http://www.spajky.ic.cz/duch1.gif border=0><p> <img src=http://www.spajky.ic.cz/logo.gif border=0><p> <a onmouseover="document['9'].src = 'http://www.spajky.ic.cz/logo.gif' ;" onmouseout="document['9'].src = 'http://www.spajky.ic.cz/carrot-s.gif' ;"><img src=http://www.spajky.ic.cz/logo.gif name="9" border=0></a><p> <a href=http://www.spajky.ic.cz/logo1.gif><img width=650 src=http://www.spajky.ic.cz/logo1.gif border=0></a><p> <img src=http://www.spajky.ic.cz/logo3.gif><p> <div id="menu"> <p><a href=#up>zpět</a></div> <p> </table> </body> </html> CSS a {text-decoration: none; font-size: 16px} a:hover {color: blue; text-decoration: underline} a:visited {color: blue} table td.p {background-color: red; border-align: center} table td.wh {background-color: white; border-align: center; width: 650px; border-color: red; border-style: solid} h1 {color: red; text-align: center} table {font-size: 16px; border: 0;} body {text-align: center; background-image: url('http://www.spajky.ic.cz/CSS/malina.jpg'); background-repeat: repeat; background-attachment: fixed;} * {font-family: Comic Sans MS,Arial Black,Sans Serif; text-align: center; margin: 0 auto;} body, html {scrollbar-track-color: white; scrollbar-face-color: red; scrollbar-arrow-color: white} #menu {text-align: center;} #menu ul {margin-left: auto; margin-right: auto; padding: 0; width: 792px;} #menu li {list-style: none; margin: 0; padding: 0; float: left;} #menu a {display: block; width: 88px; height: 24px; color: black; font-family: "Comic Sans MS", sans-serif; text-align: center; background: url('http://www.spajky.ic.cz/tlacitka/0-1.jpg') no-repeat;} #menu a:hover {color: orange;} #obsah {clear: both;} |
||
Časová prodleva: 4 měsíce
|
|||
basti Profil * |
#2 · Zasláno: 15. 2. 2007, 00:23:46
Tož řeším něco podobného a jedinej dojem co z toho mám, že by se to svižně, snadno a také podstatně úsporněji pořešilo tabulkou... Nabídková roztahovací lišta se čtyřma tlačítkama každý po 25% šířky nejde pořešit spanem, protože tomu nejde nastavit pevná šířka, divy zase zalamujou řádky. Se seznamem je plno práce a 3 hromady stylování...
|
||
Bubák Profil |
#3 · Zasláno: 15. 2. 2007, 01:42:13
Se seznamem je plno práce a 3 hromady stylování...
Opravdu? <style> * {margin: 0; padding: 0} /* prvni hromada, usetri spoustu hromad */ li {float: left; list-style: none; width: 25%;} /* druha hromada */ menu a {display: block;} /* treti hromada, ze bys mel pravdu? */ </style> <menu> <li><a href="#">pokus</a></li> <li><a href="#">pokus</a></li> <li><a href="#">pokus</a></li> <li><a href="#">pokus</a></li> </menu> |
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0