[css][xhtml] Poziome menu z hoverem Opcje

[jaczula]

Witam,

Mam problem. Mianowicie chciałbym uzyskać menu w poziomie.
Przykłady

W przykładzie 1 wszystko wyświetla sie fajnie, tylko jest w pionie.

Gdy w przykładzie 2 próbuję zrobić to w poziomie wychodzi sklejone i o innych wymiarach.

Proszę o pomoc.

Kod PHP:

[PHP] pobierz, plaintext 
<?php
echo '<center><div id="menu">';
$result = mysql_query ('SELECT * FROM '.PREFIX.'menu ORDER BY menu_order');
while($data = mysql_fetch_assoc ($result)){
	echo '<a href="'.$data['menu_link'].'">tekst</a>';
}
echo '</div>';
?>
[PHP] pobierz, plaintext 

CSS jest w przykładach.

[jaczula]

Jeśli tak zrobię to już to nie będzie przycisk, tylko hiperłącze na obrazku. Łączem będzie tylko tekst, a nie cały obrazek.

[Toadstyle]

Jeśli tak zrobię to już to nie będzie przycisk, tylko hiperłącze na obrazku. Łączem będzie tylko tekst, a nie cały obrazek.

mozesz dac
<a><div przycisk><span>tekst</span></div></a>

tylko to chyba nie jest zbyt zgodne ze standardami nie jestem pewny.


2gi sposob:
position:absolute;
najpierw ustawiasz napisy pozniej wymiary uzywajac padding w kazda strone (
x px z lewej + szerokosc napisu + x px z prawej - wys analogicznie.)

3ci sposob mozesz probowac z display:block;

4 mozesz stworzyc <a><span><p>tekst</p></span></a>

ustawiasz wymiary dla span a nie dla a a pozycjonujesz przy uzyciu p

pozdrawiam

http://www.toadstyle.yoyo.pl/1728.htm

powinienes juz sobie poradzic
(IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował Toadstyle 23.02.2008, 17:13:07