HTML/CSS uitlijnen

[Verwijderd]

Hoi!

Als rookie hier plaats ik een topic (dus wees alsjeblieft een beetje mild voor me haha)

Al een aantal uur ben ik bezig met het bouwen van een website voor mijn opleiding. Met 0 ervaring in het bouwen, vind ik dat ik toch wel aardig ver kom. Toch is er 1 ding wat ik niet krijg opgelost.

De menubalk en fotoslider op de pagina zitten goed, die lopen gelijk qua lengte en hoogte, wat de bedoeling is. Echter krijg ik het tekstvak, wat eronder zit, niet op dezelfde breedte. Links steekt te ver uit en rechts is te kort. En ik krijg het niet voor elkaar.

Tientallen youtube filmpjes en tutorials verder, probeer ik het op deze manier. Natuurlijk kan ik afwachten en het op school vragen, maar ik wil het graag zelf kunnen en snappen.

Ik kan eventueel screenshots plaatsen, mocht mijn uitleg niet zo duidelijk zijn.

Het deel waar ik tekst in moet hebben, heb ik de volgende div gegeven:
<div class="col-lg-12 white h1700 w1150">

Dit is bij de menubalk en slider niet het geval, die hebben gewoon een "naam"( <div class="row"> ect.)

Ik hoop dat iemand mijn verhaal snapt en mij kan helpen!

Dank jullie wel alvast.

Roos

[MoietyMe]

Zou je de code van je website ergens online kunnen plaatsen? Bijvoorbeeld op CodePen?

Dan kunnen we beter met je meekijken

[ Voor 16% gewijzigd door MoietyMe op 18-06-2014 19:57 ]

[Verwijderd]

Yes, ik hoop dat ik het zo goed heb gedaan:

HTML:
http://codepen.io/roosg/pen/Koixn.html

CSS:

http://codepen.io/roosg/pen/Koixn.css

En dan heb ik nog 3 CSS bestanden voor hoogte en kleur en breedte. Ik hoop dat je het snapt

[Tribits]

Ik weet niet of er wat verkeerd is gegaan met knippen en plakken maar je HTML heeft in ieder geval geen HTML open tag. Daarnaast missen er diverse DIV close tags en zitten er nog wat foutjes in de HTML.

Ik zou zeggen probeer er eerst eens een kloppend HTML bestand van te maken dat probleemloos door de W3C HTML validator komt.

Doe dan vervolgens hetzelfde voor je CSS bestand. Dat is er minder slecht aan toe maar er zit ook een foutje in. Dus even controleren met de CSS validator.

Als je er bij het corrigeren van de div tags voor zorgt dat alle content binnen de .container div valt dan is je probleem trouwens waarschijnlijk ook gelijk opgelost.

Overigens is het ook wel handig aan te geven als je gebruik maakt van een bepaald framework (en van welke versie). In jouw geval is dat bootstrap. Dat maakt het voor de lezer wat makkelijker om te bepalen of ze de benodigde kennis hebben om je vraag te beantwoorden.

[ Voor 49% gewijzigd door Tribits op 19-06-2014 04:20 ]