[CSS] voor dummies - deel 11

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_65865075
Een li heeft standaard helemaal geen margin/padding?
pi_65976563
Hallo,

Ik heb mijn site gemaakt met CSS, maar wat ik opeens ontdek bij heel veel pagina's is dat de DIV waar ik thumbnails in laadt opeens een pixel of 30 hoger staat, zonder dat ik een verandering heb aangebracht!!

Bij sommige, vooral nieuw aangemaakte pagina's staat ie gewoon goed waar ik hem ook neergezet heb, maar bij andere, vooral oudere pagina's staat ie niet meer op de plek waar ik hem in 1e instantie neergezet heb.

Ik zal een voorbeeld geven, hoop niet dat dat als spam word gezien:
http://www.e30fansite.nl/325i/Arjanos.html

Hele oude pagina's die ik gemaakt heb toen ik net begon met CSS waar ik elke foto in een aparte DIV zette ( stom... ) zijn ook ontregeld en staan allemaal hoger dan in eerste instantie:
http://www.e30fansite.nl/325i/Beamer.html

Pagina's die ik pas geleden heb aangemaakt, staan wel gewoon goed:
http://www.e30fansite.nl/318is/BMWDriver.html

Ik hoop dat iemand me kan helpen?? Nogmaals, ik heb op de bewuste pagina's NIKS veranderd

Thx alvast!

Grtz Tim
<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>
pi_65976809
Ik kan daar echt geen wijs uit. Sorry, maar dat is echt een gevalletje terminale divitus.
pi_65976969
Daar is inderdaad niets meer aan de doen De HTML is zo ruk (sorry ), dat je beter fatsoenlijk opnieuw kunt beginnen. Sleutelwoord daarbij: semantiek.
pi_65977727
wow! (mist bek valt open smilie)
sorry zou je graag willen helpen, maar zelfs firebug in FF gaat over de zeik van de code
  donderdag 12 februari 2009 @ 10:42:24 #81
136730 PiRANiA
All thinking men are atheists.
pi_65977956
quote:
Op donderdag 12 februari 2009 09:54 schreef metallicattim het volgende:
Hallo,

Ik heb mijn site gemaakt met CSS, maar wat ik opeens ontdek bij heel veel pagina's is dat de DIV waar ik thumbnails in laadt opeens een pixel of 30 hoger staat, zonder dat ik een verandering heb aangebracht!!

Bij sommige, vooral nieuw aangemaakte pagina's staat ie gewoon goed waar ik hem ook neergezet heb, maar bij andere, vooral oudere pagina's staat ie niet meer op de plek waar ik hem in 1e instantie neergezet heb.

Ik zal een voorbeeld geven, hoop niet dat dat als spam word gezien:
http://www.e30fansite.nl/325i/Arjanos.html

Hele oude pagina's die ik gemaakt heb toen ik net begon met CSS waar ik elke foto in een aparte DIV zette ( stom... ) zijn ook ontregeld en staan allemaal hoger dan in eerste instantie:
http://www.e30fansite.nl/325i/Beamer.html

Pagina's die ik pas geleden heb aangemaakt, staan wel gewoon goed:
http://www.e30fansite.nl/318is/BMWDriver.html

Ik hoop dat iemand me kan helpen?? Nogmaals, ik heb op de bewuste pagina's NIKS veranderd

Thx alvast!

Grtz Tim
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Dag Google!
pi_65977988
pi_65978031
quote:
Op donderdag 12 februari 2009 10:42 schreef PiRANiA het volgende:

[..]
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Hey,
Ik heb ook een webbrowser, ik had het al gezien.

Groetjes,

veldmuis
pi_65978048
haha ben ik zo slecht?

Het is ooit de bedoeling de site in PHP te (laten) maken, maar dat duurt nog wel eff, dus voorlopig kan ik hier niks aan doen? Vind het maar een vreemd voorval, want in het begin stond alles goed en opeens staat de div hoger...
<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>
pi_65978084
Vraagje: Waarom heb je in vredesnaam voor vrijwel elk plaatje een aparte div?
シ
pi_65978131
quote:
Op donderdag 12 februari 2009 10:45 schreef metallicattim het volgende:
haha ben ik zo slecht?

Het is ooit de bedoeling de site in PHP te (laten) maken, maar dat duurt nog wel eff, dus voorlopig kan ik hier niks aan doen? Vind het maar een vreemd voorval, want in het begin stond alles goed en opeens staat de div hoger...
neuh slecht niet want de validator zegt dat je op 1 foutje na valid bent. En dat is je alt tags in je plaatjes

Je hebt alleen de divaritus
Maar dat maakt niets uit hoor Zo ben ik ook begonnen
pi_65978141
PHP leeft alleen op de server. In je browser zie je altijd HTML, of je nou PHP, ASP, Ruby, Python of whatever gebruikt

Er is ongetwijfeld ergens iets veranderd in de code, maar zoals miss_bleu al zei: dit debuggen is gewoon onmogelijk
pi_65978174
quote:
Op donderdag 12 februari 2009 10:48 schreef miss_bleu het volgende:

neuh slecht niet want de validator zegt dat je op 1 foutje na valid bent. En dat is je alt tags in je plaatjes
Wel slecht imo, en zo zie je maar dat slecht gebruikte maar syntactisch correcte HTML gewoon door de validator komt
pi_65978215
Zet op de http://www.e30fansite.nl/325i/Beamer.html eens op de tumbs de div met ID foto's en geef die ID eens een margin-top mee van 25px;

Misschien dat je het probleem dan verhelpt. Kan ook zijn dat op pagina's waar het nu dus goed staat je meer ruimte gaat krijgen. Maar probeer het eens. Verder kan ik heel moeilijk zien wat het wel kan zijn. Bughunten gaat niet echt, tis meer nu gokken en houtje touwtje oplossingen bedenken
pi_65978221
quote:
Op donderdag 12 februari 2009 10:50 schreef Roy_T het volgende:

[..]

Wel slecht imo, en zo zie je maar dat slecht gebruikte maar syntactisch correcte HTML gewoon door de validator komt
Op zich best briljant
pi_65978531
quote:
Op donderdag 12 februari 2009 10:47 schreef Chanty87 het volgende:
Vraagje: Waarom heb je in vredesnaam voor vrijwel elk plaatje een aparte div?
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 haha

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>
pi_65979684
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
pi_65987664
@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? ... ?
<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>
pi_65987755
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
pi_65987797
Als je handmatig 600 pagina's hebt gemaakt, ben je niet handig bezig. Dan is een database + serversides scripting een miljoen keer handiger.
pi_65991695
quote:
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.
Kijk, die website begon met 0 pagina's
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>
pi_66025998
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..
pi_66027191
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.
pi_66027349
Ik wil dat omdat ik heel het beeld wil gebruiken. Zowel in Firefox als IE moet dat goed zijn.
pi_66027475
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.
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).
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies - deel 11
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')