Avatar billede jensgram Nybegynder
10. januar 2004 - 11:47 Der er 13 kommentarer og
2 løsninger

Tabel med mellemrum ved logo!

Hej eksperter

Jeg har et lille problem med http://www.jensgram.dk/palaver/usa/ i IE. Siden virker fint i både Mozilla FB og Opera, men der er en hvid stribe (ca. 2 pixels) til højre for logoet i IE. Det er indenfor den sorte ramme...

Jeg har prøvet at tvinge tabellen til at være mindre end 600px bred så logoet er det bredeste (600px), men det hjælper ikke. Hvad har jeg overset?

Stylesheet'et ser ud som følger (har kun pastet det der har med tabellen at gøre):

--- style.css ---
body, table, input, textarea, select {
    font-family: 'Trebuchet MS', tahoma, verdana, sans-serif;
    font-size: 9pt;
}
table.main {
    border: 2px solid #000000;
    width: 600px;
}
table.padded {
    margin-left: 25px;
    width: 555px; /* 100% fejler i IE og Opera, hvor tabellen går ud under selve td.content i højre side! */
}
td {
    vertical-align: top;
}
td.menu {
    border-top: 1px solid #000000;
    font-family: tahoma, verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    width: 14%;
    background-color: #000000;
    padding: 1px;
}
td.content {
    padding: 25px 10px 10px 10px;
}
th {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
}
--- /style.css ---


PS: Ja, farverne er de samme som TV2 brugte engang - det ER jeg klar over.
PPS: "Brug <div>'s" er ikke et svar!

- Jens Gram
Avatar billede roenving Novice
10. januar 2004 - 12:15 #1
Det kunne se ud til, at det er IEs problem med at placere en border, som er forskellen ...

Da dit farveskema er relativt fladt i kanten, ville jeg lave et hack og placere en background-color i cellen -- en eller to nuancer mørkere end den orange, så det ikke blev for tydeligt mod Grand Canyon ...
Avatar billede fet321 Nybegynder
10. januar 2004 - 12:41 #2
Det er koden den er galt med.
Jeg smider en løsning om 2 sec.
Den er ikke testet i andre browsere end ie.
Kan dog ikke se den skulle give problemer i andre browsere.
Avatar billede fet321 Nybegynder
10. januar 2004 - 12:45 #3
I din html skal du udskifte dette:

---
<table align="center" cellspacing="0" cellpadding="0" border="0" class="main">
<tr>
    <td class="logo" colspan="7"><img src="../gfx/usa/logo.jpg" height="150" width="600" alt="Logo lavet af Tom Bach - www.t-sign.dk" border="0" /></td>
</tr>
<tr>
    <td class="menu" id="menu1"><a class="menu" href="index.php" onmouseover="fade('menu1', '153,0,0', '255,255,255');" onmouseout="fade('menu1', '255,255,255', '153,0,0');">Forside</a></td>
    <td class="menu" id="menu2"><a class="menu" href="rute.php" onmouseover="fade('menu2', '204,102,0', '255,255,255');" onmouseout="fade('menu2', '255,255,255', '204,102,0');">Rute</a></td>
    <td class="menu" id="menu3"><a class="menu" href="breve.php" onmouseover="fade('menu3', '204,153,0', '255,255,255');" onmouseout="fade('menu3', '255,255,255', '204,153,0');">Breve</a></td>
    <td class="menu" id="menu4"><a class="menu" href="pris.php" onmouseover="fade('menu4', '102,170,102', '255,255,255');" onmouseout="fade('menu4', '255,255,255', '102,170,102');">Pris</a></td>
    <td class="menu" id="menu5"><a class="menu" href="kort.php" onmouseover="fade('menu5', '0,153,102', '255,255,255');" onmouseout="fade('menu5', '255,255,255', '0,153,102');">Kort</a></td>
    <td class="menu" id="menu6"><a class="menu" href="bil.php" onmouseover="fade('menu6', '51,102,153', '255,255,255');" onmouseout="fade('menu6', '255,255,255', '51,102,153');">Bil</a></td>
    <td class="menu" id="menu7"><a class="menu" href="guides.php" onmouseover="fade('menu7', '0,51,153', '255,255,255');" onmouseout="fade('menu7', '255,255,255', '0,51,153');">Guides</a></td>
</tr>
---

med:

---
<table align="center" cellspacing="0" cellpadding="2" border="0" class="main" width="604">
<tr>
    <td>
   
<table align="center" cellspacing="0" cellpadding="0" border="0" class="padded" width="600">
<tr>
    <td class="[link]logo" colspan="7"><img src="[link]logo.gif" height="150" width="600" alt="Logo lavet af Tom Bach - www.t-sign.dk" border="0" /></td>
</tr>
<tr>
    <td>
        <table align="center" cellspacing="0" cellpadding="0" border="0" width="600">
        <tr>
            <td class="menu" id="menu1"><a class="menu" href="index.php">Forside</a></td>
            <td class="menu" id="menu2"><a class="menu" href="rute.php">Rute</a></td>
            <td class="menu" id="menu3"><a class="menu" href="breve.php">Breve</a></td>
            <td class="menu" id="menu4"><a class="menu" href="pris.php">Pris</a></td>
            <td class="menu" id="menu5"><a class="menu" href="kort.php">Kort</a></td>
            <td class="menu" id="menu6"><a class="menu" href="bil.php">Bil</a></td>
            <td class="menu" id="menu7"><a class="menu" href="guides.php">Guides</a></td>
        </tr>
        </table>
    </td>
</tr>
---

I dit css skal du udskifte:
---
table.main {
border: 2px solid #000000;
width: 600px;
}
table.padded {
margin-left: 25px;
width: 555px; /* 100% fejler i IE og Opera, hvor tabellen går ud under selve td.content i højre side! */
}
---

med:
---
table.main {
    background-color : #000000;
}
table.padded {
    background-color : #FFFFFF;
}

/fet321
Avatar billede fet321 Nybegynder
10. januar 2004 - 12:46 #4
Du skal forresten også lige indsætte dit onmouse... osv. i linksene.
Dem fjernede jeg for overskuelighedens skyld.
Du skal også indsætte [link] i billedstierne.
Avatar billede fet321 Nybegynder
10. januar 2004 - 12:49 #5
En sidste ting.
Du skal også i slutningen af din html udskifte:
---
    </td>
</tr>
</table>
---

med:
---
    </td>
</tr>
</table>

    </td>
</tr>
</table>
---

Og så fjerne

colspan="7"

alle steder det forekommer.
Avatar billede fet321 Nybegynder
10. januar 2004 - 13:00 #6
Aahr - glem de sidste linjer med colspan="7".
Du skal IKKE fjerne colspan="7".
Avatar billede jensgram Nybegynder
10. januar 2004 - 13:01 #7
roenving > Ja, det blev også løsningen. Jeg har før haft problemer med IE's border-opfattelse. Det er en 'dosk' browser ;)

Smider du lige et svar?

fet321 > Tak for indsatsen, men jeg gider ikke lave tabel-i-tabel, når det andet skal kunne lykkes. Du får selvfølgelig points fordi du tog dig tid til det, men det bliver ikke den endelige løsning.

Tak for hjælpen
Avatar billede fet321 Nybegynder
10. januar 2004 - 13:04 #8
Helt ok.
Kan bare godt li' at lave sidens "skelet" i ren html.
Avatar billede jensgram Nybegynder
10. januar 2004 - 13:08 #9
Ja, det kan jeg også og det burde også være muligt her med:

Række 1: 1 kolonne
Række 2: 7 kolonner
Række 3: 1 kolonne
Avatar billede roenving Novice
10. januar 2004 - 13:14 #10
Kedeligt at skulle foreslå hacks, men nogle gange er omvejene for lange !-)

-- velbekomme '-)
Avatar billede fet321 Nybegynder
10. januar 2004 - 13:27 #11
Hvis jeg indsætter "table-layout : fixed;" i "table.main" virker det hos mig.
Avatar billede jensgram Nybegynder
10. januar 2004 - 16:12 #12
fet321 > Ja, det gør det da! Det var da bare top. Mange tak.

Håber I er tilfredse.
Avatar billede roenving Novice
10. januar 2004 - 16:18 #13
Takker for points ;~}
Avatar billede fet321 Nybegynder
10. januar 2004 - 16:55 #14
Også tak herfra.
Avatar billede jensgram Nybegynder
10. januar 2004 - 17:50 #15
Jamen, det er skam mig der takker.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester