Notifikationer

Markér alle som læst Log ud

nams Nybegynder

24. august 2003 - 14:34 Der er 5 kommentarer og
1 løsning

css og tables ?

Hejsa
Jeg er ved at lave en side, hvor jeg ret ofte vil komme til at skulle lave den samme tabel igen og igen, derfor ville jeg gerne i min .css fil opskrive en tabels design, så jeg blot kan skrive class="klasse" i min <table> og så funker det bare.... men men men jeg kan slet ikke få det til at funke og jeg har heller ikke kunne finde noget gangbart, så derfor spørger jeg her....
Jeg har lavet tabellen som den skal se ud og det ser sådan her ud

<table border="0" cellpadding="0" cellspacing="0" width="163">
<tr>
<td background="images/bar_top.gif" height="29">
<p> </p>
</td>
</tr>
<tr>
<td background="images/bar_bg.gif">
<p> </p>
</td>
</tr>
<tr>
<td background="images/bar_bund.gif">
<p> </p>
</td>
</tr>
</table>

Jeg ved så ikke om jeg eventuelt skulle lave den for de 3 <td>'er eventuelt eller om jeg kan lave det hele på en gang ?

nogen bud på hvorn det skal laves ?

Synes godt om

whatever Nybegynder

24. august 2003 - 15:48 #1

Prøvet noget i denne retning:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="generator" content="editplus">
<style type="text/css">
table.genbrug {
border: 0px;
width: 163px;
padding: 0px;
margin: 0px;
}
td.genbrugTop {
background-image: url(images/bar_top.gif);
height: 29px;
}
td.genbrugBg {
background-image: url(images/bar_bg.gif);
}
td.genbrugBund {
background-image: url(images/bar_bund.gif);
}
</style>
</head>

<body>
<table class="genbrug">
<tr>
<td class="genbrugTop">
<p> </p>
</td>
</tr>
<tr>
<td class="genbrugBg">
<p> </p>
</td>
</tr>
<tr>
<td class="genbrugBund">
<p> </p>
</td>
</tr>
</table>
</body>
</html>

Synes godt om

nams Nybegynder

24. august 2003 - 16:04 #2

okey jeg har nu ud fra dit prøvet at skrive følgende ned i min .css fil

td.genbrugTop {
background-image: url(/images/bar_top.gif);
height: 29px;
width: 163px;
}
td.genbrugBg {
background-image: url(/images/bar_bg.gif);
width: 163px;
}
td.genbrugBund {
background-image: url(/images/bar_bund.gif);
width: 163px;
}

og min table har jeg nu lavet sådan her:

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="genbrugTop">
<p> hrjsa</p>
</td>
</tr>
<tr>
<td class="genbrugBg">
<p> </p>
</td>
</tr>
<tr>
<td class="genbrugBund">
<p> </p>
</td>
</tr>
</table>

men height og width bliver totalt ignoreret ??

Synes godt om

whatever Nybegynder

24. august 2003 - 16:11 #3

Dette virker fint i min IE6:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="generator" content="editplus">
<style type="text/css">
td.genbrugTop {
background-image: url(/images/bar_top.gif);
height: 29px;
width: 163px;
}
td.genbrugBg {
background-image: url(/images/bar_bg.gif);
width: 163px;
}
td.genbrugBund {
background-image: url(/images/bar_bund.gif);
width: 163px;
height: 250px;
}
</style>
</head>

<body>
<table border="2" cellpadding="0" cellspacing="0" bgcolor="red">
<tr>
<td class="genbrugTop">
<p> hrjsa</p>
</td>
</tr>
<tr>
<td class="genbrugBg">
<p> </p>
</td>
</tr>
<tr>
<td class="genbrugBund">
<p> </p>
</td>
</tr>
</table>
</body>
</html>

Men Netscape og Opera har vist problemer med height via stylesheetet.

Synes godt om

nams Nybegynder

24. august 2003 - 16:25 #4

hmm okey her kommer så det merkelige....
Jeg har lavet en copy af det du lige har postet og så virker det, men hvorfor virker det ikke hvis man smidder css'en i en .css fil så ??

Synes godt om

whatever Nybegynder

24. august 2003 - 16:30 #5

Det burde stadig virke. Hvordan ser hele din fil ud?

Synes godt om

nams Nybegynder

24. august 2003 - 19:30 #6

uhh ha den er meget lang så den vil jeg ik rigtig poste her, men alt det andet virker nu fint.....

Siger bare tak for hjælpen og bider i det sure æble og laver det på den gammeldags metode, den skal sku også virke i alle andre browsere :-)

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