menu wil niet naast elkaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Pagina: 1 2 volgende »

Stefan

Stefan

17/08/2009 12:56:00
Quote Anchor link
Oke, ben bezig emt een site aan het maken.
Nu heb ik een menutje gemaakt, maar deze moet naast elkaar komen.
Als ik display:inline doe, laat hij helemaal niks meer zien.

Online voorbeeldje:
http://82.73.133.147/candan/

kan je zelf de html bekijken.

CSS =
http://82.73.133.147/candan/style/style.css

Misschien dat iemand van jullie me kan helpen?
 
PHP hulp

PHP hulp

18/04/2021 20:56:07
 
GaMer B

GaMer B

17/08/2009 12:58:00
Quote Anchor link
Geeft ze beiden eens
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
float: left;

mee.
 
Douwe

Douwe

17/08/2009 12:59:00
Quote Anchor link
En geef div#about ook even een width: 50px; mee.
Gewijzigd op 01/01/1970 01:00:00 door Douwe
 
Stefan

Stefan

17/08/2009 13:00:00
Quote Anchor link
Thanks, het werkt.
 
- SanThe -

- SanThe -

17/08/2009 13:01:00
Quote Anchor link
Ik ben niet zo goed in css, maar volgens mij moet je geen list gebruiken. (ul en li)
 
Douwe

Douwe

17/08/2009 13:01:00
Quote Anchor link
SanThe;
Lists gebruiken voor een menu is juist semantisch correct.
 
- SanThe -

- SanThe -

17/08/2009 13:04:00
Quote Anchor link
Douwe schreef op 17.08.2009 13:01:
SanThe;
Lists gebruiken voor een menu is juist semantisch correct.

Okee.
Ik had het idee dat een list altijd onder elkaar kwam te staan. Maar blijkbaar is dat niet zo.
 
Mitchell

Mitchell

17/08/2009 13:05:00
Quote Anchor link
Waar is je CSS reset? Lists hebben veel overtollige extra's die je uiterlijk nog wel eens willen omver gooien.

Je mist een doctype.
Je gebruikt divs in li? Is niet valid en niet nodig.

Kortom, vind het niet zo raar dat dingen raar gaan reageren. :)
 
GaMer B

GaMer B

17/08/2009 13:06:00
Quote Anchor link
Rustig aan mensen :) Hij was alleen maar de float: left; vergeten :P
 
Douwe

Douwe

17/08/2009 13:06:00
Quote Anchor link
SanThe schreef op 17.08.2009 13:04:
Douwe schreef op 17.08.2009 13:01:
SanThe;
Lists gebruiken voor een menu is juist semantisch correct.

Okee.
Ik had het idee dat een list altijd onder elkaar kwam te staan. Maar blijkbaar is dat niet zo.

Met CSS kun je een list prima stylen om horizontaal te staan, zonder van die icoontjes voor elk item.
Gewijzigd op 01/01/1970 01:00:00 door Douwe
 
Jan Koehoorn

Jan Koehoorn

17/08/2009 13:11:00
Quote Anchor link
Een ul met li's is inderdaad correct, maar je moet het goed stylen zodat het zelfs in IE6 werkt.
Ik doe het altijd zo:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
/* overflow: hidden; in combinatie met een width, zodat je geen clearer div nodig hebt */
div#nav ul                    {overflow: hidden; width: 900px; margin: 0; padding: 0; list-style: none;}
/* li's floaten. de display: inline; is voor IE6 */
div#nav ul li                {float: left; margin: 0 10px 0 0; display: inline;}
/* het actieve menu-item stylen we met <strong>, zodat het ook in een voorleesbrowser duidelijk is op welke pagina de user is */
div#nav ul li strong        {color: #ff0; background: #000 url(../gfx/bg_navitem.jpg); font-weight: normal; cursor: default;}
div#nav ul li strong,
/* display: block; zodat de a's de li's helemaal opvullen */
div#nav ul li a                {display: block; padding: 5px 10px; font-size: 12px; text-decoration: none;}
div#nav ul li a:link,
div#nav ul li a:visited        {color: white;}
div#nav ul li a:hover,
div#nav ul li a:active        {color: #ff0;}
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
 
Mitchell

Mitchell

17/08/2009 13:15:00
Quote Anchor link
@ Jan: Als je position: relative gebruikt, hoef je geen width aan te geven. Zover ik me herinner, is handig voor een liquid layout.

Margin en float op 1 element? Dat is juist niet vriendelijk voor IE.
 
Stefan

Stefan

17/08/2009 13:18:00
Quote Anchor link
Nog 2 probleempjes, 1 dat niet te maken heeft met het menu, en een die er wel te maken me heeft.

1.
Als je in IE 8 kijkt, zie je dat de content box een soort van margin/padding heeft, waardoor de bovenkant en onderkant niet aan gesloten worden. Iemand een idee om dit te fixen?

2. Hover werkt niet op IE 8. Hoe kan ik dit aanpakken?
 
Jan Koehoorn

Jan Koehoorn

17/08/2009 13:19:00
Quote Anchor link
@ Mitchell: die width mag ook in procenten in combi met overflow: hidden. En die margin en float los je op met die display: inline.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
 
Stefan

Stefan

17/08/2009 13:23:00
Quote Anchor link
Heb er effe een doctype bij gezet, hover en dat content dingetje zijn gefixed, allen nu staat het menu niet goed in IE. staan een paar pixels te ver naar links.
 
Douwe

Douwe

17/08/2009 13:23:00
Quote Anchor link
Het lijkt er op dat jullie allemaal een scherm met een resolutie van 1280x800 gebruiken. Anders was het jullie allang opgevallen dat alleen met die resolutie het menu mooi in de lege plek in de blauwe balk staat. Als je je venster vergroot of verkleint, zie je dat het menu "meebeweegt".
Gewijzigd op 01/01/1970 01:00:00 door Douwe
 
Mitchell

Mitchell

17/08/2009 13:24:00
Quote Anchor link
Jan Koehoorn schreef op 17.08.2009 13:19:
@ Mitchell: die width mag ook in procenten in combi met overflow: hidden. En die margin en float los je op met die display: inline.
Dan is het alsnog handiger om de div gewoon 100% laten te doen, als je namelijk daad werkelijk zegt wilt die nog wel eens boos gaan doen qua box model.

Ah, ok. Was even vergeten dat inline een float verbeterd in IE.
 
Jan Koehoorn

Jan Koehoorn

17/08/2009 13:27:00
Quote Anchor link
Mitchell schreef op 17.08.2009 13:24:
Dan is het alsnog handiger om de div gewoon 100% laten te doen, als je namelijk daad werkelijk zegt wilt die nog wel eens boos gaan doen qua box model.

Hangt ervan af. Als je de breedte goed uitrekent krijg je geen problemen. En dan kun je indien nodig je ul nog een padding meegeven ook. Met 100% is dat weer lastig. Er is niet 1 oplossing die in alle gevallen werkt.
 
Mitchell

Mitchell

17/08/2009 13:32:00
Quote Anchor link
Ik zie nu pas hoe idiotisch deze site is opgebouwd, het zijn allemaal divs die de volle breedte nemen en hij heeft enkel en alleen de achtergrond gecentreerd.. Dit is zeer verkeerd.

Plaats de hele site in een wrapper en centreer die wrapper.
 
Jan Koehoorn

Jan Koehoorn

17/08/2009 13:34:00
Quote Anchor link
@ Stefan: kijk even naar dit voorbeeld:

http://www.wolfgangamadeus.nl/
 
Mitchell

Mitchell

17/08/2009 13:34:00
Quote Anchor link
Jan Koehoorn schreef op 17.08.2009 13:27:
Mitchell schreef op 17.08.2009 13:24:
Dan is het alsnog handiger om de div gewoon 100% laten te doen, als je namelijk daad werkelijk zegt wilt die nog wel eens boos gaan doen qua box model.

Hangt ervan af. Als je de breedte goed uitrekent krijg je geen problemen. En dan kun je indien nodig je ul nog een padding meegeven ook. Met 100% is dat weer lastig. Er is niet 1 oplossing die in alle gevallen werkt.
Uhm, ja. Breedte van margins en padding (pixels) is onmogelijk om rekening mee te houden in een liquid div?
 

Pagina: 1 2 volgende »



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.