Autor Zpráva
ellhonza
Profil
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>
/pre]
jenikkozak
Profil
Za sebe prosím o odkaz na živou ukázku.
ellhonza
Profil
http://ellhonza.sweb.cz/
jenikkozak
Profil
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
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
ellhonza:
Je to dobře, mně to tak funguje. Na odkázané stránce to nemáš.
ellhonza
Profil
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.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: