ik heb een div probleempje voor mijn baas, ik zit al een tijdje te stoeien maar kom er niet uit.
http://tinyurl.com/6yb4hru
zie link voor de page.
alles staat nu onder elkaar maar het is de bedoeling dat die 4 kleine foto's naast elkaar komen te staan.
ik heb nu in feite dus 4 <DIV> welke elke grote fot kleine foto en tekst bevat.
Wie kan mij helpen zodat ik ze naast elkaar krijg.
groetjes
- <DIV> probleem
-
15-01-2011, 18:57 #1
- Berichten
- 88
- Lid sinds
- 14 Jaar
<DIV> probleem
-
In de schijnwerper
-
15-01-2011, 19:16 #2
- Berichten
- 691
- Lid sinds
- 15 Jaar
Re: <DIV> probleem
Hier heb je vast wat aan:
http://css.maxdesign.com.au/floatuto...torial0407.htm
-
15-01-2011, 19:20 #3
- Berichten
- 88
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
bedankt voor de link maar hoe moet ik dat in mijn html toepassen?
heb je de bron bekeken ?
-
15-01-2011, 19:22 #4
- Berichten
- 293
- Lid sinds
- 16 Jaar
Re: <DIV> probleem
Zet om de divs van de foto's en tekst 1 grote div en die geef je een float:left.
-
15-01-2011, 19:24 #5
- Berichten
- 88
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
dus ik zet er gewoon een div omheen ? om al de vier de div's dus 1 grote div?
ik kan het wel anders in het cms voor elkaar krijgen alleen dan heb je geen goeie bron code en dat wil ik niet
Aanvullend bericht:
ik heb het geprobeert maar volgens mij doe ik iets fout. Is het misschien een idee om het html code hier te plaatsen ?Laatst aangepast door simon berg : 15-01-2011 om 19:49 Reden: Automatisch samengevoegd.
-
15-01-2011, 20:06 #6
- Berichten
- 606
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
Beste, probeer het eerste image ook eens een float left te geven (binnen een groot div zoals hierboven gezegd.)
volgens mij moet dat volstaan
-
15-01-2011, 20:07 #7
- Berichten
- 88
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
je bedoelt de image vaN DIE BLOEMEN? DE 1E AFBEELDING IIS DAT
Aanvullend bericht:
dit is wat ik nu heb!!:
<div style="text-align: center;"><img height="90" width="959" alt="frans eiken vloeren. De Vloerderij.nl" src="/upload/header.png" />
<p> <span style="color: rgb(0, 153, 0);"><span style="font-size: xx-large;">Frans eiken vloeren gedurfd duurzaam</span> </span></p>
</div>
<div style=""><img height="112" width="180" src="/upload/home1.png" alt="Oud Frans eiken vloer" /></div>
<div style="float: left;"><img style="width: 46px; height: 47px;" src="/upload/greenlabel_home.png" alt="Frans eiken vloer green label" /></div>
<div style="float: left; width: 150px; text-align: center;">Oud frans eiken vloer<br />
Authentiek<br />
Vloerderijprijs 37,50 m2<br />
3cm dikke massieve eiken plank</div>
<div style="clear: left;"> </div>
<div style=""><img height="112" width="180" src="/upload/home2.png" alt="Frans eiken vloer" /></div>
<div style="float: left;"><img src="/upload/logovloerderij.png" alt="Frans eiken vloer van De Vloerderij" style="width: 47px; height: 49px;" /></div>
<div style="float: left; width: 150px; text-align: center;">Frans eiken vloer getrommeld<br />
Tijdloos<br />
Vloerderijprijs 36,- m2<br />
16cm brede en 2 cm dikke eiken plank</div>
<div style="clear: left;"> </div>
<div style=""><img height="112" width="180" src="/upload/home3.png" alt="oud Frans eiken vloer" /></div>
<div style="float: left;"><img src="/upload/logovloerderij.png" alt="Frans eiken vloer van De Vloerderij" style="width: 47px; height: 49px;" /></div>
<div style="float: left; width: 150px; text-align: center;">Frans eiken vloer Multiplank<br />
Eigentijds<br />
Vloerderijprijs 39,- m2<br />
18 cm brede gekastijde eiken plank 16mm dik</div>
<div style="clear: left;"> </div>
<div style=""><img height="112" width="180" src="/upload/home4.png" alt="Gerookte Frans eiken vloer" /></div>
<div style="float: left;"><img src="/upload/logovloerderij.png" alt="Frans eiken vloer van De Vloerderij" style="width: 47px; height: 49px;" /></div>
<div style="float: left; width: 150px; text-align: center;">Gerookte Frans eiken vloer<br />
Warm<br />
Vloerderijprijs 39,95 m2<br />
Massief 2 cm dik 16 cm breed</div>
<div style="clear: left;"> </div>
<p> </p>Laatst aangepast door simon berg : 15-01-2011 om 20:22 Reden: Automatisch samengevoegd.
-
15-01-2011, 20:10 #8
- Berichten
- 606
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
nee de eerste vloer (die van 37,50 ;))
dus een main div voor de 4 images en evt tekst en dan vanaf het eerste image float left. Daarmee geef je aan dat er tekst/images oid naast geplaatst mag worden.
-
15-01-2011, 20:10 #9
- Berichten
- 6
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
Wat ik altijd doe:
Eén grote container met daarin alle overige DIVs. De voor de linker stel ik 'float: left;' en 'width: ?px'. Vervolgens pak ik de rechter DIV en daarbij stel ik in: 'margin-left: ?px'. Hierbij vul ik voor beide vraagtekens hetzelfde getal in.
Hopelijk heb je er iets aan ;)
-
15-01-2011, 20:14 #10
- Berichten
- 88
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
@jan willem als ik dat doe dan komt de groene kleine plaatje met de tekst en prijs ernaast te staan en die moet eronder blijven. de volgende grote afbeelding moet ernaast komen enz enz
-
15-01-2011, 20:20 #11
- Berichten
- 606
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
Simon, 1 hebt dus 1 grote container div, daarin maak je sub divs en die geef je een max breedte mee (bijv ter breedte van de image) zodat de tekst en volgende afbeelding eronder komt, dus niet 2 divs voor image en tekst.
Vanaf de eerste div voeg je float left toe.
-
15-01-2011, 20:24 #12
- Berichten
- 88
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
ik heb mijn vorige post even verduidelijkt. de eerst druk gedikte is de haeder om zo maar even te zeggen met de groene tekst. dan de eerste normaal gedrukte script moet links komen dan druk gedikte ernaast enz enz
zal wel aan mij liggen maar snap er ff niks meer van
-
15-01-2011, 20:40 #13
- Berichten
- 454
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
Je hebt telkens een <div style="clear:left"> ertussen staan, haal die eens weg.
Ook de enters tussen de blokken moet je weg halen; ze moeten elkaar gewoon meteen opvolgen.
Je zou ook van stylesheets gebruik moeten maken; dit is hartstikke onoverzichtelijk ;)
-
15-01-2011, 20:42 #14
- Berichten
- 606
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
<div style="width: 959px;">
<div style="width: 180px; float: left;"><img height="112" width="180" src="/upload/home1.png" alt="Oud Frans eiken vloer" />
<div style="float: left;"><img style="width: 46px; height: 47px;" src="/upload/greenlabel_home.png" alt="Frans eiken vloer green label" />
<div style="float: left; width: 150px; text-align: center;">Oud frans eiken vloer<br />
Authentiek<br />
Vloerderijprijs 37,50 m2<br />
3cm dikke massieve eiken plank</div></div></div>
<div style="width: 180px; float: left;"><img height="112" width="180" src="/upload/home1.png" alt="Oud Frans eiken vloer" />
<div style="float: left;"><img style="width: 46px; height: 47px;" src="/upload/greenlabel_home.png" alt="Frans eiken vloer green label" />
<div style="float: left; width: 150px; text-align: center;">Oud frans eiken vloer<br />
Authentiek<br />
Vloerderijprijs 37,50 m2<br />
3cm dikke massieve eiken plank</div></div></div>
<div style="width: 180px; float: left;"><img height="112" width="180" src="/upload/home1.png" alt="Oud Frans eiken vloer" />
<div style="float: left;"><img style="width: 46px; height: 47px;" src="/upload/greenlabel_home.png" alt="Frans eiken vloer green label" />
<div style="float: left; width: 150px; text-align: center;">Oud frans eiken vloer<br />
Authentiek<br />
Vloerderijprijs 37,50 m2<br />
3cm dikke massieve eiken plank</div></div></div>
<div style="width: 180px; float: left;"><img height="112" width="180" src="/upload/home1.png" alt="Oud Frans eiken vloer" />
<div style="float: left;"><img style="width: 46px; height: 47px;" src="/upload/greenlabel_home.png" alt="Frans eiken vloer green label" />
<div style="float: left; width: 150px; text-align: center;">Oud frans eiken vloer<br />
Authentiek<br />
Vloerderijprijs 37,50 m2<br />
3cm dikke massieve eiken plank</div></div></div>
</div>
-
15-01-2011, 20:43 #15
- Berichten
- 88
- Lid sinds
- 14 Jaar
Re: <DIV> probleem
Ik zal er morgen eens na kijken ga nu borreltje drinken en film kijken ben het wel zat na zn lanage dag als vandaag. Ik heb alleen toegang tot het CMS wat geschreven is door mn collega dus k neem aan dat daar wel eergens een stylesheet is aangemasakt ofsow.
@Andre denk je dat het probleem dan verholpen is?
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic