Szétesik, de miért? plz hlp
2005-06-21T08:45:02+02:00
2005-06-21T15:32:59+02:00
2022-07-19T05:32:59+02:00
  • Összehúztam az egész táblázatot, de semmi válozás
    Mutasd a teljes hozzászólást!
  • Próbáld így:


    <table cellspacing=0 cellpadding=0 border=0> <tr><td colspan="3"><img src="img/spacer.gif" alt="" style="width:1px; height:100px; " ></td></tr> <tr> <td><img name="bf_sarok" src="img/bf_sarok.gif" style="width:15px; height:15px; " alt=""></td><td ><img name="f_kozep" src="img/f_kozep.gif" style="width:470px; height:15px; " alt=""></td><td ><img name="jf_sarok" src="img/jf_sarok.gif" style="width:15px; height:15px; " alt=""></td></tr> <tr> <td><img name="b_kozep" src="img/b_kozep.gif" style="width:15px; height:370px; " alt=""></td><td style="vertical-align:middle; "> Innováció<br> Oktatás<br> Oskolás<br> </td><td ><img name="j_kozep" src="img/j_kozep.gif" style="width:15px; height:370px; " alt=""></td></tr> <tr> <td><img name="bf_sarok" src="img/ba_sarok.gif" style="width:15px; height:15px; " alt=""></td><td ><img name="f_kozep" src="img/a_kozep.gif" style="width:470px; height:15px; " alt=""></td><td ><img name="jf_sarok" src="img/ja_sarok.gif" style="width:15px; height:15px; " alt=""></td> </tr> </table>
    Mutasd a teljes hozzászólást!
  • ja, ezt már korábban fölfedeztem én is, de most ez a hiba nem áll fönn.
    2 tábla van, az egyik a backgroun-módszerrel:

    <table cellspacing=0 cellpadding=0 border=0> <tr><td colspan="3"><img src="img/spacer.gif" alt="" style="width:1px; height:100px;" ></td></tr> <tr style="height: 15px;"> <td style="background-image:url('img/bf_sarok.gif'); background-repeat: no-repeat;width:15px; height:15px;">&nbsp;</td> <td style="background-image:url('img/f_kozep.gif'); background-repeat: repeat-x;width:120px; height:15px;">&nbsp;</td> <td style="background-image:url('img/jf_sarok.gif'); background-repeat: no-repeat;width:15px; height:15px;">&nbsp;</td> </tr> <tr style="height: 150px;"> <td style="background-image:url('img/b_kozep.gif'); background-repeat: repeat-y;" style="width:15px; height:170px;"><img name="f_kozep" src="img/spacer.gif" style="width:15px; height:170px;" alt=""></td> <td style="vertical-align:middle; "> Innováció<br> Oktatás<br> Oskolás </td> <td style="background-image:url('img/j_kozep.gif'); background-repeat: repeat-y;" style="width:15px; height:170px;">&nbsp;</td> </tr> <tr style="height: 15px;"> <td style="background-image:url('img/ba_sarok.gif'); background-repeat: no-repeat;width:15px; height:15px;">&nbsp;</td> <td style="background-image:url('img/a_kozep.gif'); background-repeat: repeat-x;width:120px; height:15px;">&nbsp;</td> <td style="background-image:url('img/ja_sarok.gif'); background-repeat: no-repeat;width:15px; height:15px;">&nbsp;</td> </tr> </table>

    a másik meg img-el:

    <table cellspacing=0 cellpadding=0 border=0> <tr><td colspan="3"><img src="img/spacer.gif" alt="" style="width:1px; height:100px; " ></td></tr> <tr> <td><img name="bf_sarok" src="img/bf_sarok.gif" style="width:15px; height:15px; " alt=""></td> <td><img name="f_kozep" src="img/f_kozep.gif" style="width:470px; height:15px; " alt=""></td> <td><img name="jf_sarok" src="img/jf_sarok.gif" style="width:15px; height:15px; " alt=""></td> </tr> <tr> <td><img name="b_kozep" src="img/b_kozep.gif" style="width:15px; height:370px; " alt=""></td> <td style="vertical-align:middle; "> Innováció<br> Oktatás<br> Oskolás<br> </td> <td><img name="j_kozep" src="img/j_kozep.gif" style="width:15px; height:370px; " alt=""></td> </tr> <tr> <td><img name="bf_sarok" src="img/ba_sarok.gif" style="width:15px; height:15px; " alt=""></td> <td><img name="f_kozep" src="img/a_kozep.gif" style="width:470px; height:15px; " alt=""></td> <td><img name="jf_sarok" src="img/ja_sarok.gif" style="width:15px; height:15px; " alt=""></td> </tr> </table>

    ebből most az első jelenik meg rendesen, de nem értem a második miért nem
    Mutasd a teljes hozzászólást!
  • Valóban csúnya, egyszerűbb így:
    <img ... ><img ... ><img ... ><img ... >
    Teghát a tag-en belül kell megtörni.
    Mutasd a teljes hozzászólást!
  • Én azt vettem észre, hogy:

    <img ... ><img ... >

    esetén szépen egymás mellé rakja a képeket.

    <img ... > <img ... >

    és

    <img ... >
    <img ... >

    esetén viszont közéjük rak egy space méretű távolságot. (alapértelmezett szövegméret)

    Nem lehet ezt valahogy kiküszöbölni.

    Én így oldottam meg, de ez elég csúnya:
    <img ... ><?php
    ?><img ... >

    Mutasd a teljes hozzászólást!
  • na most nekem jó a megjelenítés, ha valakinél nem , írjon már légyszives
    köszi
    Mutasd a teljes hozzászólást!
  • bakker a széleknél jó a megoldás amit írtam, de alul nem
    Mutasd a teljes hozzászólást!
  • kipróbáltam, de ugyanúgy nm jól jeleníti meg
    Mutasd a teljes hozzászólást!
  • Ja látom. És az mennyire favágó módszer, ha <tr>-nek beállítod a magasságot, amekkor a kép? Pl:
    <tr style="height: 15px"> <td><img name="bf_sarok" src="img/bf_sarok.gif" style="width:15px; height:15px;" alt=""></td>
    egyébként az <img>-nek van width és height attribútuma, elegánsabb mint azt is a style-be pakolni:
    <img name="bf_sarok" src="img/bf_sarok.gif" width="15" height="15" alt="">
    Mutasd a teljes hozzászólást!
  • kicseréltem erre a megfelelő helyen a cuccoz:
    <td style="background-image:url('img/b_kozep.gif'); background-repeat: repeat-y;" style="width:15px; height:170px;"><img name="f_kozep" src="img/spacer.gif" style="width:15px; height:170px;" alt=""></td>

    így most jó
    de akkor sem értem hogy ha valid, és otthon ue böngészőn jó volt akkor most egy nap múlva miért nem
    Mutasd a teljes hozzászólást!
  • A cucc valid, mással van a gond
    Mutasd a teljes hozzászólást!
  • Szerintem inkább használj CSS-t, ne így beégetve a kódba a stlye részt.
    Másrészt néha nézz rá a validatorral, és ha szabványos az oldalad, valamelyest tiszta lehet a lelkiismereted.
    Mutasd a teljes hozzászólást!
  • Üdv!

    Csinálok egy oldalt és még totál az alapjainál tartok.
    Több böngészőn is tesztelem egyszerre (lokálisan), de otthon nem volt semmi gáz a megjelenéssel.
    Reggel fölraktam a szerverre és a táblázatokba rakott képek alá berak a Mozillánál egy pár px üres helyet (ideiglenesen beraktam a td-nek egy 1px-es border-t hogy jobban látszódjon a hiba). Otthon uezzel a Mozillával (1.7.5) nem volt semmi gond!
    Ie-ben nem látok semmi hibát.

    http://gal.teamlupus.hu/oskweb/index.php

    Plz segítsetek!!
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd