Picture Probleem

THeLL · Bericht door **THeLL** » 04 jan 2005, 18:04

Hoe zorg ik ervoor dat mn logo mooi wordt weergegeven? dus over de hele lengte fzo.... ww.rosejn.com

Bee · Bericht door **Bee** » 04 jan 2005, 18:12

overall_header.tpl aanpassen. En als je dan toch bezig bent kan je ook nog wel even dat scrollbar probleempje van je oplossen

THeLL · Bericht door **THeLL** » 04 jan 2005, 18:20

bee schreef:overall_header.tpl aanpassen. En als je dan toch bezig bent kan je ook nog wel even dat scrollbar probleempje van je oplossen

Naar wat moet ik overal_header.tpl dan aanpassen zodat het er goed uitziet? En welk scroll bar prob? Ik heb resolutie 1280x1024 en nergens last van..... :thumb:

Dit is de code van de header die ik er nu heb staan:
<body bgcolor="#FFFFFF" text="#000000" link="#3B88C5" vlink="#3279B2" alink="#FF9C00">
<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="10" class="border_left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
<td width="100%" height="100%" class="content" align="center" valign="top">
<div id="header-box">
<div id="header-center"><a href="{U_PORTAL}"><img src="http://img134.exs.cx/img134/9532/bannerblauw28od.jpg" width="1222" height="240" alt="{L_INDEX}" /></a></div>

</div>
Hoe zorg ik ervoor dat de blauwe achtergrond daar weggaat en dat de image het hele gedeelte bestrijkt..(groter maken helpt niet want er blijft bovenaan een gedeelte van dat blauwe staan...)

Bee · Bericht door **Bee** » 04 jan 2005, 19:28

THeLL schreef:
bee schreef:overall_header.tpl aanpassen. En als je dan toch bezig bent kan je ook nog wel even dat scrollbar probleempje van je oplossen
Naar wat moet ik overal_header.tpl dan aanpassen zodat het er goed uitziet? En welk scroll bar prob? Ik heb resolutie 1280x1024 en nergens last van..... :thumb:

Dit is de code van de header die ik er nu heb staan:
<body bgcolor="#FFFFFF" text="#000000" link="#3B88C5" vlink="#3279B2" alink="#FF9C00">
<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="10" class="border_left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
<td width="100%" height="100%" class="content" align="center" valign="top">
<div id="header-box">
<div id="header-center"><a href="{U_PORTAL}"><img src="http://img134.exs.cx/img134/9532/bannerblauw28od.jpg" width="1222" height="240" alt="{L_INDEX}" /></a></div>

</div>
Hoe zorg ik ervoor dat de blauwe achtergrond daar weggaat en dat de image het hele gedeelte bestrijkt..(groter maken helpt niet want er blijft bovenaan een gedeelte van dat blauwe staan...)

Het plaatje in de header en het scrollprobleem hebben met elkaar te maken, en ik gebruik dezelfde resolutie als jij, dus lijkt mij stug dat je die scrollbar onderaan het scherm niet ziet (onafhankelijk welke browser dan ook)

De code die je nu gebruikt is erg onhandig, vanwege de volgende redenen:
1.) Bij kleinere resoluties dan die van jouw onstaat er een scrollbar
2.) Het plaatje wordt uitgerekt, is lelijk.

Er zijn een aantal oplossingen, maar ik ben zelf voorstander van de volgende:
1.) Geef de paginatabel een vaste breedte mee, van 800 pixels, zodat het niet snel voor overlast zal veroorzaken, en je ook nog je plaatje daarop kan aanpassen. Daarvoor moet je de de na de bodytag, de eerstdaaropvolgende table tag veranderen, en daar de width van veranderen in 800, en align="center" toevoegen. Vervolgens verander je het plaatje in een fotobewerker, zodat het 800 pixels breed is, en verander je het widthattribuut in de IMG tag van het logo in 800.

Het scrollprobleem onstaat door dat je een tabel van 100% + 10 pixels hebt. Omdat 100% het maximum is, en je daar dan ook nog 10 pixels extra hebt, ontstaan er problemen. Snap je hem?