Archief - Float werkt niet naar behoren.

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Acolyte

Legacy Member
Ik zit met een probleem: ik heb op een heel basis siteje links op mijn pagina een afbeelding staan. Rechts daarvan heb ik enkele regels tekst.

Om dit te verwezenlijken heb ik netjes gebruik gemaakt van 'float'.

Nu, de rest van mijn tekst moet gewoon onder die afbeelding komen, dus gebruik ik daar niks van float.

Toch komt heel de boel die ik eronder wil TOCH erneffe. En, zoals ik al zei, heb ik toch echt wel geen float gespecifieerd voor die <p> tags.... :confused:

matthias1989

Legacy Member
Je moet clear:both gebruiken
om de float werking van tevoren teniet te doen
CSS clear property

dus als volgt bijvoorbeeld:
<p style="clear: both"> Eerstvolgende tekst die eronder hoort</p>

ik hoop dat dit werkt...

good luck :niceone:

Acolyte

Legacy Member
Voor zover ik het begrepen heb, ben nog maar een leek in die dingen... Maar het is naart schijnt ni 'proper' om zo style dinges te doen gewoon in je html code? Moet het per se zo?

GregoryCo

Legacy Member
Je moet idd werken met een dummy div.

HTML
Code:
<div class="dummy"></div>      <!-- die zet je onder uw afbeelding en tekst-->

CSS
Code:
.dummy{
    clear:both
}

En best niet inline werken, maar volgens mij was dat om snel het principe aan te tonen

matthias1989

Legacy Member
voor dit maakt da niet zoveel uit
maar als het je niet aanstaat zet het dan in een css bestand.

het is idd niet "proper" als je van boven bv in je <h1> tag 100.000 regels css gaat schrijven
om het extreem uit te drukken xD

Acolyte

Legacy Member
Hm, dus ik doe het net als al mijn andere css dingen toch? Niet inline, maar met classes of id's van een div? Niet van mijn p? Het is met reden dat je er een div tussenzet?

En waarom is het eigenlijk zo 'slecht' om inline te werken?

GregoryCo

Legacy Member
Het zal alle 2 werken. Ik doe het nu met een div omdat ik dat persoonlijker properder vind. En best dat je het zo aanleert, want inline werken is slordig en onoverzichtelijk

matthias1989

Legacy Member
mjah, een dummy div is idd properder gregoryCo.
Inline css is LELIJK, en onoverzichtelijk... wat je zelf al wel zal hebben ondervonden, aangezien je al meerdere css bestanden hebt gemaakt.

Acolyte

Legacy Member
OK, nu werkt het inderdaad. Alles komt er properkes onder! :applause:

Merci voor de snelle reacties!

matthias1989

Legacy Member
np, snelle reactie is te danken aan : 2 uur zoeken om iemand te helpen op een forum, tot ik uiteindelijk 1tje heb gevonden waar ik zelf een beetje over wist :p

kan je friends sluiten op dit forum, ben namelijk net nieuw.

Acolyte

Legacy Member
Bamhartige samaritaan jij... :D Beetje zot da ge u daar twee uur zomaar mee bezighoudt, maar toch bedankt :doc:

Ow, en je kunt 'friends' worden ja :p

matthias1989

Legacy Member
hehe, ja is voor school, maar hier is het percies wel een leuk sfeertje!!

Drone

Legacy Member
Dummy div is niet correct vermits je dan een html element gebruikt om de weergave van je pagina aan te passen.

Het eerste antwoord dat matthias1989 geeft is juist. Op de eerstvolgende tag moet je clear:both doen. Wat je nog kan doen is dit (The new solution). Als je geen van beide oplossingen kan gebruiken dan is er meestal iets mis met de opbouw van je html code.

Acolyte

Legacy Member
Ah, op die manier. Nu heb ik het dan maar gedaan zoals Mathias eerst zei. Dat lijkt mij het simpelste.

Dat met die borders lijkt me minder 'transparant', vind ik zo... :p

Het werkt in alle geval!

Nog 's bedankt voor de hulp!

GregoryCo

Legacy Member
Ik heb het aangeleerd in de lessen met een dummy div, ksnap niet wat daar verkeerd aan is?

Zero Grav

Legacy Member
Dit hebt ge in de lessen niet aangeleerd gekregen met een dummy div. Wat gij zegt is een container div die niet meegroeit met zijn inhoud als die inhoud gefloat is.

De threadstarter heeft het over een afbeelding met een paragraaf erlangs en de volgende paragraaf eronder. Dat kunt ge dus oplossen door simpelweg de clear: both, of clear: left methode te gebruiken die hierboven staat. Behalve als ge die afbeelding en die paragraaf in een eigen div wikkelt, dan kunt ge kiezen feitelijk. Maar dan zou ik nog steeds voor bovenstaande methode kiezen, anders krijgt ge veel te veel divs die niets betekenen.

dJeez

Legacy Member
matthias1989 zei:
hehe, ja is voor school, maar hier is het percies wel een leuk sfeertje!!
:offtopic: Goh, nu is het echt wel duidelijk dat je nieuw bent, BHV is er soms niks tegen :p. Maar laat dat u zeker niet ontmoedigen of tegenhouden, je kan veel kennis opdoen door het oplossen van vragen van anderen (win-win dus, voor de threadstarter en jezelf).

En on-topic : ik kan de tegenstanders van de dummy div alleen maar bijtreden, die is nergens voor nodig.

Acolyte

Legacy Member
Ik heb het zonder gedaan, snap ook wel waarom. HTML behoort mark-up te zijn, de syntax van de pagina zeg maar, dan is het logisch dat je wil vermijden dat daar zinloze lege elementen tussenstaan. :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan