Autor | Zpráva | ||
---|---|---|---|
ellhonza Profil |
#1 · Zasláno: 26. 4. 2013, 20:10:31
Ahoj zde mám kód, ale po uložený mi leze ten text do dotoho javasriptu nebo o co jde.. Jen jsem zkoušel všemožný kravinky,ale za boha nemůžu přijít na to proč ten text není pod tím.. :-/
<head> <meta charset="UTF-8"> <title>Titulek stránky</title> <style type="text/css"> h1 {color: green; font-style: italic; font-size: 15px} h2 {color: blue; font-style: italic; font-size: 55px} h3 {color: red; font-style: arial; font-size: 25px} body {padding: 10px 40px 10px 40px} body {background-color: grey} * { margin: 0; padding: 0; } body { background: #111; color: #FFF; font-family:'Open Sans', sans-serif; font-weight: 300; font-size: 16pt; } a { color: #FFF; text-decoration: none; } .menu { width: 570px; margin: 30px auto; } .menu a { width: 180px; line-height: 180px; display: block; margin: 4px; text-align: center; float:left; opacity: 0.3; } .yellow { background: #fdd22a; } .blue { background: #009fe3; } .purple { background: #574696; } .orange { background: #ee7202; } .pink { background: #e61c67; } .green { background: #96c11f; } </style> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.menu a').hover(function() { $(this).stop().animate({ opacity: 1 }, 300); }, function() { $(this).stop().animate({ opacity: 0.3 }, 300); }); }); </script> </head> <html> <body> <div class="menu"> <a class="yellow" href="#">Ahoj</a> <a class="green" href="#">Ahoj</a> <a class="pink" href="#">Kuk</a> <a class="purple" href="#">You</a> <a class="blue" href="#">Are an</a> <a class="orange" href="#">God</a> </div> <p>Les</p> <h1>Hydroplány</h1> <ul> <li>Číslo padesát</li> <li>Číslo šedesát</li> </ul> <p>Les</p> <h2>Šašek</h2> <ul> <li>Číslo deset</li> <li>Číslo dvacet</li> </ul> <h1>Nadpis číslo jedna</h1> <h2>Nadpis číslo dva</h2> <h3>Nadpis číslo tři</h3> <table border="1" cellpadding="2" cellspacing="2"> <tr><th>Název knihy schopností</th><th>Počet kusů</th></tr> <tr><th><i>Rána ducha</i></th><th>3</th></tr> <tr><th>Duch plamene</th><th>1</th></tr> <tr><th>Zrušit kouzlo</th><th>2</th></tr> <tr><th>Opakované výstřely</th><th>3</th></tr> <tr><th>Začarované brnění</th><th>1</th></tr> </table> </body> </html> |
||
jenikkozak Profil |
#2 · Zasláno: 26. 4. 2013, 20:15:55
Za sebe prosím o odkaz na živou ukázku.
|
||
ellhonza Profil |
#3 · Zasláno: 26. 4. 2013, 20:17:38
|
||
jenikkozak Profil |
#4 · Zasláno: 26. 4. 2013, 20:31:40
Protože div
menu obsahuje jen plovoucí prvky a sám neplave, má nulovou výšku. Řešením může být, že mu nastavíš overflow: hidden .
|
||
Trejpa Profil |
#5 · Zasláno: 26. 4. 2013, 20:34:58
ellhonza:
V bloku .menu nemáš ukončené plavání po odkazech. Buď dej za odkazy blok s vlastností clear: left nebo pro .menu nastav overflow: auto (případně hidden, jak píše jenikkozak). Tím se blok natáhne kolem odkazů a ukončí se plavání, takže další bloky budou pokračovat na dalším řádku. |
||
ellhonza Profil |
Napsal jsem
.menu {overflow: hidden} ale nic nebo je to špatně ?
|
||
Trejpa Profil |
#7 · Zasláno: 26. 4. 2013, 20:50:09
ellhonza:
Je to dobře, mně to tak funguje. Na odkázané stránce to nemáš. |
||
ellhonza Profil |
#8 · Zasláno: 26. 4. 2013, 20:52:24
Aha pardon moje chyba celou dobu jsem měl otevřenou zkušební stránku, místo souboru v PC.
Díky ;) Už mi to jde. |
||
Časová prodleva: 11 let
|
0