[html] spacer.gif

[Verwijderd]

Ik heb een tabel waar een hoop spacer.gif's in staan. Via genereren van de site in fotoshop zijn die ontstaan. Gevolg is dat ik dus een witte rand krijg van 1 pixel breed en dat wil ik niet. Nu ben ik al twee dagen aan prutsen met die spacers maar ik krijg het niet goed. Als ik ze eruit haal gaat mijn hele tabel naar de knoppen. Snap er even niets meer van. Is hier een oplossing voor zonder dat ik mijn hele pagina op de kop moet zetten? Dit is de huidige code:

code:

<TABLE WIDTH=100% BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
    <tr>
            <td height="611" background="images/leftfiller1.jpg">&nbsp;</td>
            <td>    <TABLE WIDTH=799 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
      <!--DWLayoutTable-->
          <TR>
            <TD width="418" ROWSPAN=2>
            [img]"images/index_01.jpg"[/img]</TD>
        <TD height="102" COLSPAN=2>
            [img]"images/index_02.jpg"[/img]</TD>
        <TD width="57">
            [img]"images/index_03.jpg"[/img]</TD>
        <TD width="62">
            [img]"images/index_04.jpg"[/img]</TD>
        <TD width="53">
            [img]"images/index_05.jpg"[/img]</TD>
        <TD width="53">
            [img]"images/index_06.jpg"[/img]</TD>
        <TD width="54">
            [img]"images/index_07.jpg"[/img]</TD>
        <TD width="41">
            [img]"images/index_08.jpg"[/img]</TD>
        <TD width="168">
            [img]"images/spacer.gif"[/img]</TD>
        <td width="1"></td>
    </TR>
    <TR>
        <TD width="30" ROWSPAN=8>
            [img]"images/index_09.jpg"[/img]</TD>
        <TD COLSPAN=7 ROWSPAN=5 background="images/index_10.jpg"></TD>
        <TD height="54">[img]"images/spacer.gif"[/img]</TD>
        <td></td>
    </TR>
    <TR>
        <TD height="23">
            [img]"images/index_11.jpg"[/img]</TD>
        <TD>
            [img]"images/spacer.gif"[/img]</TD>
        <td></td>
    </TR>
    <TR>
        <TD height="42">
            [img]"images/index_12.jpg"[/img]</TD>
        <TD>
            [img]"images/spacer.gif"[/img]</TD>
        <td></td>
    </TR>
    <TR>
        <TD height="168">
            [img]"images/index_13.jpg"[/img]</TD>
        <TD>
            [img]"images/spacer.gif"[/img]</TD>
        <td></td>
    </TR>
    <TR>
        <TD height="43">
            [img]"images/index_14.jpg"[/img]</TD>
        <TD>

enz... enz..........

[ Voor 29% gewijzigd door Verwijderd op 09-10-2005 18:19 ]

[sjaakaq]

Als je echt een spacer wil gebruiken (ranzige shit maar ok), maak dan gewoon een transparante gif van 1x1...

[Verwijderd]

Dat is ie al alleen dat wil ik juist niet omdat er links en rechts van de spacer en kleur zit (met verloop), dat maakt het zo lastig...........

[Verwijderd]

Hmm volgensmij moet het idd gewoon lukken met transparante gifjes. Die border kan er eventueel omheen komen doordat de spacers geen border-waarde hebben; misschien dat het met border=0 in de <img> tag dus wel goed gaat.

Maar om het nou een nette oplossing te noemen

[Verwijderd]

Hmmm hij laat nog steeds een transparante rand van 1 pixel zien

[Verwijderd]

Verwijderd schreef op zondag 09 oktober 2005 @ 15:10:
Hmmm hij laat nog steeds een transparante rand van 1 pixel zien

ohw het is een transparante rand Eerlijk gezegd snap ik niet precies wat je probleem is.

[Verwijderd]

Ik heb een tabel die in het midden van het scherm moet komen (gewoon center dus). daar heb ik een tabel omheen staan om ervoor te zorgen dat links en rechts van de (center) tabel de kleuren gewoon doorlopen. De pagina wordt dus schermvullend terwijl mijn hoofdtabel maar 800 breed is. Links werkt dat dus prima maar rechts zitten de spacers en heb ik dus een rand van een pixel breed voordat de kleur weer doorloopt. Kortom ik heb een ongewenste lijn door mijn pagina lopen.

[Verwijderd]

HTML:

   <tr>
        <td width="20%"></td>
        <td width="799"></td>
        <td width="20%"></td>
    </tr>
        <td height="611" background="images/leftfiller1.jpg">&nbsp;</td>

Dat slaat alvast nergens op, die breedtes, en die verdwaalde td. Verder is de code natuurlijk afschuwelijk, aangezien er nergens een tabel voor nodig is. En dan nog snap ik niet waarom je tabel 100% breed zou moeten zijn, je kunt natuurlijk ook gewoon het html of body element die achtergrondkleur geven, waar je het over hebt.

Spacer gifs zijn in principe niet meer nodig sinds CSS er is. Sorry dat ik het zeg, maar zulke bende zou al jaren geleden uitgebannen moeten zijn.

Post eens een plaatje van hoe je layout moet worden. 10 tegen 1 dat dat veel eenvoudiger kan.

[Verwijderd]

Ik zal even een plaatje maken.

[Verwijderd]

Plaatje lukt dus helaas niet

De geneste tabel is standaard 800 breed en moet dat ook altijd blijven. De tabel die eromheen staat is 100% want ik wil de kleuren van de geneste tabel door laten lopen over het hele scherm. Links gaat dat goed maar rechts zit er een rand van 1 pixel waar de geneste tabel op houdt zal ik maar zeggen (dus op de scheiding van de 2e naar de 3e colom).

[ Voor 11% gewijzigd door Verwijderd op 09-10-2005 16:37 ]

[Andre-85]

je plaatje werkt niet.... Met je interne ip adres gaat dat niet werken.

[Verwijderd]

Krijg het niet voor mekaar met de router. Probeer het even zo:


colom1 - colom2 - colom3

in colom2 zit een complete geneste tabel, complex ding waar ik geen andere oplossing voor kan bedenken. De bedoeling is dus dat die geneste tabel vast 800 breed is en de tabel die erom heen zit staat op 100%.

Nu zijn colom1 en colom3 dus opvul colommen die in dezelfde kleur zijn als de geneste tabel. Probleem is dus dat op de scheiding van colom2 en colom3 een lijn loopt (waarschijnlijk de transparante spacers).

[Verwijderd]

Verwijderd schreef op zondag 09 oktober 2005 @ 15:26:

HTML:

   <tr>
        <td width="20%"></td>
        <td width="799"></td>
        <td width="20%"></td>
    </tr>
        <td height="611" background="images/leftfiller1.jpg">&nbsp;</td>

Dat slaat alvast nergens op, die breedtes, en die verdwaalde td. Verder is de code natuurlijk afschuwelijk, aangezien er nergens een tabel voor nodig is. En dan nog snap ik niet waarom je tabel 100% breed zou moeten zijn, je kunt natuurlijk ook gewoon het html of body element die achtergrondkleur geven, waar je het over hebt.

Code aangepast maar het probleem is er nog steeds.

[ Voor 16% gewijzigd door Verwijderd op 09-10-2005 18:23 ]

[Verwijderd]

Ik heb de spacers op width=0 gezet maar dat schiet ook al niet op. Als ik het met css op wil lossen hoe moet ik dat dan doen? Ik vraag niet of jullie het helemaal voor willen kauwen maar een zetje in de goede richting zou fijn zijn.

Toch snap ik het niet. Het moet toch mogelijk zijn om die tabel netjes te krijgen zonder spacers? Ik kan toch de hoogte en breedte van de cellen netjes aangeven of ben ik nu gek?

Waarom zijn die spacers er eigenlijk?

[ Voor 33% gewijzigd door Verwijderd op 09-10-2005 20:15 ]

[Yoozer]

Verwijderd schreef op zondag 09 oktober 2005 @ 16:36:
Krijg het niet voor mekaar met de router.

Even een paar ongerelateerde opmerkingen;

* upload je plaatjes op www.imageshack.us. Werkt stukken handiger en er wordt standaard een thumbnail van gemaakt. Krijg je ook geen gezeur met computers die uitstaan, webspace waarvan de bandbreedte op is, en wat dies meer zij.

* in plaats van 3 posts achter elkaar te maken; bewerk je eerdere post als er verder nog niemand antwoord heeft gegeven. Staat ook minder "hey, weer wat nieuws bedacht, gauw even neerzetten.

Je wilt een 3-kolom layout? Kijk eens op http://www.positioniseverything.net/ . Shop maar eens rond bij de layout demo's, daar vind je vast wel wat je zoekt. Andere mogelijkheid is zoeken naar "3 column holy grail" bij Google, en dan kom je op de site van Glish terecht waar nog zo iets staat.

Verwijderd schreef op zondag 09 oktober 2005 @ 18:51:
Waarom zijn die spacers er eigenlijk?

Dit heeft er mee te maken dat een tabelcel (als het even kan) altijd inhoud moet hebben. Voornamelijk een probleem als je een tabel voor de layout misbruikt; wat Cheatah zegt, dit moet je gewoon niet meer doen; spendeer liever een week aan rudimentaire HTML onder de knie krijgen in plaats van het door Photoshop af te laten handelen.

[ Voor 37% gewijzigd door Yoozer op 09-10-2005 21:00 ]

[Savantas]

Een mogelijke workaround die ik me kan herinneren was om de tabel een extra kolom en een extra rij te geven. Deze dan 1 px breed en hoog (met spacer gifs). Op de een of andere manier was dat vaak een oplossing voor lelijke tabellen. Maar volgens mij maakte Photoshop deze extra rij en kolom al zelf.
En de old time trick met tabellen is gewoon even de border op 1 of zelfs meer zetten, dan zie je tenminste de slices beter, en welke cellen misgaan.
Maar goed, het is veel handiger om alleen de plaatjes te gebruiken die Pshop genereerd, en de hele tabel te vervangen door CSS, desnoods met een zooi divjes voor plaatsing (alhoewel dat de code niet veel beter/overzichtelijker maakt).
En zoals gezegd, oefen met basic html en css (www.handleidinghtml.nl) en pas dan je Photoshop slices (hoe heet dit in de nl versie?) zo aan dat je zo min mogelijk div containers nodig hebt.

[ Voor 12% gewijzigd door Savantas op 10-10-2005 12:51 ]

[Verwijderd]

Verwijderd schreef op zondag 09 oktober 2005 @ 18:51:
Als ik het met css op wil lossen hoe moet ik dat dan doen? Ik vraag niet of jullie het helemaal voor willen kauwen maar een zetje in de goede richting zou fijn zijn.

wellicht is het dan handig om eerst eens een voorbeeld te laten zien...