phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

banner links/rechts

https://www.phpbb.nl/forums/viewtopic.php?f=54&t=43710

Pagina 1 van 1

banner links/rechts

Geplaatst: 17 mar 2008, 15:00
door mauser
Hallo,
Op mijn forum heb ik in de overall header drie banners staan die tegen elkaar aan staan.

Afbeelding

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.

Afbeelding

de linkse banner had ik dan op <div align="reclemelinks"> gezet en rechts dus op rechts 8-) 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

Re: banner links/rechts

Geplaatst: 17 mar 2008, 15:31
door 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! :)

Re: banner links/rechts

Geplaatst: 17 mar 2008, 15:44
door mauser
wow, haha... misschien heb ik de indruk gewekt dat ik weet waar ik het over heb :D maar dat is niet zo 8-) 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>

Re: banner links/rechts

Geplaatst: 17 mar 2008, 15:59
door 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! :)

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:05
door mauser
ah kijk, die bedoelde ik niet eens maar is ook handig 8-) 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.

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:06
door Coen
mauser schreef:ah kijk, die bedoelde ik niet eens maar is ook handig 8-) 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! :)

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:22
door mauser
helaas :cry: 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!

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:23
door Coen
mauser schreef:helaas :cry: 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! ;)

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:35
door mauser
kolere zeg wat ben jij snel! nu heb ik het volgende gekregen wat bijna goed is.

Afbeelding

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 8-) wat moet ik veranderen om daarmee te gaan spelen. dus als ik de linkse wat meer naar rechts wil hebben en andersom?

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:35
door mauser
kolere zeg wat ben jij snel! nu heb ik het volgende gekregen wat bijna goed is.

Afbeelding

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 8-) wat moet ik veranderen om daarmee te gaan spelen. dus als ik de linkse wat meer naar rechts wil hebben en andersom?

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:36
door 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? ;)
mauser schreef:kolere zeg wat ben jij snel!
Ik zoek nog steeds een hobby! ;)

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:39
door mauser
whahaha... als je een vrouw was... :D 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 :ugeek:
- Lucas

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:42
door Coen
mauser schreef:whahaha... als je een vrouw was... :D 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! ;)

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:44
door mauser
wel leuk dat je dan de oorspronkelijke tekst quote zonder woordfilter :lol:

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

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:53
door Coen
mauser schreef:wel leuk dat je dan de oorspronkelijke tekst quote zonder woordfilter :lol: 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! :)

Re: banner links/rechts

Geplaatst: 17 mar 2008, 16:56
door mauser
nope, code is exact gecopieerd en cache is geleegd. helaas niks.


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

Re: banner links/rechts

Geplaatst: 17 mar 2008, 17:00
door 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>

Re: banner links/rechts

Geplaatst: 17 mar 2008, 17:07
door mauser
my hero! Afbeelding

Re: banner links/rechts

Geplaatst: 17 mar 2008, 17:08
door Coen
mauser schreef:my hero! Afbeelding
Succes verder ermee! :)
Alle tijden zijn UTC+01:00
Pagina 1 van 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/