Pagina 1 van 1

Foto rechts naast forumtitel in de hoofding.

Geplaatst: 12 dec 2010, 15:50
door aviornis
Ik slaag er maar niet in om een foto rechts naast de forumtitel te plaatsen in de hoofding. Ik voegde de volgende lijn in in overall_header.html :

<center> <img src="http://www.aviornis.be/forum/styles/pro ... esized.JPG" alt="Winnaar Fotowedstrijd vorige maand" /> </center>

Maar dat is blijkbaar niet voldoende, nochtans als ik overall_header.html apart open in de browser staat de afbeelding er wel.
Kan iemand mij verder helpen?

Ons forum vind je op http://www.aviornis.be/forum

Re: Foto rechts naast forumtitel in de hoofding.

Geplaatst: 16 dec 2010, 12:35
door unibrow
Kun je dit proberen?

Code: Selecteer alles

<div id="header-bg">
	<div class="inner">		
		<div id="site-description">
                   ...			
		</div>	

toevoegen: <div style="position: relative; display: block; float: right;">
	   		
toevoegen:		<img style="float: left; margin-left: 0px; margin-top: 0px;" src="http://www.aviornis.be/forum/styles/prosilver/imageset/3%20P5071473resized.JPG" alt="Winnaar Fotowedstrijd vorige maand" />
			
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
			  ...	
			</div>
		<!-- ENDIF -->
		      
toevoegen:  </div>
      		
	</div>	
</div>
Dit is bij de stijl die ik gebruik (Proglass-red, afgeleid van Prosilver).

Je kunt nog margin-top: of margin-bottom: binnen de aanhalingstekens van de inline-stijl toevoegen om de plaatsing van het plaatje te regelen.

Een noot: als forumlogo + wedstrijdfoto + searchbox samen te breed worden verschuift je searchbox naar beneden, erg lelijk.

P.S. <center> is verouderd, beter niet meer gebruiken.

Re: Foto rechts naast forumtitel in de hoofding.

Geplaatst: 18 dec 2010, 23:52
door aviornis
Dat lijkt ook niet te werken, toch bedankt voor de moeite.