Problemele su html/css. PRASAU padekit

Sveiki. Sukodavau savo puslapi su html/css. Man kode rado klaida, kad tarp "a" negalima naudoti div. Stai:

The tag:"div" is not allowed within: "a" It is only allowed within: applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th.[XHTML 1.0 transitional]

Pas mane yra meniu is paveiksliuku.

html:

<a href="index.php"><div class="pradzia"></div></a>
<a href="apie.php"><div class="apie"></div></a>

css:

.pradzia {background:url(images/pradzia.jpg); width:72px; height: 36px; margin: 42px 0 0 100px; float: left; display: inline;}
.pradzia:hover {background:url(images/pradzia_over.jpg); width:72px; height: 36px;}

.apie {background:url(images/apie.jpg); width:72px; height: 36px; margin: 42px 0 0 10px; float: left; display: inline;}
.apie:hover {background:url(images/apie_over.jpg); width:72px; height: 36px;}

Taigi klausimas, kaip kitaip perdaryti, kad nebutu erroro. Didelis aciu is anksto.

Labas,

Principas toks:

<style type="text/css">

.menu_item{display:block;float:left;width:100px;height:100px;background-image:url('fonas.gif');background-position:left center;}

.menu_item:hover{background-position:100% center;}

</style>

<a class="menu_item"></a>

<a class="menu_item"></a>

<a class="menu_item"></a>

Manau viskas aisku su mano kodu, taciau vienas bet... Daug kas daro klaida, kad naudodami :hover ima kita paveiksliuka. Negalima! Kodel? Pabandyk su Opera atidaryt toki puslapi -neuzkesuoja ir buna uzlaikymas, kol parodys hover'i... :D Todel over ir paprasta nuotrauka sujungiam i viena salia kitos ir keiciam tik fono pozicija.

Sekmes!

Supratau. Aciu, padejo.

Todel over ir paprasta nuotrauka sujungiam i viena salia kitos ir keiciam tik fono pozicija.

O kaip ta padaryti? :D

Supratau. Aciu, padejo.

 

 

 

O kaip ta padaryti? :D

Kaireje neaktyvus, o desineje aktyvus:

http://microweb.lt/images/pramogos.gif

Sveikas atvykes i nauja css lygi :D

Nu o tai su kodais ka daryt? :D suklijuoju i viena ir ka tada? :D parasyk man koda su mano nustatymais, jei nesunku.

Patariu pačiam pasidaryti, bent mokėsi :D galiu net pavizdį pateikt, pats knisausi kol pasidariau, bet pasidariau :D

.pranestiklaida a{

display: block;

width: 141px;

height: 25px;

background: url(img/sel.gif) -409px 0 no-repeat;

text-decoration: none;

float: left;

.pranestiklaida a:hover {

background-position: -409px -25px;

Paveiksliukas iš kurio dariau, realus veikimas

Nu o tai su kodais ka daryt? :D suklijuoju i viena ir ka tada? :D parasyk man koda su mano nustatymais, jei nesunku.

<style type="text/css">
.menu_item{display:block;float:left;width:72px;height:36px;background-position:left center;background-repeat:no-repeat;}
.menu_item:hover{background-position:100% center;}

#pradzia{background-image:url('images/pradzia.jpg');}
#pradzia:hover{background-image:url('images/pradzia_over.jpg');}
/*tas pats su apie*/
</style>
<a href="index.php" class="menu_item" id="pradzia"></a>
<a href="apie.php" class="menu_item" id="apie"></a>

Lieki skolingas alaus :D :D

Na mazdaug pagavau dbr :D. Dekui labai. O tai ta display:block butina rasyt? O kaip daryt, kai active? pastatysiu ir antra alaus :D.

Na mazdaug pagavau dbr :D. Dekui labai. O tai ta display:block butina rasyt? O kaip daryt, kai active? pastatysiu ir antra alaus :D.

.menu_item:hover,.active{background-position:100% center;}

Menu elementui uzdesi klasę "active" ir viskas bus ciki :D

Dekui labai. Isgelbejai :D

kazkodel neveikia tas active ;). kas gali buti?

kazkodel neveikia tas active :D. kas gali buti?

Kitą kartą iškart rodyk kodą, nes "kas gali buti?" man telepatinių galių nesuteikia ir vienu dviem (tavo ir mano) postais bus mažiau :D

Nu tikiu. As nedejau kodo, nes jis toks pats kaip ir priestai :D. Nu va:

.pradzia {background:url(images/pradzia.jpg); width:72px; height:36px; margin:42px 0 0 100px; float:left;}

.pradzia:hover {background-position:100% center;}

.pradzia:active {background-position:100% center;}

Ir dar problema viena. Del footer. Jis kazkodel palenda po viskuo, o ne atsiremia i div krastus, kaip tai istaisyti?

Stai taip

#footer {background:url(images/footer_line.jpg) repeat-x; height: 61px; color:white; font-family:Arial, Helvetica; font-weight:normal; font-size:9pt;}

<div id="footer">
<p align="left">© 2010 “A&G meilės blogas” | Visos teisės saugomos</p>
</div>	
</body>
</html>

Nu tikiu. As nedejau kodo, nes jis toks pats kaip ir priestai :D. Nu va:

.pradzia {background:url(images/pradzia.jpg); width:72px; height:36px; margin:42px 0 0 100px; float:left;}

.pradzia:hover {background-position:100% center;}

.pradzia:active {background-position:100% center;}

 

 

 

Ir dar problema viena. Del footer. Jis kazkodel palenda po viskuo, o ne atsiremia i div krastus, kaip tai istaisyti?

 

Stai taip

 

#footer {background:url(images/footer_line.jpg) repeat-x; height: 61px; color:white; font-family:Arial, Helvetica; font-weight:normal; font-size:9pt;}

 

<div id="footer">
<p align="left">© 2010 “A&G meilės blogas” | Visos teisės saugomos</p>
</div>	
</body>
</html>

Atsakymas i pirma klausima:

<a href="/linkas/" class="active">nuoroda</a>

Atsakymas i antra klausima:

<div style="clear:both;"></div>

<div id="footer".....

Nesupratau visiskai del to active. Paaiskink issamiau. nes nieko nesupratau. o dl footerio aciu :D

va htmlas:

<a href="index.html" class="pradzia"></a>
<a href="apie.html" class="apie"></a>
<a href="foto.html" class="foto"></a>
<a href="paklausk.html" class="paklausk"></a>
<a href="index.html" class="logo"></a>

Nesupratau visiskai del to active. Paaiskink issamiau. nes nieko nesupratau. o dl footerio aciu :D

 

va htmlas:

 

<a href="index.html" class="pradzia"></a>
<a href="apie.html" class="apie"></a>
<a href="foto.html" class="foto"></a>
<a href="paklausk.html" class="paklausk"></a>
<a href="index.html" class="logo"></a>

<a href="index.html" class="pradzia"></a>
<a href="apie.html" class="apie"></a>
<a href="foto.html" class="foto active"></a>
<a href="paklausk.html" class="paklausk"></a>
<a href="index.html" class="logo"></a>