[HTML] tabel probleem

[posttoast]

Ik wil voor een site met een tabel een soort blokjes met ronde hoeken maken. Voor die ronde hoeken gebruik ik GIF afbeeldingen. Aan de bovenkant gaat het goed, aan de onderkant lijkt het alsof de afbeelding niet helemaal tot aan de bodem komt...

Klinkt vaag, maar op www.bovelander.net/test kun je zien wat ik bedoel. Wie weet hoe dit komt?

[Blauw]

Er zit een raar streepje onderaan, bedoel je dat?

[posttoast]

Inderdaad ja, en dat zou er toch niet moeten zitten lijkt mij...

[Verwijderd]

valign bottom op je rondingen?

[posttoast]

Op zondag 12 mei 2002 13:42 schreef TimD het volgende:
valign bottom op je rondingen?

Reeds geprobeerd, werkt niet. Bovendien heb ik op die hele rij nu een valign="bottom", dat zou toch ook moeten werken?

[waxle]

In de eerste plaats zet je properties in de <tr> tag... dat mag sowieso niet. Daarnaast gebruik je twee losse tabellen warvan er een nog een nested table heeft... dat kan ook al voor ellende zorgen. wat helpt is alle cellen een absolute size mee tegeven en dat '100%' zoveel mogelijk te vermijden.

[Thijsmans]

hoekjelo.gif en hoekjero.gif hebben niet dezelfde afmetingen...

[posttoast]

Op zondag 12 mei 2002 13:49 schreef waxle het volgende:
In de eerste plaats zet je properties in de <tr> tag... dat mag sowieso niet. Daarnaast gebruik je twee losse tabellen warvan er een nog een nested table heeft... dat kan ook al voor ellende zorgen. wat helpt is alle cellen een absolute size mee tegeven en dat '100%' zoveel mogelijk te vermijden.

Owkee, ik heb nu alles uit de <tr> tags gehaald (weer wat geleerd ), die height="100%" zaken heb ik weggehaald maar dat leverde geen resultaat op dus die staan er weer. Maar, het werkt nog steeds niet!

www.bovelander.net/test/index2.html

edit:

Ik heb die hoekjes even dezelfde afmetingen gegeven, geen resultaat...

[waxle]

verdomd
[edit]
Prammie heeft gelijk, een van die plaatjes is 20px ipv 18px

[posttoast]

Wat die andere afmeting van het hoekje betreft: wel resultaat, alleen niet het goede! Rechtsboven staat er nu ook een streepje...

[Verwijderd]

Op zondag 12 mei 2002 13:58 schreef VincentB het volgende:
Wat die andere afmeting van het hoekje betreft: wel resultaat, alleen niet het goede! Rechtsboven staat er nu ook een streepje...

Misschien omdat de bovenste plaatjes 18 pixels en de onderste plaatjes 20 pixels zijn?

[waxle]

je hebt er ook <br> tags instaan, wacht ff...

[posttoast]

Alle plaatjes zijn nu 20 bij 20 (ik heb er wel een zooitje van gemaakt zeg...). Nog steeds het eerste probleem. Die <br>'s zijn toch okay?

[posttoast]

Op zondag 12 mei 2002 14:05 schreef waxle het volgende:
je hebt er ook <br> tags instaan, wacht ff...

Ik wacht

[waxle]

Zo moet de tabel met de hoekjes eruit zien, je moet alles wat binnen de <td>-tags staat ook tegen elkaar zetten, anders houdt-ie ruimte over aan de onder kant... raar maar waar.
en als ik je een tip mag geven, schets eerst even op papier hoe je de tabellen wil hebben, dan krijg je ook niet zoon zooi in je code.

code:

<table border="1" cellspacing="0" cellpadding="0" align="left">
    <tr>
        <td width="18" height="18" align="left" valign="top">[img]"hoekjelb.gif"[/img]</td>
        <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
        <td width="18" height="18" align="left" valign="top">[img]"hoekjerb.gif"[/img]</td>
    </tr>
    <tr>
        <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
        <td align="left" valign="top">jo</td>
        <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
    </tr>
    <tr>
        <td width="18" height="18" align="left" valign="top">[img]"hoekjelo.gif"[/img]</td>
        <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
        <td width="18" height="18" align="left" valign="top">[img]"hoekjero.gif"[/img]</td>
    </tr>
</table>

NB: ik heb spacers gebruikt, onmisbaar als je een goede tabel wil maken, spacers zijn plaatjes van 1x1 transparante pixel

[Verwijderd]

code:

<table style="height: 200px; width: 100px; color: inherit; background-color: #ccc; border-collapse: collapse;">
  <tr>
    <td>
    <div style="position: relative; height: 100%; width: 100%;">
      [img]"hoekjelb.gif"[/img]
      [img]"hoekjerb.gif"[/img]
      [img]"hoekjelo.gif"[/img]
      [img]"hoekjero.gif"[/img]
      </div>
    </td>
  </tr>
</table>

Maar dan ga ik er wel vanuit dat je tabellen gebruikt om data gestructureerd weer te geven. Als je puur om te positioneren tabellen gebruikt -wat ik vermoed- dan kun je beter alleen maar div's gebruiken, en met CSS de posities opgeven.

[waxle]

Haal die <br> tags er iig uit.

[Verwijderd]

Op zondag 12 mei 2002 14:22 schreef waxle het volgende:
Haal die
tags er iig uit.

Nee, dat maakt het juist beter, whitespace characters en linebreaks in de source nar de br tag worden hierdoor genegeerd. Anders zouden die namelijk worden vervangen dooe een spatie, en dat levert 2 of 3 extra ruimte onder in een cel op.

[waxle]

Jamaar, dat heeft-ie juist...
* waxle heeft altijd geleerd om <br> tags te vermijden...
[edit]
En ik zie nog steeds <tr valign="top"> staan...

[Verwijderd]

bij line 52 staat een <tr>

code:

        </td>
        <td>
         [img]"hoekjero.gif"[/img]<br>
        </td>
       </tr>
       <tr>
      <!-- Einde tabel paars -->
      </table>
     </td>
    </tr>

die <tr> voor <!-- Einde tabel paars --> moet weg

Overigens moet je alles wat in <td></td>'s staat aansluitend maken, anders kan je in bepaalde browser valse ruimtes krijgen. Ook de <br> achter de onderste hoekjes zijn overbodig. Je kan dit geheel een stuk simpeler opbouwen.
globaal:

code:

<table>
 <tr>
  <td>hoekje linksboven</td>
  <td></td>
  <td>hoekje rechtsboven</td>
 </tr>
 <tr>
  <td colspan="3"></td>
 </tr>
 <tr>
  <td>hoekje linksonder</td>
  <td></td>
  <td>hoekje rechtsonder</td>
 </tr>
</table>

[waxle]

Hoppa; nog maar een keer; met spacers wil het wel, als je   gebruikt, houd hij ruimte over:

code:

<html>

 <head>
  <title>Test</title>
  <link rel="stylesheet" href="style.css" type="text/css">
 </head>

 <body bgcolor="#EBEBEB">
  <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
   <tr valign="middle">
    <td align="center">
    <!-- Begin Werkkader (tabel Oranje) -->
     <table width="760" height="420" border="0" cellpadding="10" cellspacing="0" bgcolor="#EBEBEB">
     <!-- Begin tabel groen -->
    <tr valign="top">
     <td>
      Afbeelding
     </td>
    </tr>
    <tr>
     <td height="100%" align="center" valign="top">
        <!-- Begin tabel paars -->
            <table border="0" cellspacing="0" cellpadding="0" align="left" bgcolor="#CCCCCC">
             <tr>
                 <td width="18" height="18" align="left" valign="top">[img]"hoekjelb.gif"[/img]</td>
                  <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
               <td width="18" height="18" align="left" valign="top">[img]"hoekjerb.gif"[/img]</td>
           </tr>
           <tr>
               <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
               <td align="left" valign="top">blablabla</td>
               <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
             </tr>
             <tr>
            <td width="18" height="18" align="left" valign="top">[img]"hoekjelo.gif"[/img]</td>
              <td align="left" valign="top">[img]"spacer.gif"[/img]</td>
              <td width="18" height="18" align="left" valign="top">[img]"hoekjero.gif"[/img]</td>
           </tr>
         <table> 
      <!-- Einde tabel paars -->
      
     </td>
    </tr>
     <!-- Einde tabel groen -->
     </table>
    <!-- Einde Werkkader (tabel Oranje) -->
    </td>
   </tr>
  </table>
 </body>
 </html>

En ook ff je BODY en je HTML weer afsluiten in het vervolg

[Verwijderd]

het streepje komt puur door het <tr>-tje wat in line 52 staat

[Expander]

Bij mij ziet hij er nu goed uit hoor..

[waxle]

Nope, 't is niet alleen de tr-tag... ook als je de hoogte van de middelste drie of de colspan-tabel niet definieert, krijg je die rand.

[Verwijderd]

Op zondag 12 mei 2002 14:55 schreef waxle het volgende:
Nope, 't is niet alleen de tr-tag... ook als je de hoogte van de middelste drie of de colspan-tabel niet definieert, krijg je die rand.

Onzin
het streepje wat onder de hoekjes stond kwam puur omdat er een overbodige <tr> tag stond.

[waxle]

Vervang die spacers maar door   dan zie je wel wat ik bedoel

[Verwijderd]

Op zondag 12 mei 2002 15:02 schreef waxle het volgende:
Vervang die spacers maar door   dan zie je wel wat ik bedoel

haal alle heights maar weg, dan zie je wat ik bedoel :)dat streepje onderaan heeft niks te maken met het feit dat je de heights moet defineren.

[waxle]

ook als je de heights in de tabellen hard defineert, blijf je die rand zien

[Verwijderd]

Op zondag 12 mei 2002 14:55 schreef waxle het volgende:
Nope, 't is niet alleen de tr-tag... ook als je de hoogte van de middelste drie of de colspan-tabel niet definieert, krijg je die rand.

hier zeg je dat je de heights moet defineren

Op zondag 12 mei 2002 15:12 schreef waxle het volgende:
ook als je de heights in de tabellen hard defineert, blijf je die rand zien

hier zeg je dat wanneer je ze hard defineerd, de rand nog zichtbaar is???


zoals ik al zei, die <tr> in line 52 is de oorzaak van die (backgroundcolor) streep onderaan.

[waxle]

* waxle bedoelde het definieren dmv. spacers , de benadering is gewoon anders.


in zijn geval is het idd die tr-tag, dat is waar...

[Verwijderd]

Op zondag 12 mei 2002 15:19 schreef waxle het volgende:
* waxle bedoelde het definieren dmv. spacers , de benadering is gewoon anders.


in zijn geval is het idd die tr-tag, dat is waar...

hoezo benadering is anders?
je kan werken met spacers wat je wil, als jij die <tr> laat staan zal je altijd die streep zien, wat je ook doet.
Het is gewoon een code fout die streep.
dus wat jij zegt is niet een andere benadering, het is gewoon geen oplossing.

[waxle]

tss... wijsneus
die oplossing die ik BOOD; was een herschreven tabel die het ook deed.
Wel een oplossing; jij komt vervolgens open deuren intrappen op basis van de oude code.
Dat ik dan even verkeerd in mijn eigen code kijk is idd niet duidelijk, maar dat komt dus omdat die tabel anders in elkaar steekt.

voor iemand die hier net binnenhobbelt zou ik een beetje dimmen please. We doen allemaal ons best.

[Verwijderd]

Op zondag 12 mei 2002 15:26 schreef waxle het volgende:
tss... wijsneus
die oplossing die ik BOOD; was een herschreven tabel die het ook deed.
Wel een oplossing; jij komt vervolgens open deuren intrappen op basis van de oude code.
Dat ik dan even verkeerd in mijn eigen code kijk is idd niet duidelijk, maar dat komt dus omdat die tabel anders in elkaar steekt.

voor iemand die hier net binnenhobbelt zou ik een beetje dimmen please. We doen allemaal ons best.

ow, sorry dan, maar ik zie je toch echt reageren op mijn post dat die <tr> niet alleen het probleem is. Dus vandaaruit geredeneert reply jij op mijn post, en dus niet op jouw oplossing van nieuwe code.

Je kan altijd wel iets nieuws aanbieden aan iemand die een fout maakt, maar als je dit doet zonder aan te geven wat er fout was in de oude code, leer je daar niemand iets mee, wel?

[waxle]

Sja, dat kwam doordat ik het gecopy-paste had in de oude nested tabel en daardoor zel verkeerd zat te kijken; dat was alles.

En wat betreft dat aanbieden van iets nieuws en een ander iets leren heb je geheel gelijk

[Verwijderd]

Op zondag 12 mei 2002 15:34 schreef waxle het volgende:
Sja, dat kwam doordat ik het gecopy-paste had in de oude nested tabel en daardoor zel verkeerd zat te kijken; dat was alles.

En wat betreft dat aanbieden van iets nieuws en een ander iets leren heb je geheel gelijk

ah! dan ben ik heel benieuwd wat je dan bedoelde met, en ik quote: 'hier net binnenhobbelt' ?
wat heeft dat met mijn kennis te maken?

ik hoop overigens dat VincentB iets heeft aan dit geheel

[waxle]

Heeft niets met je kennis te maken; want die is ongetwijfeld in meer dan grote mate aanwezig

Ik doelde meer erop dat je nieuw op het forum bent ( aan je regdatum te zien ).;)

[Verwijderd]

Op zondag 12 mei 2002 16:17 schreef waxle het volgende:
Heeft niets met je kennis te maken; want die is ongetwijfeld in meer dan grote mate aanwezig

Ik doelde meer erop dat je nieuw op het forum bent ( aan je regdatum te zien ).;)

ja en dus?
wat wil je ermee zeggen dan?

[waxle]

Ik vergelijk het maar met dat je een leuk meisje bent tegengekomen:
dan ga je op het eerste afspraakje ook niet direct vertellen dat haar lippenstift niet bij haar nagels past; ook al is dat ook zo

[Verwijderd]

Op zondag 12 mei 2002 16:30 schreef waxle het volgende:
Ik vergelijk het maar met dat je een leuk meisje bent tegengekomen:
dan ga je op het eerste afspraakje ook niet direct vertellen dat haar lippenstift niet bij haar nagels past; ook al is dat ook zo

als ik bij zo'n meisje weet waar ik over praat, dan zeg ik het gewoon. zal ze op de lange baan meer waarderen dan wanneer ik m'n bek hou.

Waar jij op doelt is respect en politiek correct gedrag. In mijn opinie is dat ondergeschikt in een forum.
Als ik weet waar een fout zit in een code, ga ik het zeker posten en zou me echt niet inhouden om jouw gevoelens niet te kwetsen.

Op de ladder van kennis op html gebied kan het best zo zijn dat ik een treetje hoger sta dan jij (als ik jouw posts in dit topic zo beoordeel). Wat zou dan voor mij een reden zijn om rekening met jou te houden?

[supakeen]

Dit is html en geen date

[waxle]

Gefeliciteerd, je bent nog een arrogantere klootzak dan ik.
mag ik wel

Oordeel alleen niet te snel op basis van deze draad, ik weet wat mijn kwaliteiten zijn. Je hoeft niet bang te zijn dat je mijn gevoelentje kwetst, maar een beetje respect tonen en vriendelijkheid is nooit weg.

Zo gaan we hier gewoon met elkaar om.

[Verwijderd]

Op zondag 12 mei 2002 17:08 schreef waxle het volgende:
Gefeliciteerd, je bent nog een arrogantere klootzak dan ik.
mag ik wel

hiermee zeg je eigenlijk: hoe arroganter de poster, hoe meer de oplossing waar is?

Ik zeg dat de kennis telt, en niet de instelling, vandaar dus dat ik niet rekening hou met wat iemand post als ik weet dat het niet klopt.

volgens mij strookt jouw beeld van een forum niet geheel met die van werkelijkheid.

Overigens hoef jij me niet te vertellen hoe we met elkaar omgaan. Trots heeft in een forum geen deelname.

[Verwijderd]

Okay, ho maar weer.
U kunt verder moddergooien over ICQ oid.