« 1 2
Autor Zpráva
Spajky
Profil
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;}
basti
Profil *
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
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>
« 1 2
Toto téma je uzamčeno. Odpověď nelze zaslat.