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