layout word verkeerd weergegeven

**oObreezerOo** · 14/03/08 21:06

Hallo,

Ik ben bezig om een website te maken en heb een groot probleem met de layout als er teveel tekst in het veld komt te staan(zie plaatje hieronder) mijn bedoeling is, om die linker en rechter onderbalk gelijk te laten lopen aan die balk in het midden onderin. En die linker en rechter bovenbalk tegen de bovenkant aan. Daar tussen in heb ik dan een witte ruimte en die wil ik gaan opvullen met een kleur. Ik weet alleen niet hoe dit werkt, kan iemand mij hierbij helpen?

Alvast bedankt voor jullie hulp!

**vcelis** · 14/03/08 21:58

Kan je mij eens de URL geven dan kan ik wat uittesten met firebug.

**SF-Jeroen** · 14/03/08 22:21

http://validator.w3.org/

Even de errors oplossen

Daarnaast kunnen we je natuurlijk 0,0 helpen met alleen een plaatje. We moeten de html code hebben willen we je ook maar iets helpen, maar het komt erop neer dat je een paar fouten hebt gemaakt

**oObreezerOo** · 14/03/08 22:38

de weblink: max.breezertje.nl (met http ervoor maar kan ik nog niet doen want dan is het een echte link en dat kan ik niet aangezien ik nog geen 10 posts geplaatst heb)

index.php:

PHP Code:


<html>

<head>

<title>Maxxx Factory</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="********" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div align="center">

  <!-- ImageReady Slices (Afbeelding 2.psd) -->

  <table id="Tabel_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">

    <tr>

      <td colspan="11">

        <img src="images/template/banner.gif" width="1024" height="142" alt=""></td>

    <td>

      <img src="afbeeldingen/spacer.gif" width="1" height="142" alt=""></td>

      </tr>

    <tr>

      <td colspan="2">

        <img src="images/template/links_button.gif" width="320" height="36" alt=""></td>

    <td>

      <a href="index.php?pagina=home"><img src="images/template/button_home.gif" width="60" height="36" border="0" alt=""></a></td>

    <td>

      <img src="images/template/index_04.gif" width="36" height="36" alt=""></td>

    <td>

      <a href="index.php?pagina=test"><img src="images/template/button_services.gif" width="73" height="36" border="0" alt=""></a></td>

    <td>

      <img src="images/template/index_06.gif" width="32" height="36" alt=""></td>

    <td>

      <img src="images/template/button_portfolio.gif" width="86" height="36" alt=""></td>

    <td>

      <img src="images/template/index_08.gif" width="23" height="36" alt=""></td>

    <td>

      <a href="index.php?pagina=uitgerekt"><img src="images/template/button_contact.gif" width="81" height="36" border="0" alt=""></a></td>

    <td colspan="2">

      <img src="images/template/rechts_button.gif" width="313" height="36" alt=""></td>

    <td>

      <img src="afbeeldingen/spacer.gif" width="1" height="36" alt=""></td>

      </tr>

    <tr>

      <td colspan="11">

        <img src="images/template/schaduw_boven.gif" alt="" width="1024" height="11" hspace="0" vspace="0" align="top"></td>

    <td>

      <img src="afbeeldingen/spacer.gif" width="1" height="11" alt=""></td>

      </tr>

    <tr>

      <td>

        <img src="images/template/linksboven.gif" alt="" width="199" height="139" hspace="0" vspace="0" border="0" align="top"></td>

    <td colspan="9" rowspan="2" valign="top">

    

    

<?php 



$pagina = $_GET["pagina"]; 



if($pagina == "") { 

include("home.php"); 

} 



else { 

if(file_exists("$pagina.php")) { 

include("$pagina.php"); 

} 



else { 

include("fout.php"); 

} 



} 



?></td>

    <td>

      <img src="images/template/rechtsboven.gif" alt="" width="197" height="139" border="0" align="top"></td>

    <td>

      <img src="afbeeldingen/spacer.gif" width="1" height="139" alt=""></td>

      </tr>

    <tr>

      <td rowspan="2">

        <img src="images/template/linksonder.gif" alt="" width="199" height="439" align="absbottom"></td>

    <td rowspan="2">

      <img src="images/template/rechtsonder.gif" alt="" width="197" height="439" align="absbottom"></td>

    <td>

      <img src="afbeeldingen/spacer.gif" width="1" height="384" alt=""></td>

      </tr>

    <tr>

      <td colspan="9">

        <img src="images/template/middenonder.gif" width="628" height="55" alt=""></td>

    <td>

      <img src="afbeeldingen/spacer.gif" width="1" height="55" alt=""></td>

      </tr>

    <tr>

      <td>

        <img src="afbeeldingen/spacer.gif" width="199" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="121" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="60" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="36" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="73" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="32" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="86" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="23" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="81" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="116" height="1" alt=""></td>

        <td>

            <img src="afbeeldingen/spacer.gif" width="197" height="1" alt=""></td>

        <td></td>

      </tr>

  </table>

  <!-- End ImageReady Slices -->

</div>

</body>

</html>

**Ahmed** · 15/03/08 00:17

verkeerd gesliced (of anders de height op 100% zetten van de menu-tabellen (tip: gebruik DIV's)

Dit bijvoorbeeld:

Code:

<td>
<img width="199" vspace="0" hspace="0" height="139" border="0" align="top" alt="" src="images/template/linksboven.gif"/>
</td>

Kun je beter dit van maken

Code:

/css
#linksboven {
width: 199px;
background: url('images/template/linksboven.gif');
background-repeat: repeat-y;
}

<td class="menulinksboven">
//hier menulinksboven

</td>

enzovoorts voor alle andere... Zoiets hoor, code hierboven werkt vast niet optimaal maar wel een duwtje in de goede richting.

**oObreezerOo** · 15/03/08 11:30

Oorspronkelijk geplaatst door Ahmed

verkeerd gesliced (of anders de height op 100% zetten van de menu-tabellen (tip: gebruik DIV's)

Dit bijvoorbeeld:

Code:

<td>
<img width="199" vspace="0" hspace="0" height="139" border="0" align="top" alt="" src="images/template/linksboven.gif"/>
</td>

Kun je beter dit van maken

Code:

/css
#linksboven {
width: 199px;
background: url('images/template/linksboven.gif');
background-repeat: repeat-y;
}

<td class="menulinksboven">
//hier menulinksboven

</td>

enzovoorts voor alle andere... Zoiets hoor, code hierboven werkt vast niet optimaal maar wel een duwtje in de goede richting.

Ja, maar nu staat er bij jou een repeat in, en dat moet dus niet, ze moeten op de goede plek komen zodat er op 1plek een witte lege ruimte komt zodat ik die kan opvullen met een achtergrond kleur, en jij bedoelt nu een style.css maken?

**oObreezerOo** · 16/03/08 13:24

Is er iemand die me kan helpen??

**Ramon Fincken** · 16/03/08 13:50

Ik zou zeggen laat er een baser of slicer naar kijken, daarnaast is het altijd handig om even deze pagina te bezoeken en je fouten op te lossen.

http://validator.w3.org/check?uri=ht...Inline&group=0

Onderwerp Gereedschap

Toon

Onderwerp: layout word verkeerd weergegeven

layout word verkeerd weergegeven

Webhostingtalk.nl

Link met ons

Partners

Contact