Wat dacht je van simpelweg een class aan de body hangen, en "body.className #whatever" onderaan je stylesheet zetten, waarmee je "#whatever" overruled?quote:Op dinsdag 22 september 2009 23:40 schreef Light het volgende:
Je kunt in een stylesheet niet iets opnemen als een breedte afhankelijk van of een ander element wel of niet aanwezig is. Dan zou je met een andere naam moeten werken voor de smallere div. En dan kan ook weer andere complicaties hebben waardoor je de stylesheet dan veel groter moet maken. Maar dat ligt ook aan de stylesheet en de verdere opbouw van de site.
Kan ook.quote:Op dinsdag 22 september 2009 23:50 schreef Roy_T het volgende:
[..]
Wat dacht je van simpelweg een class aan de body hangen, en "body.className #whatever" onderaan je stylesheet zetten, waarmee je "#whatever" overruled?
Net zoveel werk als een extra CSS includen, zelfde effect, een request minder.
Volgens mij gaat het dan haast automatisch goed. Als je die div #frontpage float:left geeft, gaat de inline inhoud uit de parent div automatisch de overgebleven ruimte vullen. Als #frontpage er niet is, staat'ie ook niet in de weg.quote:Op dinsdag 22 september 2009 21:59 schreef daReaper het volgende:
[..]
nja die div wordt ook niet geladen bij andere pags dan de frontpage, was ik er even vergeten bij te zetten
True. Al is een request minder per definitie een betere weg, als het verder geen extra code kostquote:Op woensdag 23 september 2009 00:30 schreef Light het volgende:
[..]
Kan ook.
Er zijn, zoals altijd, meerdere wegen die naar Rome leiden. De beste oplossing voor situatie A hoeft niet de beste te zijn voor situatie B.
Jahoor, volledig CSS-complient. Maar wel op zijn IE's.quote:Op woensdag 23 september 2009 14:57 schreef Swetsenegger het volgende:
Ik heb een box van 200px breed met een overflow:hidden. Als ik een image nest die breder is dan 200px valt de overflow in FF en safari keurig weg. IE 7 en 8 tonen de image gewoon volledig en loopt dus buiten de box.
1 2 3 4 5 6 7 8 9 10 11 | </div> <div id="container"> <div id="menu"> <ul id="menulist"> <li>een</li> <li>twee</li> <li>drie</li> </ul> </div> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | margin: 0px; padding: 0px; font-family: calibri; font-size: 12px; background: #333333; } #bgtop { background-image: url(images/bg-top.gif); height: 186px; } #container { width: 1000px; margin: 0 auto; } #menu { background: #f2ebeb; width: 1000px; height: 20px; color: red; font-family: verdana; } #menulist li { display: inline; list-style-type: none; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | position:relative; width:728px; height:25px; background-image:url(../image/topmenubg.png); background-repeat:repeat-x; color:white; line-height:25px; font-family: verdana, Sans, sans-serif; font-size:10pt; overflow:hidden; text-align:left; } .cart{ float:right; width:200px; height:25px; background-image:url(../image/cartbg.png); background-repeat:no-repeat; color:white; line-height:25px; font-family: verdana, Sans, sans-serif; font-size:10pt; text-align:left; z-index:99; } |
1 2 3 4 5 6 7 8 9 | <a href="index.php">Home</a> <a href="actie/2">Nieuwe Collectie</a> <a href="actie/3">Sale!</a> <a href="styling">Styling</a> <a href="klantenservice">Klantenservice</a> <a href="gastenboek">Ervaringen</a> <div class="cart"> test</div> </div> |
Wat is er mis met een color: white en font size in pt ? Z-index was ene overblijfseltje van wat tests waarom die layer niet zichtbaar was en er stond dus gewoon op 2 elementen een z-index.quote:Op woensdag 30 september 2009 13:42 schreef snkr-xxx het volgende:
er zijn wel meer dingen een beetje off, color:white, font size in PT's. een z-index op 1 element? ik moet de rest even zien.
Het is hier geen lijst het is een rijtje Dus over semantiek kan je twisten.quote:Op woensdag 30 september 2009 13:46 schreef snkr-xxx het volgende:
heeft toch niet zoveel met uitbreiding te maken, is gewoon semantiek..
Bij white maakt het geen snars uit, maar als je dat vaker doet, bij bijv orange, of pink en dergelijke, zit je er mooi mee dat verschillende browsers de kleur anders interpreteren, dus gewoon lekker hex codes gebruiken, is net zo easy.quote:Op woensdag 30 september 2009 13:45 schreef Swetsenegger het volgende:
[..]
Wat is er mis met een color: white en font size in pt ? Z-index was ene overblijfseltje van wat tests waarom die layer niet zichtbaar was en er stond dus gewoon op 2 elementen een z-index.
Alles wat een opsomming is hoort in een lijst, of dit nu een rijtje of kolom of van mijn part diagonaal gaat. Maar goed, ieder z'n ding iddquote:Op woensdag 30 september 2009 13:47 schreef Swetsenegger het volgende:
[..]
Het is hier geen lijst het is een rijtje Dus over semantiek kan je twisten.
Dus je probleem is?quote:Op woensdag 30 september 2009 13:48 schreef snkr-xxx het volgende:
[..]
Bij white maakt het geen snars uit,
En waar haal je vandaan dat ik dat niet zou doen? Als ik al preset colors gebruik naast white en black is het voor test doeleinden.quote:maar als je dat vaker doet, bij bijv orange, of pink en dergelijke, zit je er mooi mee dat verschillende browsers de kleur anders interpreteren, dus gewoon lekker hex codes gebruiken, is net zo easy.
Ja dat is ook echt belangrijk.quote:Punten zijn voor print, niet voor web. Gewoon px of nog liever em's gebruiken
Dat vind ik niet. Als het semantisch zo bedoeld was is het wel erg lullig dat een <ul> onder elkaar geplaatst wordt en je voor 5 linkjes een stuk CSS moet gaan schrijven.quote:Op woensdag 30 september 2009 13:49 schreef snkr-xxx het volgende:
[..]
Alles wat een opsomming is hoort in een lijst, of dit nu een rijtje of kolom of van mijn part diagonaal gaat. Maar goed, ieder z'n ding idd
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |