login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Header zakt weg (Opgelost)

Offline Rob - 28/10/2007 22:58
Avatar van RobHTML interesse Ik probeerde laatst mijn header te plaatsen, maar dit ging helaas mis.

http://i24.tinypic.com/2r6mbnl.jpg

Zoals je kunt zien, zakt de header weg, wat natuurlijk niet de bedoeling is. Hoe kan ik dit goed - en het liefst in het midden - krijgen?

_______

overall_header

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="wrapheader">
  2.  
  3.    <div class="header">
  4. 	<span class="header-left">&nbsp;</span>
  5. 	<span class="header-right"></span>
  6. 	 <div align="right" class="banner"><img src="http://www.sinnoh.nl/phpBB3/styles/bo2Soft/imageset/header.png"></div>
  7.    </div>
  8.     <table width="100%" bgcolor="#4E78A5" cellspacing="0" cellpadding="0" border="0">
  9.      <tr>
  10.       <td class="yansol" nowrap="nowrap"></td>
  11.       <td  align="center">
  12.       	<div id="menubar">
  13.         <table cellspacing="0" cellpadding="0" width="100%">
  14.         <tr>
  15.          <td class="menusol" nowrap="nowrap">&nbsp;&nbsp;</td>
  16.          <td align="left" width="50%" class="menuorta" nowrap="nowrap">
  17.          	<div id="soll">



stylesheet.css

php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* Header */
  2.  
  3. div.header { 
  4. 	background: url('styles/bo2Soft/theme/images/logorta.gif') repeat-x 0 0;
  5. 	height: 122px;
  6. 	clear: both;
  7. }
  8.  
  9. div.header span.header-left, span.header-right {
  10. 	display: block;
  11. 	width: 250px;
  12. 	height: 122px;
  13. 	background: url('styles/bo2Soft/theme/images/bo2logos.jpg') no-repeat;
  14. 	}
  15.  
  16. span.header-left {
  17. 	background-position: 0 0;
  18. 	float: left;
  19. 	margin-right: 10px;
  20. 	}
  21.  
  22. span.header-right {
  23. 	width:20px;
  24. 	background-position: 100% 0%;
  25. 	float: right;
  26. 	}
  27.  
  28. div.banner {
  29. 	padding:28px 0 0 0;
  30. 	color:#FFF;
  31. }

3 antwoorden

Gesponsorde links
Offline WimJ - 29/10/2007 01:14
Avatar van WimJ Grafische gevorderde vraag het eens op www.phpbb.nl en dan categorie forum daar.
Dan categorie PHPBB3 Support

Daar kunnen ze je wel verder helpen en hebben ze ook meer ervaring mee als wij hier ;)
Offline zointer - 29/10/2007 07:53 (laatste wijziging 29/10/2007 07:56)
Avatar van zointer HTML gevorderde
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.banner {
  2.     padding:28px 0 0 0; /*hier aanpassen  ipv 28px >5px*/
  3.     color:#FFF;
  4. }

edit:ts en je vraag volgende keer beter uitleggen om wat het gaat, als ik het juist heb begrepen gaat het om deze header.png

@coolcoke je kan de ts toch ook op een normale manier helpen, tenslotte heeft die het aangepast en weet niet hoe het moet oplossen.
Offline Rob - 29/10/2007 10:47
Avatar van Rob HTML interesse Het ging inderdaad om die header, ja. Sorry dat ik het niet goed heb uitgelegd, maar het is nu in ieder geval opgelost.

Bedankt!  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s