Notifikationer

Markér alle som læst Log ud

ermolenko Nybegynder

15. juni 2004 - 12:47 Der er 6 kommentarer og
2 løsninger

Ramme = 1 pixel med gif-billede

Hep!
Jeg har ladet mig fortælle, at det skulle være muligt at lave en ramme med en width på 1 pixel ved at indsætte en .gif-fil med en bredde på 1 pixel.

Når man laver en helt almindelig ramme med border på 1 pixel, kommer den meget let til at se "tyk" ud og er i virkeligheden ikke 1 pixel. Hvordan laver man en "tynd" ramme rundt om en celle eller en tabel?

Gerne med link til en tut eller en udførlig beskrivelse af fremgangsmåden, da jeg ikke ligefrem er HTML-haj...:-)

Mvh.

Ermolenko

Synes godt om

Jman Praktikant

15. juni 2004 - 12:51 #1

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="100%"> </td>
</tr>
</table>

skulle da gerne give en "tynd ramme"

Synes godt om

roenving Novice

15. juni 2004 - 12:54 #2

?-)

<style type="text/css">
table{border-collapse:collapse;border:1px solid red;}
td{border:1px solid black;}
</style>

<table>
<tr>
<td>En celle</td>
<td>og en anden ...</td>
</tr>
<tr>
<td>En celle i en anden række</td>
<td>og en anden mere ...</td>
</tr>
</table>

Synes godt om

ermolenko Nybegynder

15. juni 2004 - 13:03 #3

Ok. Jeg har ikke lige testet det endnu, men I ser jo ud til at være ret sikre :-)

Vil det sige, at det slet ikke er nødvendigt med brug af .gif?
Virker denne kode i alle browsere?

Og så må I da gerne svare, så splitter jeg lige pointene. Det var jo to forskellige men lige gode løsninger.

Synes godt om

roenving Novice

15. juni 2004 - 13:36 #4

Det er ikke nødvendigt med giffen, det er nok nærmere browserens indbyggede anti-aliasing du ser spor af !-)

-- og begge udgaver burde virke i alle browsere, dog kan nedenstående levere nogle forskellige måder at fortolke border-collapse, for Mozilla sætter en sort border om hele tabellen, hvis den 1px bred, men den bliver rød, hvis den sættes til at være 2px i bredden ...

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<style type="text/css">
table{border-collapse:collapse;border:1px solid red;}
td{border:1px solid black;}
</style>
<title>tabel</title>
</head>
<body>
<table>
<tr>
<td>En celle</td>
<td>og en anden ...</td>
</tr>
<tr>
<td>En celle i en anden række</td>
<td>og en anden mere ...</td>
</tr>
</table>
</body>
</html>

Synes godt om

ermolenko Nybegynder

15. juni 2004 - 14:41 #5

Fornemt. Det ser fint ud, jeg har just testet.
Tak for hjælpen. Husk at kaste et svar, så jeg kan uddele point :-)

Synes godt om

roenving Novice

15. juni 2004 - 14:41 #6

Velbekomme '-)

Synes godt om

Jman Praktikant

15. juni 2004 - 16:02 #7

svar herfra

Synes godt om

roenving Novice

15. juni 2004 - 21:40 #8

-- og tak for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS