Autor Zpráva
Romanticka
Profil
#1 · Zasláno: 12. 1. 2006, 19:57:17
Odpovědět Citovat
cau,

potrebuju udelat asi tohle:

odkaz01
odkaz02
odkaz03
odkaz04

ted potrebuju jednu funkci CSS pro vsechny, Takze neco jako:
a #01, #02, {rozmery}

dal potrebuju, aby kazdy odkaz mel jine pozadi takze uz bych jen prehazoval pozadi, takze v CSS asi:
a #01 {obrazek01}
a #02 {obrazek02}

no a jeste k tomu potrebuju hover!

Me se to nejak povedlo, ale nezobrazuji se mi tam ty obrazky v pozadi.

A jeste pripiste kousek kodu.

Ja mam:
<div id="menu">
<ul id="menu">
<li id="01"><a href="o-mne.htm" title="O mně" id="hlavni">O mně</a></li>
<li><a href="portfolio.htm" title="Portfolio" >Portfolio</a></li>
<li><a href="akce.htm" title="Akce" >Akce</a></li>
<li><a href="../kniha/kniha.php" title="Kniha návštěv" >Kniha</a></li>
<li><a href="http://www.romanwebdesign.wz.cz" target="_blank" title="Webdesign" >Webdesign</a></li>
</ul>
</div>
Charlie
Profil
#2 · Zasláno: 12. 1. 2006, 20:05:42
Odpovědět Citovat
Aaale, tohle jsou absolutni zaklady :))

Uz ta logika je spatna, mozna bude fungovat tohle CSS:

#01 a, #02 a { rozmery }

#01 a { obrazek1 }
#02 a { obrazek2 }

pokud chces teda obrazek na pozadi odkazu.
Romanticka
Profil
#3 · Zasláno: 12. 1. 2006, 20:06:09
Odpovědět Citovat
a co hover?
Charlie
Profil
#4 · Zasláno: 12. 1. 2006, 20:07:01
Odpovědět Citovat
Jo, promin:

#01 a:hover { zmenaobrazku }
Romanticka
Profil
#5 · Zasláno: 12. 1. 2006, 20:08:58
Odpovědět Citovat
me se to nezobrazi
Romanticka
Profil
#6 · Zasláno: 12. 1. 2006, 20:10:11 · Upravil/a: Romanticka
Odpovědět Citovat
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Untitled Document</title>
<style type="text/css">
<!--

#01 a, #02 a {
background-position: left top;
margin: 0px;
padding: 0px;
float: left;
height: 65px;
width: 98px;
}
#01 a {
background-image: url(img/01_09.jpg);
font-size: 24px;
text-decoration: none;
background-repeat: no-repeat;
}
#02 a {
background-image: url(img/02_10.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 0px;
float: left;
height: 65px;
width: 98px;
clear: both;
}

#01 a:hover {
background-image: url(img/01_hover_09.jpg);
float: left;
}
#02 a:hover {
background-image: url(img/02_hover_10.jpg);
}
-->
</style>
</head>

<body>

<ul>
<li id="01"><a href="#">dghfghdfg</a></li>
<li id="02"><a href="#">dghfghdfg</a></li>
</ul>

</body>
</html>
Romanticka
Profil
#7 · Zasláno: 12. 1. 2006, 20:16:50
Odpovědět Citovat
proste se tam ty obrazky v pozadi nezobrazi
Charlie
Profil
#8 · Zasláno: 12. 1. 2006, 20:22:00
Odpovědět Citovat
Zkus dat jeste odkazu display:block a pak zkontroluj, jestli ty obrazky odkazuji na spravnou adresu.
Charlie
Profil
#9 · Zasláno: 12. 1. 2006, 20:28:17
Odpovědět Citovat
Myslim, ze ID nesmi zacinat cislici, to bude ten problem.
Tomik
Profil
#10 · Zasláno: 12. 1. 2006, 20:41:20
Odpovědět Citovat
Ano, nesmí: http://www.jakpsatweb.cz/css/css-tridy-class.html#nejiste
Romanticka
Profil
#11 · Zasláno: 12. 1. 2006, 21:48:05
Odpovědět Citovat
jj uz to jde
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0