login  Naam:   Wachtwoord: 
Registreer je!
 Forum

stijl problemen met div en afbeeldingen (Opgelost)

Offline ploegie - 18/11/2010 13:45 (laatste wijziging 18/11/2010 15:13)
Avatar van ploegieNieuw lid Ik heb mijn site als mockup in photoshop gebouwd.
Nu is hij klaar en ben hem aan het omzetten naar html/css.

Ik ben begonnen met een wrapper en in die wrapper heb ik de div's gelegt.
in css heb ik toen gezegt dat de divs op de achtergrond moeten liggen op de juiste stand.
Ik heb het bovenste verloop appart erin gelegt en het onderste gedeelte van de site ook ivm schaduws.
Het middelste gedeelte wil ik kunnen vergrootten en verkleinen voor eventueel meer content.
Dat heb ik voor elkaar.

Maar als ik nu naar de code ga en ik leg er een div in om mijn linker balk te vullen bv. een menu.
dan schuift de boel uit elkaar.

ik doe iets fout maar weet niet goed wat.
Ik ben nog beginnend mischien moet het wel anders...
dit is de site http://www.hxploeg.nl
Kan iemand mij helpen?
ik kan eventueel nog wel wat code erbij zetten mocht het nodig zijn.


groet,.
Hugo[plaatscode=css]

11 antwoorden

Gesponsorde links
Offline kevboy09 - 18/11/2010 15:50 (laatste wijziging 18/11/2010 15:50)
Avatar van kevboy09 Nieuw lid Dus als ik het goed begrijp, wil je dat alles naast elkaar staat. Ik bied mijn hulp graag aan, als je de code erbij wilt zetten.
Offline WouterJ - 18/11/2010 16:01
Avatar van WouterJ HTML gevorderde
kevboy09 schreef:
Ik bied mijn hulp graag aan, als je de code erbij wilt zetten.

Je kan toch gewoon de broncode bekijken? (FF/chrome Ctrl+u en IE Pagina>Bron weergeven).
Offline IndexS - 18/11/2010 16:22
Avatar van IndexS MySQL interesse Wat voor eigenschappen heeft de div voor het menu?
Offline ploegie - 18/11/2010 17:16 (laatste wijziging 18/11/2010 19:14)
Avatar van ploegie Nieuw lid heb de code verwijderd....

hopelijk wil toch iemand me helpen
Offline WouterJ - 18/11/2010 19:03 (laatste wijziging 18/11/2010 19:28)
Avatar van WouterJ HTML gevorderde @ploegie, lange codes op plaatscode.be!

En daarnaast kunnen we html en css gewoon in de broncode zien (zoals ik net al beschreef). Dit is dus volledig onnodig.

------------[EDIT]-----------
Als je wilt dat alle 3 de kolommen op de zelfde hoogte komen moet je de margin-top: 20px; weghalen.
Offline ploegie - 18/11/2010 19:44 (laatste wijziging 18/11/2010 20:18)
Avatar van ploegie Nieuw lid nee is niet zo zeer op de zelfde hoogte daar kom ik wel uit vind ontwerp prima zo..
maar gaat erom als ik nu zoals de layout is in de linker kolom een nieuwe div op de div plaats die als achtergrond ligt plaats.Dan schiet hij weg.

------------------------------------


ik heb even een test blokje gemaakt met test erin om telaten zien wat er gebeurt.

diti s de css code die ik heb toegevoegd.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #test {
  2. 			background-color:#999;
  3. 			margin-top:30px;
  4. 			width:80px;
  5. 			height:30px;
  6. 			margin-left:25px;
}

en dit de html code die ik heb toegevoegd.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="linksbody">
  2.  
  3. <div id=test>test<br />testtestest<br /></div>
  4.  
  5. </div>



misschien wordt het zo duidelijker hij staat ook op http://www.hxploeg.nl daar zie je wat er gebeurt.
Alle gebruikte afbeeldingen liggen erin als background image en daarop wil ik een nieuwe div plaatsen.
Offline WouterJ - 18/11/2010 22:23 (laatste wijziging 18/11/2010 22:23)
Avatar van WouterJ HTML gevorderde Dat komt omdat je de div test een margin-top: 30px; meegeeft. Als je dit wilt moet je padding-top: 20px; gaan gebruiken, of de div een display: inline; meegeven.
Offline ploegie - 18/11/2010 22:44
Avatar van ploegie Nieuw lid ja super!
de padding top doet het truckje bedankt! die kun je ook echt sturen.
Die display: inline is niet echt te sturen of wel?

Maar is dit de juiste weg om zo me iste met content tevullen of is er een andere beter?

goret,
Hugo
Offline IndexS - 19/11/2010 10:32
Avatar van IndexS MySQL interesse Lijkt mij een goed advies wat je gekregen hebt.
Offline WouterJ - 19/11/2010 15:49
Avatar van WouterJ HTML gevorderde
ploegie schreef:
Maar is dit de juiste weg om zo me iste met content tevullen of is er een andere beter?

Je kan content beter in een paragraph tag zetten (<p>).
En als je padding dingen wilt gebruiken kun je die beter aan de parent div geven. De margin is namelijk het aantal pixels aan de buitenkant van een element en de padding aan de binnenkant van een element.
Bedankt door: ploegie
Offline ploegie - 19/11/2010 23:03
Avatar van ploegie Nieuw lid bedankt voor de support ik close hem ben eruit!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.283s