[html & tabellen] Plaatje beinvloedt layout tabel? - Softwareontwikkeling

zondag 1 december 2002 17:27

Acties:

Topicstarter

Laat ik beginnen te zeggen dat ik aardig wat ervaring heb met html eo tabellen.

Het probleem kan je _hier_ zien. Zoals je ziet overlapt het plaatje de rand van de cel erboven. Hierdoor Zie je dat hij de breedte van de site breder maakt dan het venster, terwijl dit nergens voor nodig is, omdat er geen tekst staat die voor overlap zou zorgen.

Op het moment dat het plaatje kleiner is, zodat ie dus niet die cel overlapt (zie _hier_), dan zie je dat de opmaak van de pagina wel goed is.

Ik heb het hier ook al met meerdere mensen over gehad, maar tot nu toe heeft niemand mij een oplossing voor dit probleem kunnen geven.

Ik hoor graag van jullie een mogelijke oplossing. Feel free om _deze_ te downen om wat uit te kunnen proberen.

PS het maakt niet uit of ik een plaatje gebruik of bijvoorbeeld een tabel die voor overlap zorgt, hetzelfde probleem treedt dan op.

[ Voor 7% gewijzigd door Rotjeknor op 01-12-2002 17:29 ]

Ook Knor is aangestoken met het ligfietsvirus!

zondag 1 december 2002 17:49

Acties:

Hangloozz

{ @$%&# }

uhm, da's toch logisch

als je plaatje groter is dan de cel rekt ie de cel uit, punt.
wil je dat niet, dan zul je met colspans, of beter, met DIV's moeten gaan werken.

Het kan zijn dat ik je niet helemaal begrijp, aan jou dan de taak om het iets helderder uit te legen, desnoods met screenshots van de situatie waarbij je rood omcirkelt wat het probleem is, grote kans dat het bij mij op Netscape3.0 anders weer gegeven wordt dan in jouw browser

edit 1:
hmmz, ik zie nu dat je met colspan aan de gang bent gegaan...
Het heeft waarschijnlijk te maken met de relatieve breedte (iin %) van je tabel.

Ik ga ff spelen met de code..

edit 2:
dat je veel ervaring hebt met tabellen trek ik een beetje in twijfel

Ik zie een aantal dingen die niet kloppen of met wat aanpassing veel beter kunnen.
Nog steeds vraag ik me af wat je beweegreden voor een 100% brede en hoge tabel is

[ Voor 37% gewijzigd door Hangloozz op 01-12-2002 18:03 ]

www.jurgroessen.nl

zondag 1 december 2002 18:09

Acties:

Rotjeknor

Topicstarter

ok, inmiddels als via icq eruit gekomen, toch bedankt!

Bleken idd wat redeneringsfouten te zitten in mn code, <img> tags ipv plaatjes als background van tabellen, en een geintje wat ik nog niet kende.

Enne Hangloozz, blijkbaar was mijn ervaring nog niet goed genoeg... (-:

Ook Knor is aangestoken met het ligfietsvirus!

zondag 1 december 2002 18:13

Acties:

Hangloozz

{ @$%&# }

eej, maar geintjes die je nog niet kende willen wij hier ook wel weten

da's toch het minste wat je kunt doen voor de moeite

oh, dit had ik er ff van gebrouwen:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Jubilate</title>
<link rel="stylesheet" type="text/css" href="http://www.veldmans.com/jubilate_new/test/layout.css">
</head>


<body>
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="height:100%;">
  <tr>
    <td style="height:100px;background-image:url(http://www.veldmans.com/jubilate_new/test/pics/top_fill.jpg);"><a href="index.php">[img]"http://www.veldmans.com/jubilate_new/test/pics/top_left1.jpg"[/img]</a></td>
    <td style="width:470px;background-image:url(http://www.veldmans.com/jubilate_new/test/pics/top_fill.jpg);"><a href="index.php">[img]"http://www.veldmans.com/jubilate_new/test/pics/top_left2.jpg"[/img]</a></td>
    <td style="background-image:url(http://www.veldmans.com/jubilate_new/test/pics/top_fill.jpg);">&nbsp;</td>
  </tr>
  <tr>
    <td  style="height:300px;width:150;background-image: url(http://www.veldmans.com/jubilate_new/test/pics/menu_left_fill.jpg);" valign="top">
      [img]"http://www.veldmans.com/jubilate_new/test/pics/menu_left.jpg"[/img]</td>
    <td colspan="2" rowspan="2" valign="top" class="main">
    
        <table width="100%" border="1" cellspacing="0" cellpadding="0" align="left">
            <tr>
                <td>
                <!-- Begin main part -->
        
                [img]"http://www.veldmans.com/jubilate_new/test/pics/vborgel04.gif"[/img]</p>
                
                <!-- End main part -->
                </td>
            </tr>           
        </table>

    </td>
  </tr>
  <tr>
    <td height="100%" width="150">
      [img]"http://www.veldmans.com/jubilate_new/test/pics/menu_left_fill.jpg"[/img]
    </td>
  </tr>
</table>

</body>
</html>

[ Voor 89% gewijzigd door Hangloozz op 01-12-2002 18:16 ]

www.jurgroessen.nl

zondag 1 december 2002 18:24

Acties:

Rotjeknor

Topicstarter

Bij deze mijn code:

Hierin staat nog wel een rechter menu, maar de essentie is hetzelfde.

HTML:

<html>
<head>
<title>
Jubilate
</title>
</head>
<link rel="stylesheet" type="text/css" href="./layout.css">

<body>
<table border="1" height="125%" width="100%" cellspacing="0" cellpadding="0">
  <tr height="100">
    <td height="100" width="150" background="./pics/top_fill.jpg"><a href="index.php">[img]"./pics/top_left1.jpg"[/img]</a></td>
    <td height="100" width="470" background="./pics/top_fill.jpg"><a href="index.php">[img]"./pics/top_left2.jpg"[/img]</a></td>
    <td height="100" background="./pics/top_fill.jpg">&nbsp;</td>

  </tr>
  <tr>
    <td height="300" width="150" valign="top" background="pics/menu_left_fill.jpg">
      [img]"./pics/menu_left.jpg"[/img]</td>
    <td colspan="2" rowspan="2" valign="top" class="main">

<!-- Begin main part -->

<p align=center>[img]"pics\editions\2002\9\vborgel04.gif"[/img]</p>


<!-- End main part -->


    </td>
  </tr>
  <tr>
    <td height="100%" width="150">
      [img]"./pics/menu_left_fill.jpg"[/img]
    </td>
  </tr>
</table>

</body>
</html>