DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Sjah, ik had geen enkel verstand van CSS en heb het met en met een beetje geleerd, kdacht dat dit de methode was, maar niet dus hahaquote:Op donderdag 12 februari 2009 10:47 schreef Chanty87 het volgende:
Vraagje: Waarom heb je in vredesnaam voor vrijwel elk plaatje een aparte div?
Wel fijn om te horen dat mijn "levenswerk" zo geweldig in mekaar steekt
<a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow">BMW E30 Club Nederland</a>
<a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow">BMW E30 M-Tech II 325i</a>
<a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow">BMW E30 M-Tech II 325i</a>
Sorry metallicattim, het was niet denigrerend bedoeld 
We zouden je echt met liefde en plezier helpen (daarom zitten we in dit topic), maar we kunnen hier weinig mee. Het werkt in principe, dat is duidelijk, maar omdat het zo sterk ingaat tegen de gangbare technieken zien wij het ook niet.
Maar misschien is dit een mooie incentive om eens te kijken naar hoe je het aan de basis beter aan zou kunnen pakken? Je slaat dan 3 vliegen in 1 klap: je leert fatsoenlijke HTML & CSS gebruiken, je hebt goede templates die je gewoon kunt hergebruiken wanneer je voor de achterkant overstapt op PHP en je lost hiermee je huidige probleem op
We zouden je echt met liefde en plezier helpen (daarom zitten we in dit topic), maar we kunnen hier weinig mee. Het werkt in principe, dat is duidelijk, maar omdat het zo sterk ingaat tegen de gangbare technieken zien wij het ook niet.
Maar misschien is dit een mooie incentive om eens te kijken naar hoe je het aan de basis beter aan zou kunnen pakken? Je slaat dan 3 vliegen in 1 klap: je leert fatsoenlijke HTML & CSS gebruiken, je hebt goede templates die je gewoon kunt hergebruiken wanneer je voor de achterkant overstapt op PHP en je lost hiermee je huidige probleem op
@Roy_T: Ik weet dat jullie proberen te helpen, ik was een beetje sarcastisch 
Ik zit inmiddels over de 600 pagina's heen, dus zomaar eff opnieuw beginnen zit er niet in
Dat zal weken/maanden in beslag nemen, doe dit ook maar in mijn vrije tijd.
Maar wat heb ik nou precies verkeerd gedaan? Verkeerde code gebruikt? Verkeerde opbouw? ... ?
Ik zit inmiddels over de 600 pagina's heen, dus zomaar eff opnieuw beginnen zit er niet in
Dat zal weken/maanden in beslag nemen, doe dit ook maar in mijn vrije tijd.Maar wat heb ik nou precies verkeerd gedaan? Verkeerde code gebruikt? Verkeerde opbouw? ... ?
<a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow">BMW E30 Club Nederland</a>
<a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow">BMW E30 M-Tech II 325i</a>
<a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow">BMW E30 M-Tech II 325i</a>
Ik ga er vanavond mee beginnen. Wil mijn website ook met CSS gaan maken, totaal geen ervaring mee. Heb een aantal dvd's van lynda gevonden, van dreamweaver en een afzonderlijk van CSS maar dat is alleen codevorm. En ik ga het toch echt eerst via dreamweaver doen
tevens tvp
tevens tvp
Als je handmatig 600 pagina's hebt gemaakt, ben je niet handig bezig. Dan is een database + serversides scripting een miljoen keer handiger.
Kijk, die website begon met 0 pagina'squote:Op donderdag 12 februari 2009 15:24 schreef Khadgar het volgende:
Als je handmatig 600 pagina's hebt gemaakt, ben je niet handig bezig. Dan is een database + serversides scripting een miljoen keer handiger.
En met en met ( dik 2,5 jaar ondertussen ) kwamen nieuwe aanmeldingen binnen en die heb ik idd met de hand toegevoegd.
Ik heb helaas de kennis niet om dit zelf te doen, php + mysql, en laten doen is ook niet goedkoop, vandaar dat ik zelf ben gaan kloten en ik dacht dat ik het redelijk voormekaar had, totdat ik deze fout vorige week ontdekte
<a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow">BMW E30 Club Nederland</a>
<a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow">BMW E30 M-Tech II 325i</a>
<a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow">BMW E30 M-Tech II 325i</a>
Hoe laat ik een div helemaal tot onderaan het beeld doorlopen zonder met een aantal pixels te werken? Bij de header heb ik in de breedte 100% aangegeven. Maar bij de div die naar onder moet werkt dit niet..
html en body 100% hoogte geven, en dan kun je een div ook 100% hoogte geven.
Maar waarom wil je dat precies? Vaak zijn er andere oplossing voor hetzelfde visuele effect.
Maar waarom wil je dat precies? Vaak zijn er andere oplossing voor hetzelfde visuele effect.
Hmm had ik gedaan. Hij gaat wel tot onder door inderdaad, maar nu te ver naar onder zodat je moet scrollen. Dat komt waarschijnlijk omdat ie ruimte heeft overgeslagen bovenaan (hij begon onder de header).quote:Op vrijdag 13 februari 2009 17:02 schreef Roy_T het volgende:
html en body 100% hoogte geven, en dan kun je een div ook 100% hoogte geven.
Juistquote:Op vrijdag 13 februari 2009 17:11 schreef Nashje het volgende:
Hmm had ik gedaan. Hij gaat wel tot onder door inderdaad, maar nu te ver naar onder zodat je moet scrollen. Dat komt waarschijnlijk omdat ie ruimte heeft overgeslagen bovenaan (hij begon onder de header).
Het is 100% van de viewport, dus als er nog iets boven staat dan telt dat ook mee.
Waarom? Wat wil je visueel bereiken? Nogmaals, er zijn vaak andere oplossingen die hetzelfde visuele effect geven. Plaatje misschien?quote:Op vrijdag 13 februari 2009 17:06 schreef Nashje het volgende:
Ik wil dat omdat ik heel het beeld wil gebruiken. Zowel in Firefox als IE moet dat goed zijn.
Omdat dat dat bij het idee van de site hoortquote:Op zaterdag 14 februari 2009 09:53 schreef Roy_T het volgende:
[..]
Juist
Het is 100% van de viewport, dus als er nog iets boven staat dan telt dat ook mee.
[..]
Waarom? Wat wil je visueel bereiken? Nogmaals, er zijn vaak andere oplossingen die hetzelfde visuele effect geven. Plaatje misschien?
. Maar een plaatje is wel een verdomd goed idee ja 
. Verticaal laten repeaten, voila.
Ben je altijd zo van de non-antwoorden?quote:Op zaterdag 14 februari 2009 14:36 schreef Nashje het volgende:
Omdat dat dat bij het idee van de site hoort
De vraag was niet waarom je iets er op een bepaalde manier uit wilt laten zien, maar waarom je het per se met een div van 100% hoogte wilt doen Juistemquote:Maar een plaatje is wel een verdomd goed idee ja
Zeg. Vraagje!
Wanneer gebruiken jullie een class en wanneer een id?
Ik ga eigenlijk altijd voor een class, behalve als ik iets met JS wil gaan doen, dan hang ik de css aan het id (logisch, denk ik).
Ik zie echter ook volop sites waarbij de css er uitziet als een hekjesparade, alleen maar id's dus. Ik snap het nut er niet zo van, maar misschien is het er wel. Ben wel benieuwd hoe iedereen werkt eigenlijk, wie weet (ik!) kan ik er nog wat van leren!
Wanneer gebruiken jullie een class en wanneer een id?
Ik ga eigenlijk altijd voor een class, behalve als ik iets met JS wil gaan doen, dan hang ik de css aan het id (logisch, denk ik).
Ik zie echter ook volop sites waarbij de css er uitziet als een hekjesparade, alleen maar id's dus. Ik snap het nut er niet zo van, maar misschien is het er wel. Ben wel benieuwd hoe iedereen werkt eigenlijk, wie weet (ik!) kan ik er nog wat van leren!
Nou ik heb wel gemerkt dat ID's soms anders reageren dan classes. En ik heb geen idee waarom. Ik heb nu geen concreet voorbeeld, is iets waar ik wel eens tegen aangelopen ben.
Ik gebruik eigenlijk ook altijd classes.
Ik gebruik eigenlijk ook altijd classes.
classes worden overruled door ID's, ook al staat de class lager in de CSS. Dus anders reageren doet het zekerquote:Op zaterdag 14 februari 2009 16:32 schreef Swetsenegger het volgende:
Nou ik heb wel gemerkt dat ID's soms anders reageren dan classes. En ik heb geen idee waarom. Ik heb nu geen concreet voorbeeld, is iets waar ik wel eens tegen aangelopen ben.
Ik gebruik eigenlijk ook altijd classes.
.Verder mag een ID uiteraard maar 1x per htmlletje voorkomen, en een class oneindig.
De werkelijke regel is dat een een id uniek is en dus maar 1 keer kan worden gebruikt, geloof ik.
Ik gebruik zelf meestal id's. Aangeleerd.
Ik gebruik zelf meestal id's. Aangeleerd
.
Nee ik bedoel dus ook in style gedrag. Dus een layer die onverklaarbaar lager geplaatst wordt bv als hij in een ID staat tov een class.quote:Op zaterdag 14 februari 2009 16:34 schreef veldmuis het volgende:
[..]
classes worden overruled door ID's, ook al staat de class lager in de CSS. Dus anders reageren doet het zeker
Verder mag een ID uiteraard maar 1x per htmlletje voorkomen, en een class oneindig.
Da's mij nog nooit opgevallen. Dus een voorbeeld zou leuk zijnquote:
[..]
Nee ik bedoel dus ook in style gedrag. Dus een layer die onverklaarbaar lager geplaatst wordt bv als hij in een ID staat tov een class.
Als ik er weer eens tegenaanloop zal ik het laten zien. Wat ik me ervan herinner ging het met relatief positioneren fout. Maakte ik van de ID een class werkte het zoals verwacht.quote:
[..]
Da's mij nog nooit opgevallen. Dus een voorbeeld zou leuk zijn
Ik heb ht al 2 keer gehad. Wellicht zegt het meer over mij dan over css, maar ik weet nog dat ik me scheel heb gezocht.
Ik gebruik tegenwoordig alleen classes als ik weet dat ik hetzelfde element meerdere keren gebruik op een paginaquote:
Zeg. Vraagje!
Wanneer gebruiken jullie een class en wanneer een id?
Ik ga eigenlijk altijd voor een class, behalve als ik iets met JS wil gaan doen, dan hang ik de css aan het id (logisch, denk ik).
Ik zie echter ook volop sites waarbij de css er uitziet als een hekjesparade, alleen maar id's dus. Ik snap het nut er niet zo van, maar misschien is het er wel. Ben wel benieuwd hoe iedereen werkt eigenlijk, wie weet (ik!) kan ik er nog wat van leren!
シ
Gewoon voor je eigen overzicht? (max) 1x voorkomen = id, anders class?quote:Op zaterdag 14 februari 2009 21:07 schreef Chanty87 het volgende:
[..]
Ik gebruik tegenwoordig alleen classes als ik weet dat ik hetzelfde element meerdere keren gebruik op een pagina
Hm. Dat klinkt wel als een handige methode.
.
Het is niet zo dat een ID altijd voorrang heeft boven een class: het heeft alles te maken met specificity.
Zelf gebruik ik ID's voor unieke elementen (#header, #footer, #menu, etc) en classes voor terugkerende elementen (.blogpost, etc). En uiteraard ID's om iets te kunnen referencen in JS.
Als iets niet "belangrijk" is, dan gebruik ik geen ID maar een class (bijvoorbeeld <a class="cancel"> als het een link moet zijn met speciale styling (als een afbeelding met "cancel" erin bijvoorbeeld). Classes gebruik ik ook om info in te zetten waar de CSS niets mee doet, maar JS wel bijvoorbeeld (meer als meta data dus, sort of).
Gebruik ze allebij wel bewust zo min mogelijk; een <ul id="menu"> bijvoorbeeld, met daaronder zoveel mogelijk de HTML elementen referencen (#menu li a etc etc).
Zelf gebruik ik ID's voor unieke elementen (#header, #footer, #menu, etc) en classes voor terugkerende elementen (.blogpost, etc). En uiteraard ID's om iets te kunnen referencen in JS.
Als iets niet "belangrijk" is, dan gebruik ik geen ID maar een class (bijvoorbeeld <a class="cancel"> als het een link moet zijn met speciale styling (als een afbeelding met "cancel" erin bijvoorbeeld). Classes gebruik ik ook om info in te zetten waar de CSS niets mee doet, maar JS wel bijvoorbeeld (meer als meta data dus, sort of).
Gebruik ze allebij wel bewust zo min mogelijk; een <ul id="menu"> bijvoorbeeld, met daaronder zoveel mogelijk de HTML elementen referencen (#menu li a etc etc).
Dat is geen known bug iig voor zover ik weetquote:Op zaterdag 14 februari 2009 16:46 schreef Swetsenegger het volgende:
Nee ik bedoel dus ook in style gedrag. Dus een layer die onverklaarbaar lager geplaatst wordt bv als hij in een ID staat tov een class.
Het is te merken dat ik al een tijdje niet heb gespeeld met CSS 
. Ik ben er na 3 kwartier achter gekomen waarom m'n backgroundimage niet werd getoond. M'n style.css staat in de map css, en ik moest dus eerst uit die map komen om het plaatje in de map image te laten kunnen tonen.
Bleh.
. Ik ben er na 3 kwartier achter gekomen waarom m'n backgroundimage niet werd getoond. M'n style.css staat in de map css, en ik moest dus eerst uit die map komen om het plaatje in de map image te laten kunnen tonen.Bleh
.
quote:Op maandag 16 februari 2009 09:29 schreef Nashje het volgende:
Het is te merken dat ik al een tijdje niet heb gespeeld met CSS
Paden zijn inderdaad (gelukkig) relatief t.o.v. de locatie van een stylesheet
