Kleine CSS probleem

djordyh

Beste lezer,

Ik ben me layout aan het slice maar stuit op een probleem, ik weet niet hoe ik de menu moet maken. Ik weet wel iets met de <ul> en de <li> maar ik weet gewoon niet hoe ik het moet realiseren. Kan iemand mij helpen?

Het gaat om:

http://i45.tinypic.com/dgrr5e.png

Het streepje die je ziet is een plaatje.

Momenteel heb ik het volgende:

PHP

#menu {
	background: url(../images/outgame/menu_bg.png);
	width: 996px;
	height: 61px;
    margin: 26px auto 0 auto;
}


#menu_content {
	text-align: center;
	font-size: 16px;
	font: Arial;
	color: #b7cfe3;
	text-shadow: -1px 0 #124b7c, 0 1px #124b7c, 1px 0 #124b7c, 0 -1px #124b7c;
}


#menu_content li {
	list-style: none;
}

Meer tonen

Wie kan me helpen?
Alvast bedankt!

MVG.

djordyh

Ik heb hem bijna opgelost:

http://i47.tinypic.com/4g3thu.png

Zoals je ziet staat de tekst niet mooi in het midden, hoe kan ik dit oplossen?

Mijn CSS is nu:

PHP

#menu_content {
	text-align: center;
	font-size: 16px;
	font: Arial;
	color: #b7cfe3;
	text-shadow: -1px 0 #124b7c, 0 1px #124b7c, 1px 0 #124b7c, 0 -1px #124b7c;
	padding-left: 400px;
}


#menu_content li {
	list-style: url(../images/outgame/menu_line.jpg);
	float: left;
	padding-top: 7px;
	padding-right: 20px;
}


#menu_content ul {
    display:inline;
	float: center;
}

Meer tonen

Malik

---
text plaatsen doe je met line-height: hoogte px;
---

Ik zou het niet zo aanpakken met dat list-style, ik zou dat gwn op none houden en dat dit doen:

Background: url(JOUWURL) no-repeat; Background-position: left center;

Dan in de hyperlink (#menu_content li a) (die je gaat maken voor de vakje, gebruik je padding)

Robin

PHP

#menu_content li {
    list-style: url(../images/outgame/menu_line.jpg);
    float: left;
    padding-top: 7px;
    padding-right: 20px;
}

maak daar dit eens van:

PHP

#menu_content li {
    list-style: url(../images/outgame/menu_line.jpg);
    float: left;
    padding-right: 20px;
}

djordyh

Bedankt allemaal voor de moeite. Het is opgelost

:slotje:

iCold

Fijn dat het gelukt is

:slotje:

ICTscripters

Dé plek voor IT

Dé plek voor IT

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

Herkent deze Notion-structuurscan echte problemen?

🚀 WE ZOEKEN TESTERS! 🚀

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

TK: Kraai.eu

[TE KOOP] Likeboost24.nl: complete SMM-webshop met eigen merk, volautomatische levering en betalen op de eigen pagina

Kleine CSS probleem

Registratie

PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2