[css]White-space die ik niet wil hebben...

Door Ilyes Ahidar op 27-12-2009 20:59

677 views

Hey iedereen. Ik zit met een klein probleem met css en html wat ik niet begrijp. Er gebeurt dus iets dat ik niet kan verklaren en dus wil ik het aan jullie vragen.

Live voorbeeld: http://project1.qmodo.nl/
Een screenshot van wat ik krijg te zien in Firefox 3.5: http://project1.qmodo.nl/ff-3.5.jpg

Als je de screenshot bekijkt dan zie je wat mijn probleem is. Er ontstaat een white-space die ik niet wil hebben. Mijn vraag is dus hoe ik die weg kan halen. Hij moet dus gewoon links aansluiten.

p.s.:
De bron kan je natuurlijk via de live voorbeeld vinden. Dat is denk ik wel wat overzichtelijker dan het hier te plaatsen.

Jan Koehoorn

27-12-2009 21:02

Zet de padding van die ul ook op 0, net als de margin.

Ilyes Ahidar

27-12-2009 21:12

Jha, ik had dat blijkbaar ook maar ik had er padding; 0; staan in plaats van padding: 0;. Bedankt!

steen

27-12-2009 21:16

In opera net zo goed

Mr.Moe

27-12-2009 21:17

mij hebben ze ooit aangeraden om elk css bestand te starten met.

*{margin: 0 0 0 0; padding: 0 0 0 0}

Kan behoorlijk handig zijn om dit soort problemen te voorkomen.

Ilyes Ahidar

27-12-2009 21:24

Jha, daarom heb je ook die zogenaamde reset css stylesheets. Dan begin je zonder browser standaard waardes.

Jan Koehoorn

27-12-2009 21:24

Ik adviseer om een reset.css te gebruiken. Die gaat iets genuanceerder te werk.

Ilyes Ahidar

27-12-2009 22:04

Heb de reset pagina toegevoegd. Echter kom ik nu weer ergens niet uit...

Ik zou bv graag de ul-style's aan een id binden. Dus het volgende stukje css:


ul, ul li {
	display: inline; /* zorgt ervoor dat in de oude IE geen trap-effect onstaat */
	margin: 0;
	padding: 0;
}
ul li a {
	display: block;
	width: 100px;
	height: 25px;
	text-align: center;
	color: #FFF;
	float: left;
	border: 1px solid #0FF;
	margin: 0;
	padding: 0;
}

Nu wil ik dus graag dat het bovenstaande style's alleen effect hebben op de ul element met de id: menu. Dus html:


<ul id="menu"> ... </ul>

Dus mijn vraag is: Hoe moet ik de css selectors aanpassen om dit werkend te krijgen?

Alvast bedankt

Reageren

Inloggen om te reageren