Autor Zpráva
trongixcz
Profil
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
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
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
Máš to rozbité.
trongixcz
Profil
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;
}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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