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
Je verwart nu semantiek met de standaard rendering van browsers, terwijl ze niets met elkaar te maken hebben.quote:Op woensdag 30 september 2009 13:51 schreef Swetsenegger het volgende:
Als het semantisch zo bedoeld was is het wel erg lullig dat een <ul> onder elkaar geplaatst wordt
1 2 3 4 5 | border: 5px solid #000000; width: 175px; height: 175px; } |
In je css hoeft niets anders. Je moet alleen die div weghalen en het ID (waarom eigenlijk een ID ipv een class?) in de <img>-tag zetten.quote:Op vrijdag 2 oktober 2009 @ 17:34 schreef Mirel het volgende:
Hoe zou ik het anders doen zonder div? Het is niet de bedoeling dat ik die plaatjes ga verwijzen in het css bestand.
Ja, het werkt. Helaas voldoet het op geen enkele manier aan de specificaties, en heb je dus geen HTML geschreven maar een eigen taal gebaseerd op HTMLquote:Op vrijdag 2 oktober 2009 17:43 schreef Mirel het volgende:
Ik dacht altijd dat je met classes meerdere divs van dezelfde naam neer kon zetten, maar ik heb datzelfde nu op m'n pagina met id's en het werkt. Dus ik heb gewoon het foute idee
Heb je ook in je css alle hekjes (#) door punten (.) vervanen dan?quote:Op vrijdag 2 oktober 2009 @ 18:06 schreef Mirel het volgende:
Als ik even voor de grap alles vervang met classes dan gaat m'n layout stuk. Was het nou zo dat je de eerste instantie van een naam eerst als id moet doen en de rest als class?
nog handiger, scheelt mij weer achteraf alle a's een class te geven.quote:Op vrijdag 2 oktober 2009 18:48 schreef Roy_T het volgende:
Of naar alle links binnen een onderdeel verwijzen, scheelt vaak een hoop code (voor alle links in de header dus "#header a" bijv.).
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 32 33 34 | background: #010200; width: 1000px; height: 20px; color: white; font-size: 15px; font-family: century gothic, verdana, tahoma; } .menulist { margin: 0px; padding-left: 280px; } .menulist li { padding-right: 142px; display: inline; list-style-type: none; } li:hover ul { display: block; } .dropdown { padding: 0px; background: black; } li ul { position: absolute; padding-left: 189px; display: none; } |
1 2 3 4 5 6 7 8 9 10 11 12 | <ul class="menulist"> <li><a href="index.html">Home</a></li> <li><a href="portfolio.html">Portfolio</a> <ul > <li class="dropdown"><a href="test.html">dropdown1</a></li><br> <li class="dropdown"><a href="test.html">dropdown2</a></li> </ul> </li> <li><a href="about.html">About</a></li> </ul> </div> |
Ja de <br> was daar omdat anders de dropdown naast etlkaar ging, weet niet waaromquote:Op zondag 4 oktober 2009 15:04 schreef Roy_T het volgende:
Ik heb nu even geen tijd, maar wat me wel meteen opvalt (en nee, dat heeft hier niets mee te maken ) is de <br> achter een <li>, die daar écht niet hoort (<li>'s staan altijd al onder elkaar; het zijn block-level elementen). En dan nog: <br> is niet echt XHTML, terwijl je in je doctype zegt dat je dat gebruikt
Goed, dat was mijn reactie waar je verder niets aan hebt
1 2 3 4 5 6 7 | <ul> <li><a href="index.html">Home</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="about.html">About</a></li> </ul> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 | font-family: century gothic; background: #010200; height: 20px; } ul, li { padding: 0px; background: red; display: inline; list-style: none; } |
1 2 | <p>".nl2br($antwoord->antwoord)."</p> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |