[CSS] Navigatie in een UL

[Verwijderd]

Beste mensen,

Ik heb een website waarbij ik een hoofdnavigatie heb met tabbladen, daar links en rechts van staan nog plaatjes voor de vormgeving van de website.

plaatje | tabblad1 | tabblad2 | tabblad3 | tabblad4 | plaatje

Plaatje links, en plaatje rechts mogen niet in een background gezet worden.

De oplossing die ik in mijn hoofd heb is om alles in een unordered list te zetten, dat heb ik dus ook alvast gedaan, maar ik krijg vreemde marge's tussen de plaatjes + de complete list begint niet netjes links tegen de kantlijn.

Ik heb op de .ul al de margin, padding en border op 0 gezet, maar het helpt niet.
Wat doe ik fout?

Voorbeeld:
http://www.douglasdesign....voorbeeld_ul_probleem.htm

[Willem]

erikotten:
Plaatje links, en plaatje rechts mogen niet in een background gezet worden.

Waarom niet?

Helpt dit?... _{niet gezien in je CSS namelijk}

Cascading Stylesheet:

li, li a {
  margin:0;
}

[Verwijderd]

willem169 schreef op woensdag 08 december 2004 @ 09:20:
[...]


Waarom niet?

Helpt dit?... _{niet gezien in je CSS namelijk}

Cascading Stylesheet:

li, li a {
  margin:0;
}

- Omdat de visual rechts random veranderd en niet in een extern CSS document mag staan. Eventueel zou het linker plaatje wel in een BG mogen.

- Nee werkt niet

[BtM909]

Ik heb ze al een keer eerder gepost, maar hieronder een heel handig lijstje als je stap voor stap een menu met UL's wilt maken

• http://css.maxdesign.com.au/listamatic/index.htm
• http://css.maxdesign.com.au/listamatic2/index.htm
• http://www.alistapart.com/articles/taminglists/
• http://www.simplebits.com...styling_nested_lists.html

• http://www.paulpgriffin.com/css/tabs/tabs.html
• http://unraveled.com/projects/css_tabs/

[Verwijderd]

BtM909 schreef op woensdag 08 december 2004 @ 09:26:
Ik heb ze al een keer eerder gepost, maar hieronder een heel handig lijstje als je stap voor stap een menu met UL's wilt maken

• http://css.maxdesign.com.au/listamatic/index.htm
• http://css.maxdesign.com.au/listamatic2/index.htm
• http://www.alistapart.com/articles/taminglists/
• http://www.simplebits.com...styling_nested_lists.html

• http://www.paulpgriffin.com/css/tabs/tabs.html
• http://unraveled.com/projects/css_tabs/

Hey jij gebruikt mijn logo

Maar goed, ik heb de marge tussen de verschillende plaatje op kunnen lossen met een margin-right van -4 (Is dat veilig?).

Het probleem waar ik nu nog mee zit is dat ie van links inspringt, maar gewoon meteen vanaf de kantlijn moet beginnen.

[Verwijderd]

heb er ook eens wat over geschreven:
http://www.rikkertkoppes.com/thoughts/2004/11/14

[Vinzzz243]

background kan alsnog hoor...gewoon inline background gebruiken (style="background: foobar")

[Woudloper]

Verwijderd schreef op woensdag 08 december 2004 @ 09:40:
Maar goed, ik heb de marge tussen de verschillende plaatje op kunnen lossen met een margin-right van -4 (Is dat veilig?).

Waarom zou dat niet veilig zijn?

[Verwijderd]

Weet ik niet? Ik heb het in verschillende browsers getest, en daar werkt het allemaal mooi.
Ik heb ook die marge links kunnen oplossen

http://www.douglasdesign....adelphia/basislayout5.htm

In FireFox is ie helemaal goed, maar in IE geeft ie hier en daar nog wat problemen.

[Verwijderd]

Omdat het geen eenheid heeft?

[Willem]

Niet echt netjes inderdaad, negatieve waardes...

[Woudloper]

Maar als het wel een eenheid heeft, dus -4px, heeft het totaal toch geen effect op de veiligheid? Wat is het bezwaar tegen het gebruik van negatieve marges?

[Willem]

Wil er in niet alle browsers hetzelfde uitkomen.

Daarnaast zegt W3

Negative values for margin properties are allowed, but there may be implementation-specific limits.