| 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: 13 let
|
|||
0