Notifikationer

Markér alle som læst Log ud

x-masman Nybegynder

10. juli 2002 - 16:47 Der er 22 kommentarer og
1 løsning

to tables og baggrunde

Jeg har to tabels over hinanden. Problemet er så, at baggrunden uden om den øverste tabel skal være sort, mens at baggrunden uden om den nederste skal være grå(#aaaaaa). Kan jeg gøre dette uden at bruge frames? Hvordan?

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 16:56 #1

styles på hver tabel

Synes godt om

x-masman Nybegynder

10. juli 2002 - 16:57 #2

hvad er det?

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 17:03 #3

du kan læse om det på www.html.dk/tutorials/css

et eksempel på to forskellige baggrundsfarver i tableller

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.1 {
background-color:#336699;
}
.2 {
background-color:#434300;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div align="center">
<table width="750" border="1" cellspacing="0" cellpadding="0" name="1" class="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
<table width="750" border="1" cellspacing="0" cellpadding="0" name="2" class="2">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 17:20 #4

prøv også at kigge på dette eksempel til hvordan man kan gøre

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
.bg1 {
background-color:#C0C0C0;
}
.bg2 {
background-color:#99CCCC;
}
table.main1 {
background-color:#FFFFFF;
}
table.main2 {
background-color:#CCCCCC;
}
td {
border-collapse:collapse;
text-align:center;
}
</style>
</head>

<body>
<table width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="bg1">
<table width="600" height="200" class="main1">
<tr>
<td>et</td>
<td>to</td>
</tr>
<tr>
<td>tre</td>
<td>fire</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" class="bg2">
<table width="600" height="200" class="main2">
<tr>
<td>fem</td>
<td>seks</td>
</tr>
<tr>
<td>syv</td>
<td>otte</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Synes godt om

x-masman Nybegynder

10. juli 2002 - 17:27 #5

tak! Utroligt... Det er første gang jeg stifter bekendtskab med dette. I guiden som du referere til, fremhæver de ideen med at linke til et css dokument. Kan det lade sig gøre i dette tilfælde?

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 17:30 #6

jeps du smider bare alt dette i en fil du kalder et_eller_andet.css og linker til den sådan:

<link rel="stylesheet" href="et_eller_andet.css" type="text/css">

filen ser sådan ud:

.bg1 {
background-color:#C0C0C0;
}
.bg2 {
background-color:#99CCCC;
}
table.main1 {
background-color:#FFFFFF;
}
table.main2 {
background-color:#CCCCCC;
}
td {
border-collapse:collapse;
text-align:center;
}

og voila, så spiller det, og så skal du kun opdatere et sted hvis du vil ændre farver

Synes godt om

x-masman Nybegynder

10. juli 2002 - 17:30 #7

hvad er name og class i
<table width="750" border="1" cellspacing="0" cellpadding="0" name="1" class="1">

Hvilken af dem er det der referere til baggrund 1 og 2

Synes godt om

x-masman Nybegynder

10. juli 2002 - 17:31 #8

smart:)

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 17:33 #9

det er class i dette tilfælde der skal bruges når det gælder css, men id kan også bruges, men det bruger man mere når det gælder en enkelt ting, med class kan du kalde flere ting den samme class, så bliver de ens

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 17:34 #10

men prøv dig frem, med linket jeg gav dig som hjælp

Synes godt om

x-masman Nybegynder

10. juli 2002 - 17:46 #11

hvorfor virker det her ikke?

<html>
<head>
<title>navn</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.1 {
background-color:#000000;
}
.2 {
background-color:#aaaaaa;
}
</style>

</head>

<body bgcolor="#000000" text="#aaaaaa">
<table align="center" width="600" border="0" cellspacing="0" height="50" name="1" class="1">
<tr>
<td bgcolor="#000000" width="119" height="24"><font face="arial" size="4" color="#aaaaaa">
<center><b>logo</b></center></font></td>

<td bgcolor="#000000" width="471" height="24"> </td>
</tr>
<tr>
<td bgcolor="#aaaaaa" height="25" width="119"><font face="arial" size="1,5" color="#000000">
<center>www.logo.dk</center></font></td>
<td bgcolor="#000000" height="25" width="471"> </td>

</tr>
</table>
<table align="center" width="600" border="0" cellspacing="0" height="316" name="2" class="2">
<tr>
<td width="121"> </td>
<td width="475"> </td>
</tr>
</table>

</body>
</html>

Synes godt om

x-masman Nybegynder

10. juli 2002 - 18:02 #12

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 18:03 #13

grå tabel på sort baggrund, virker her

Synes godt om

x-masman Nybegynder

10. juli 2002 - 18:09 #14

Nej.... Det er det uden om tabellerne der skal have farve... Ikke selve tabellerne. Altså baggrunden. ligesom på www.tv2.dk.

Synes godt om

x-masman Nybegynder

10. juli 2002 - 18:15 #15

kan det lade sig gøre?

Synes godt om

x-masman Nybegynder

10. juli 2002 - 18:43 #16

Synes godt om

x-masman Nybegynder

10. juli 2002 - 18:53 #17

Synes godt om

x-masman Nybegynder

10. juli 2002 - 19:24 #18

Synes godt om

x-masman Nybegynder

10. juli 2002 - 20:15 #19

er der andre der kan hjælpe mig?

Synes godt om

ztyxx Nybegynder

10. juli 2002 - 20:23 #20

du kan sætte den yderste tabel til en bredde på eks. 90%, og så sætte body baggrunden til en anden farve

Synes godt om

x-masman Nybegynder

10. juli 2002 - 22:48 #21

ja, men så ændre tabellen størrelse og det skal den ikke. Er der ikke andre muligheder end frames?

Synes godt om

x-masman Nybegynder

12. juli 2002 - 10:29 #22

Jeg brugte et andet design, men tak for hjælpen. Hvis du svarer vil jeg gerne give dig nogle point alligevel, som tak for at introducere mig for css. Kan man i dreamweaver gøre sådan at koden bliver skrevet i css istedet? kan man bede den om at oversætte det man allerede har skrevet?

Synes godt om

x-masman Nybegynder

20. august 2002 - 23:17 #23

nå, du vil ikke have pointene alligevel

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

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
TTY - EMULATOR FOR WINDOWS XP Af snestrup2000 i Programmeringsværktøjer	2	08/02/202615:24	08/02/202618:46
Capcha problemer Af Asky i Programmeringsværktøjer	0	02/03/202517:21	-
senior Af Uroda i Programmeringsværktøjer	1	22/06/202418:29	23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer	5	25/02/202421:45	27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer	3	21/02/202415:03	22/02/202409:08

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