Autor Zpráva
markett
Profil
#1 · Zasláno: 31. 8. 2007, 11:10:24
Odpovědět Citovat
Dobrý den, potřebovala bych poradit s vodorovnou lištou se 4 odkazy. Pod hlavičkou bych chtěla mít lištu se čtyřmi stejně širokými políčky s odkazy, aby byly orámované a nebyly mezi nimi mezery. Tak, jak jsem to zatím "vymyslela" jsou mezi políčky mezery a v IE jsou širší než ve Firefoxu. Můžete mi prosím poradit? Díky markett

a.lista {
border-bottom : 1px solid #fbc357;
border-top : 1px solid #37649b;
border-left : 1px solid #37649b;
border-right : 1px solid #fbc357;
width : 120px;
text-align : center;
background-color : #fffbea;
text-decoration : none;
}

<DIV id="obsah-hlavicka">
<A href="http://www.houdky.wz.cz" class="lista">napište nám</A>
<A href="http://www.houdky.wz.cz" class="lista">osobní údaje</A>
<A href="http://www.houdky.wz.cz" class="lista">kde nás najdete</A>
<A href="http://www.houdky.wz.cz" class="lista">související odkazy</A>
</DIV>
hansk
Profil
#2 · Zasláno: 31. 8. 2007, 11:19:27 · Upravil/a: hansk
Odpovědět Citovat
A co třeba nastavit margin na nulu? 
margin: 0;


Edit: nebo padding? 


padding: 0;
markett
Profil
#3 · Zasláno: 31. 8. 2007, 11:22:13 · Upravil/a: markett
Odpovědět Citovat
No to jsem tam už předtím zkoušela, a to nic nezmění. Ani margin : 0; ani padding : 0;....to s tím nic neudělá.
hansk
Profil
#4 · Zasláno: 31. 8. 2007, 11:34:59
Odpovědět Citovat
No to jsem tam už předtím zkoušela, a to nic nezmění. Ani margin : 0; ani padding : 0;....to s tím nic neudělá.

No tak podle mě není chyba v kódu který uvádíte. S nulovým marginem a paddingem by to mělo fungovat!
Kdyby jste dala link na stránky bylo by to možná lepší.
markett
Profil
#5 · Zasláno: 31. 8. 2007, 11:42:34
Odpovědět Citovat
No tak toho jsem se trochu bála, je to moje první stránka a mám v tom asi spoustu blbostí. Tak snad se v tom vyznáte. http://www.hnidek.com
hansk
Profil
#6 · Zasláno: 31. 8. 2007, 11:46:54
Odpovědět Citovat
No takže je tam chyba
CSS: 
a.tlacitko {



border-bottom : 1px solid #fbc357;



border-top : 1px solid #37649b;



border-left : 1px solid #37649b;



border-right : 1px solid #fbc357;



font-weight : bolder;



font-size : 80%;



padding : 5px 5px 5px 5px;



margin-left : 10px;



width : 120px;



text-align : center;



background-color : #fffbea;



display : block;



color : black;



text-decoration : none;



}

HTML: 
<A href="http://www.hnidek.com" class="tlacitko">úvod</A>

            <A href="http://galerie.html" class="tlacitko">galerie</A>

            <A href="http://nabidka.html" class="tlacitko">nabídka</A>

            <A href="http://spoluprace.html" class="tlacitko">spolupráce</A>

            <A href="http://materialy.html" class="tlacitko">materiály</A>

            <A href="http://www.hnidek.com/kontakt.html" class="tlacitko">kontakt</A>


Už to vidíte?
markett
Profil
#7 · Zasláno: 31. 8. 2007, 11:50:17
Odpovědět Citovat
Nevidím. .tlacitko je pro menu vlevo...ono je to asi hrozně nepřehledné...mě zajímá ta vodorovná lišta pod hlavičkou... obsah-hlavicka a .lista
hansk
Profil
#8 · Zasláno: 31. 8. 2007, 12:29:31
Odpovědět Citovat
Omlouvám se to byla moje chyba beru zpět. Problé je v tom že 
a
je řádkový prvek, a řádkovým prvků nelze nastavit 
width
.

Nějákou radu můžete nalézt zde.
markett
Profil
#9 · Zasláno: 31. 8. 2007, 12:36:27
Odpovědět Citovat
Aha, tak to jsem nevěděla. Ten odkaz na intervalu taky není to, jak bych si to představovala. Tak to zkusím asi tabulkou. Moc děkuji za váš čas a pomoc. Hezký den.
hansk
Profil
#10 · Zasláno: 31. 8. 2007, 12:40:58
Odpovědět Citovat
No do tabulky to rozhodně nedávejte udělejte a zkuste trošku hledat Text odkazu
Časová prodleva: 18 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0