5 svar · 366 visningar · startad av rikard81
Jag har skapat en meny i en lista och kodat in display: inline;. Nu vill jag ha mellanrum mellan länkarna och kodade in word-spacing: 10px; vilket funkar alldeles utmärkt i IE men i Firefox händer ingenting. Nån som har en lösning. Har försökt hitta på nätet men kan ej finna något annat är word-spacing.? :q
padding: 0 5px; borde väl ge ungefär samma resultat?
Tack gislaved. Funkar nu. Men hur kommer det sig att man skriver 0 innan 5-an? (padding: 0 5px;) och inte bara padding: 5px; Är nybörjare på detta :-)
Hmm...
padding-left och padding-right går att använda (och då slipper du också mellanrummet mellan orden i det fall en flik innehåller flera)...
Exempel med lite överdrivna mått:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ett av Jarvklos exempel</title>
<style type="text/css">
ul { display: block; }
li { display: inline; padding-left: 35px; padding-right: 35px;}
a { background-color: #ddd; }
</style>
</head>
<body>
<ul>
<li><a href="#">Number one</a></li>
<li><a href="#">Number two</a></li>
<li><a href="#">Number three</a></li>
</ul>
</body>
</html>
testa: http://member.webforum.nu/2241/flikarmedpadding.html
// red: Gislaved - hann aldrig se att du svarade :bire
rikard81 skrev:
Tack gislaved. Funkar nu. Men hur kommer det sig att man skriver 0 innan 5-an? (padding: 0 5px;) och inte bara padding: 5px; Är nybörjare på detta :-)
padding: 5px; är en kortform och den ställer in "alla fyra paddingarna" (även padding-top och padding-bottom) till 5px
padding: 0 5px; är en kortform förr padding som ger 0 i top och bottom, samt 5px till vänster och höger
padding: 0 5px 10px;
är en kortform för top, höger och vänster, bottom. (som alltså ger 0 padding-top 5px padding-left och padding-right samt 10px padding-bottom)
mv icaaq