Forum PHP.pl > [HTML][CSS]Odstęp pomiedzy każdą zakładką menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Odstęp pomiedzy każdą zakładką menu

Forum PHP.pl > Forum > Przedszkole

xxdrago

15.06.2011, 14:39:34

Witam, jak mogę zrobić żeby odstęp wynosił 8px? chodzi mi o to:

Bez odstępu:

Z odstępem:

Kod html:

[HTML] pobierz, plaintext 
<ul id="menu">
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
</ul>
[HTML] pobierz, plaintext

Kod CSS:

[CSS] pobierz, plaintext 
#menu {
list-style: none;
margin: 0;
padding: 0;
background: url(images/menu.png);
width: 248px;
height: 39px;  
}
#menu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
color: #FFD700;
}
[CSS] pobierz, plaintext

A i dodam że ten odstęp ma być pod każda zakładką z góry dziekuje.

lobopol

15.06.2011, 15:52:48

[HTML] pobierz, plaintext 
#menu li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0 0 8px 0;
padding: 0;
}
[HTML] pobierz, plaintext

xxdrago

15.06.2011, 16:23:08

jak to dodałem to mam bład taki:

artekp999

15.06.2011, 16:35:24

Zrób osobnego diva o wysokości 8px i wklejaj go między każde menu.

t_e_l

15.06.2011, 18:20:35

Beznadziejny pomysł... puste divy wklejane pomiędzy poszczególne pozycje menu ?
Przecież kolega lobopol podał rozwiązanie które działa, więc po co wymyślać rzeczy które nie są w ogóle potrzebne.

xxdrago

15.06.2011, 20:42:21

Odstępy są ale pierwsza zakładka jakby się dubluje nie wiem czemu dałem ss post wyżej:

Kod

#menu {
list-style: none;
margin: 0;
padding: 0;
background: url(images/menu.png);
width: 248px;
height: 39px;
}
#menu li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0 0 8px 0;
padding: 0;
}
#menu a {
    background: #333;
    border-bottom: 1px solid #393939;
    color: #ccc;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}
#menu a:hover {
color: #FFD700;
}

t_e_l

15.06.2011, 21:32:46

Kolego masz to gdzieś na serwerze ? jeżeli tak to zapodaj linka, zobaczymy dlaczego Ci się tak dziwnie to wyświetla.
Skopiowałem Twój fragment kodu który podałeś i u mnie wszystko jest ok.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.