Autor | Zpráva | ||
---|---|---|---|
trongixcz Profil |
#1 · Zasláno: 12. 11. 2012, 13:39:12
Dobrý den potřeboval bych jak mám nastavit aby se pod obrázkem zobrazil text ale jen po najetí myší. Děkuju za odpověď
<header> <div id="logo"> <a href="index.html"><img src="images/logo.png" alt="Emu Farma" /></a> </div> </header> #logo { position:relative; float:left; top:40px; left:20px; } |
||
Str4wberry Profil |
#2 · Zasláno: 12. 11. 2012, 14:05:18
Přidat do odkazu třeba
<span> a do stylu:
#logo a span {display: none} #logo a:hover span {display: block} |
||
Chamurappi Profil |
Reaguji na trongixcza:
S problémem to nesouvisí, ale zajímalo by mě: k čemu ti je v uvedeném kódu <header> ?
|
||
trongixcz Profil |
#4 · Zasláno: 12. 11. 2012, 14:36:52
Nejde mi to prosím o radu :(
CSS ol, ul { list-style: none; } body { background: #004D17 repeat-x; font-family:"Arial"; } header { position: relative; float:left; width: 100%; height:90px; top:-5px; } #logo { position:relative; float:left; top:40px; left:20px; } nav { position:absolute; height:40px; top:39px; right:0px; } nav ul li { float: left; line-height:normal; margin-left:15px; } nav ul li a { font-size: 22px; font-family:Arial; color:white; text-transform:capitalize; display:block; background-color:transparent; margin-top:4px; padding:5px; border-bottom: 3px solid #b6b6b6; text-decoration: none; } nav ul li a:hover { border-bottom: 4px solid white; } #container { position:relative; width:980px; margin:0 auto; background-color:transparent; } #obsah{ text-align:center; padding-top:150px; } #lista { height:25px; width:100%; position:fixed; top:0px; left:0px; color:#FFFFDE; background-color:#2D2D2D; text-align:center; font-family : Geneva, Verdana, Arial, Helvetica, sans-serif; font-size : 13px; border-style:solid; border-color:black; border-width:1px; z-index:100000; } #odkazy a { display: inline-block; color: white; padding: 5px 15px; text-decoration: none; } #odkazy a:hover { color: black; background-color: white; } #footer { position:relative; color:white; text-align:left; margin:botton; top:30px; padding-top:140px; } #mapsite { position:relative; color:white; text-align:right; right:px; top:-17px; } #mapsite a { color:white; text-decoration:none; } #obsahonas { text-align:center; padding-top:150px; top:10px; right:10px; color:white; } #obsahonas h1 { text-align:center; font-size: large; color:white; } HTML: <!doctype html> <html> <head> <meta name="description" content="Emu farma - Emu-farma.cz" /> <meta name="keywords" content="emu,oil,pstros,olej" /> <meta name="author" content="Trongix" /> <meta charset="UTF-8" /> <link rel="icon" href="images/icon.GIF" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="style.css"/> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <title>Hlavní strana - Emu-farma.cz</title> </head> <body> <div id="lista"> <div id="odkazy"> <A href="http://www.zdravizciny.cz/"><b>Zdraví z Číny</b></A> <A href="http://www.zdravi-z-krkonos.cz/"><b>Zdraví z Krkonoš</b></A> <A href="http://emu-farma.cz/"><b>Emu farma</b></A> <A href="http://mobiltown.cz/"><b>Mobiltown</b></A> </div> </div> <div id="container"> <!--start header--> <div id="logo"> <a href="index.html"><img src="images/logo.png" alt="Emu Farma" /></a> </div> <!--start menu--> <nav> <ul> <li><a href="onas.html">O nás</a></li> <li><a href="eshop.html">Eshop</a></li> <li><a href="emu.html">Emu</a></li> <li><a href="kontakt.html">Kontakt</a></li> </ul> </nav> <!--end menu--> <!--end header--> <div id="obsah"> <img src="images/welcome.png" alt="Vítejte"/> </div> <!--start footer--> <div id="footer"> Copyright © 2012 Emu-Farma.cz. Všechna práva vyhrazena. <div id="mapsite"> <a href="index.html">Hlavní strana</a> | <a href="onas.html">O nás</a> | <a href="eshop.html">Eshop</a> | <a href="emu.html">Emu</a> | <a href="kontakt.html">kontakt</a> </div> </div> <!--end footer--> </html> Potřebuji aby po najetí obrázku se podtím zobrazil text Hlavní stránka :( |
||
Str4wberry Profil |
#5 · Zasláno: 12. 11. 2012, 14:38:14
Máš to rozbité.
|
||
trongixcz Profil |
#6 · Zasláno: 12. 11. 2012, 14:39:04
A to znamená ? :(
|
||
peta Profil |
<style> a span {display:none;} a:hover span {display:block;} </style> <a href="?"><img src="?"><span>text</span></a> A neni mi jasne, ze hover neumis pouzivat, kdyz tam uz jeden mas. #odkazy a { display: inline-block; color: white; padding: 5px 15px; text-decoration: none; } #odkazy a:hover { color: black; background-color: white; } |
||
Časová prodleva: 11 let
|
0