banner links/rechts

[mauser]

Hallo,
Op mijn forum heb ik in de overall header drie banners staan die tegen elkaar aan staan.



nu wil ik de bovenste twee links en rechts hebben en had daarvoor de volgende code gebruikt in common.css

Code: Selecteer alles

#reclamelinks {
   text-align: left;
   margin-top: 400px;
}

#reclamerechts {
   text-align: right;
   margin-top: 400px;
}

even de 400px daar gelaten want die heb ik een aantal keren veranderd om te kijken wat er gebeurt, bleven beide banners links onder elkaar staan.



de linkse banner had ik dan op <div align="reclemelinks"> gezet en rechts dus op rechts nu had ik verwacht dat ze sowieso op één regel zouden komen omdat ik dezelfde px gebruikte maar helaas dus. kan iemand me hiermee helpen zodat ik die banners wel op één hoogte krijg maar dus links en rechts en niet tegen elkaar aan? alvast dank,
mauser

[Coen]

Even voor mij, om het duidelijk te maken;

Je wilt dus 3 banners naast elkaar, of zoals in de eerste screenshot twee naast elkaar en één eronder?

De eerste;

Code: Selecteer alles

<div style="float: left; padding: 5px;">BANNER 1</div>
<div style="float: left; padding: 5px;">BANNER 2</div>
<div style="float: left; padding: 5px;">BANNER 1</div>
<div style="clear: left;"></div>

Als je het tweede wilt, voorzie dan je container-div's met een padding, zodat ze van elkaar af gaan staan.

Succes!

[mauser]

wow, haha... misschien heb ik de indruk gewekt dat ik weet waar ik het over heb maar dat is niet zo wie wat waar bedoel je precies. moet ik dan nog iets toevoegen in de common css? het is trouwens de tweede optie. dus twee naast elkaar en een eronder.

dit staat iig in de overall header

Code: Selecteer alles

<div align="center"><a href="http://www.egypte.nl/ct.php?name=Egypteforum_egypte_rondreizen_1" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/468x60_algemeen.gif" width="468" height="60"></a><a href="http://www.kingfishertours.com" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/banner468kopie.gif" width="468" height="60"></a></div>
<div align="center"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/kleinecafebanneraangepast2.gif" width="468" height="60"></a></div>

[Coen]

Okay, maak er dan dit van;

Code: Selecteer alles

<div style="padding: 5px;" align="center"><a href="http://www.egypte.nl/ct.php?name=Egypteforum_egypte_rondreizen_1" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/468x60_algemeen.gif" width="468" height="60"></a><a href="http://www.kingfishertours.com" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/banner468kopie.gif" width="468" height="60"></a></div>
<div style="padding: 5px;" align="center"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/kleinecafebanneraangepast2.gif" width="468" height="60"></a></div>

Misschien een beetje lelijk opgemaakt, maar het zou wel moeten doen wat het moet doen. Succes!

[mauser]

ah kijk, die bedoelde ik niet eens maar is ook handig weet je ook hoe ik dat doe tussen de bovenste twee? want nu heb ik wel netjes een kleine ruimte de bovenste twee en de onderste alleen nu wil ik dus die twee een kleine stukkie van elkaar af hebben.

[Coen]

ah kijk, die bedoelde ik niet eens maar is ook handig weet je ook hoe ik dat doe tussen de bovenste twee? want nu heb ik wel netjes een kleine ruimte de bovenste twee en de onderste alleen nu wil ik dus die twee een kleine stukkie van elkaar af hebben.

Nou, vooruit omdat ik in een goede bui ben nog maar een keertje;

Code: Selecteer alles

<div style="padding: 5px;" align="center"><div style="padding-left: 2px;"><a href="http://www.egypte.nl/ct.php?name=Egypteforum_egypte_rondreizen_1" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/468x60_algemeen.gif" width="468" height="60"></a></div><div style="padding-right: 2px;"><a href="http://www.kingfishertours.com" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/banner468kopie.gif" width="468" height="60"></a></div></div>
<div style="padding: 5px;" align="center"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/kleinecafebanneraangepast2.gif" width="468" height="60"></a></div>

Zou moeten doen wat jij wilt!

[mauser]

helaas nou komen die twee die naast elkaar zouden moeten komen onder elkaar te staan. dat kwam toch omdat ze een nieuwe div zijn die op een nieuwe regel komen? kon me herinneren dat ik daarvoor dus iets moest aanmaken in common css. iig bedankt voor de hulp hoor!

[Coen]

helaas nou komen die twee die naast elkaar zouden moeten komen onder elkaar te staan. dat kwam toch omdat ze een nieuwe div zijn die op een nieuwe regel komen? kon me herinneren dat ik daarvoor dus iets moest aanmaken in common css. iig bedankt voor de hulp hoor!

Sorry, klein stukje vergeten;

Code: Selecteer alles

<div style="padding: 5px;" align="center"><div style="float: left; padding-left: 2px;"><a href="http://www.egypte.nl/ct.php?name=Egypteforum_egypte_rondreizen_1" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/468x60_algemeen.gif" width="468" height="60"></a></div><div style=" style="float: left; padding-right: 2px;"><a href="http://www.kingfishertours.com" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/banner468kopie.gif" width="468" height="60"></a></div>
<div style="clear: both;"></div></div>
<div style="padding: 5px;" align="center"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/kleinecafebanneraangepast2.gif" width="468" height="60"></a></div>

Zou (alweer) moeten werken!

[mauser]

kolere zeg wat ben jij snel! nu heb ik het volgende gekregen wat bijna goed is.



heb wat proberen te veranderen met die cijfers die er staan maar de rechtse banner blijft op zijn plek staan en die moet net als de linkse alleen dan rechts wat moet ik veranderen om daarmee te gaan spelen. dus als ik de linkse wat meer naar rechts wil hebben en andersom?

[mauser]

kolere zeg wat ben jij snel! nu heb ik het volgende gekregen wat bijna goed is.



heb wat proberen te veranderen met die cijfers die er staan maar de rechtse banner blijft op zijn plek staan en die moet net als de linkse alleen dan rechts wat moet ik veranderen om daarmee te gaan spelen. dus als ik de linkse wat meer naar rechts wil hebben en andersom?

[Coen]

Voila;

Code: Selecteer alles

<div style="padding: 5px;" align="center"><div style="float: left; padding-left: 2px;"><a href="http://www.egypte.nl/ct.php?name=Egypteforum_egypte_rondreizen_1" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/468x60_algemeen.gif" width="468" height="60"></a></div><div style=" style="float: right; padding-right: 2px;"><a href="http://www.kingfishertours.com" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/banner468kopie.gif" width="468" height="60"></a></div>
<div style="clear: both;"></div></div>
<div style="padding: 5px;" align="center"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/kleinecafebanneraangepast2.gif" width="468" height="60"></a></div>

Zo dan?

kolere zeg wat ben jij snel!

Ik zoek nog steeds een hobby!

[mauser]

whahaha... als je een vrouw was... maar goed laten we daar niet op in gaan. maar dat had ik ook al geprobeerd ja dat float right maar die blijft op z'n plekkie

Tutut, niet de woordfilter proberen te omzeilen

- Lucas

[Coen]

whahaha... als je een vrouw was... maar goed laten we daar niet op in gaan. maar dat had ik ook al geprobeerd ja dat float right maar die blijft op z'n plekkie

Zoals de code nu online staat, klopt die niet he, dat weet je?

Plaats de code eens online zoals ik hem hierboven gaf, eens zien wat er nog verandert moet worden!

[mauser]

wel leuk dat je dan de oorspronkelijke tekst quote zonder woordfilter

maar zo, die staat er weer. probeerde ook ff wat nml maar dat haalde helaas niks uit.

[Coen]

wel leuk dat je dan de oorspronkelijke tekst quote zonder woordfilter maar zo, die staat er weer. probeerde ook ff wat nml.

De code die nu online staat (mogelijk nog de cache) is niet de code die ik gaf... Probeer de cache eens te legen, of de code goed in je template te plakken!

[mauser]

nope, code is exact gecopieerd en cache is geleegd. helaas niks.


heeft het misschien met het centreren te maken dat kingfisher gecentreerd blijft?

[Coen]

Kan zijn, probeer dit eens;

Code: Selecteer alles

<div style="padding: 5px;"><div style="float: left; padding-left: 2px;"><a href="http://www.egypte.nl/ct.php?name=Egypteforum_egypte_rondreizen_1" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/468x60_algemeen.gif" width="468" height="60"></a></div><div style="float: right; padding-right: 2px;"><a href="http://www.kingfishertours.com" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/banner468kopie.gif" width="468" height="60"></a></div>
<div style="clear: both;"></div></div>
<div style="padding: 5px;" align="center"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/kleinecafebanneraangepast2.gif" width="468" height="60"></a></div>

[mauser]

my hero!

[Coen]

my hero!

Succes verder ermee!