Avatar billede rips Nybegynder
19. oktober 2003 - 18:59 Der er 10 kommentarer og
1 løsning

Css i dette html dokument

Heey... Jeg er igang med at lave mig en hjemmeside... den ser sådan her ud: (bare en skitse)
<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 2</title>
</head>

<body bgcolor="#000000" topmargin="0" leftmargin="100">

<table border="1" cellspacing="0" width="600" id="AutoNumber1" height="569" style="border-collapse: collapse" cellpadding="0">
  <tr>
    <td width="598" bordercolor="#000000" bgcolor="#FFFFFF" height="57" colspan="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="598" height="50" colspan="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="100" bgcolor="#FFFFFF" bordercolor="#000000" height="457" rowspan="2">&nbsp;</td>
    <td width="28" height="457" rowspan="2">&nbsp;</td>
    <td width="64" bgcolor="#C0C0C0" height="24">
    <p align="center">Om</td>
    <td width="64" bgcolor="#C0C0C0" height="24">
    <p align="center">Produkter</td>
    <td width="65" bgcolor="#C0C0C0" height="24">
    <p align="center">Søg</td>
    <td width="65" bgcolor="#C0C0C0" height="24">
    <p align="center">Support</td>
    <td width="65" bgcolor="#C0C0C0" height="24">
    <p align="center">Kontakt</td>
    <td width="28" height="457" rowspan="2">&nbsp;</td>
    <td width="111" bgcolor="#FFFFFF" height="457" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="327" bgcolor="#FFFFFF" height="433" colspan="5">&nbsp;</td>
  </tr>
</table>

</body>

</html>


Problemet er at jeg gerne vil ha sat noget .css ind i det. Hvor jeg f.eks. vil ha en af mine tabeller til at være grå. men jeg aner ikke hvor jeg skal sætte denne linie ind!?

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

Plz. Hjælp!
Avatar billede michael_stim Ekspert
19. oktober 2003 - 19:02 #1
i headern
Avatar billede joggy Nybegynder
19. oktober 2003 - 19:02 #2
Linien så vidt jeg ved skal være under imellem de 2 head.. Det er i hvertfald er jeg sætter dem på mine hjemmesider.. Og det plejer at virke :)
Avatar billede rips Nybegynder
19. oktober 2003 - 19:03 #3
ja, men nu skal det jo kun være i en af de tabeller der er!? ikke hele siden!
Avatar billede Slater Ekspert
19. oktober 2003 - 19:06 #4
Jamen det er jo netop det smarte ved CSS - det gælder for hele tiden.

Hvis du kun vil have en af dine tabeller til at blive grå, må du enten lave in-line CSS, eller give den en class.
Hvis du skal have hjælp med det, kræver det lidt at vi får din CSS-fil at se.
Avatar billede michael_stim Ekspert
19. oktober 2003 - 19:06 #5
sät baggrunden til tabellen som grå
Avatar billede mr-super Nybegynder
19. oktober 2003 - 19:07 #6
<html>

<head>
<link rel="stylesheet" type="text/css" href="graa.css"
<title>Side titel</title>
</head>

<body bgcolor="#000000" topmargin="0" leftmargin="100">

<table border="1" cellspacing="0" width="600" id="AutoNumber1" height="569" style="border-collapse: collapse" cellpadding="0">
  <tr>
    <td width="598" bordercolor="#000000" bgcolor="#FFFFFF" height="57" colspan="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="598" height="50" colspan="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="100" bgcolor="#FFFFFF" bordercolor="#000000" height="457" rowspan="2">&nbsp;</td>
    <td width="28" height="457" rowspan="2">&nbsp;</td>
    <td width="64" bgcolor="#C0C0C0" height="24">
    <p align="center">Om</td>
    <td width="64" bgcolor="#C0C0C0" height="24">
    <p align="center">Produkter</td>
    <td width="65" bgcolor="#C0C0C0" height="24">
    <p align="center">Søg</td>
    <td width="65" bgcolor="#C0C0C0" height="24">
    <p align="center">Support</td>
    <td width="65" bgcolor="#C0C0C0" height="24">
    <p align="center">Kontakt</td>
    <td width="28" height="457" rowspan="2">&nbsp;</td>
    <td width="111" bgcolor="#FFFFFF" height="457" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="327" bgcolor="#FFFFFF" height="433" colspan="5">&nbsp;</td>
  </tr>
</table>

</body>

</html>
Avatar billede rips Nybegynder
19. oktober 2003 - 19:15 #7
sådan her ser mit .css ud...

body {
    background-color: #FFCC66;
    background-image: url("tern.gif");
}
h1 {
    color: #990000;
    background-color: #FC9804;
}
Avatar billede gil-galad Nybegynder
19. oktober 2003 - 20:23 #8
<html>

<head>
<link rel="stylesheet" type="text/css" href="graa.css">
<title>Side titel</title>
</head>

<body bgcolor="#000000" topmargin="0" leftmargin="100">

<table border="1" cellspacing="0" width="600" id="AutoNumber1" height="569" style="border-collapse: collapse" cellpadding="0">
  <tr>
    <td width="598" bordercolor="#000000" class="graatabel" height="57" colspan="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="598" height="50" colspan="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="100" class="graatabel" bordercolor="#000000" height="457" rowspan="2">&nbsp;</td>
    <td width="28" height="457" rowspan="2">&nbsp;</td>
    <td width="64" class="graatabel" height="24">
    <p align="center">Om</td>
    <td width="64" class="graatabel" height="24">
    <p align="center">Produkter</td>
    <td width="65" class="graatabel" height="24">
    <p align="center">Søg</td>
    <td width="65" class="graatabel" height="24">
    <p align="center">Support</td>
    <td width="65" class="graatabel" height="24">
    <p align="center">Kontakt</td>
    <td width="28" height="457" rowspan="2">&nbsp;</td>
    <td width="111" class="graatabel" height="457" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="327" class="graatabel" height="433" colspan="5">&nbsp;</td>
  </tr>
</table>

</body>

</html>

^^ din HTML
din css:body {
    background-color: #FFCC66;
    background-image: url("tern.gif");
}
h1 {
    color: #990000;
    background-color: #FC9804;
}
#graatabel{
    background-color: gray;
}

sådan fx
Avatar billede michael2004 Nybegynder
21. oktober 2003 - 10:03 #9
Hej

(bruges til eksterne stylesheets !)
<link rel="stylesheet" type="text/css" href="stien til dit.CSS>

Det som du gerne ville have er et "embedded" stylesheet

EKS:

<html>
<head>
<title>din hjemmeside</title>
<STYLE type="text/css>

HER KOMMER SÅ DIT STYLESHEET !
body {
    background-color: #FFCC66;
    background-image: url("tern.gif");
}
h1 {
    color: #990000;
    background-color: #FC9804;
}
</style>
</head>
<body>

bla bla bla !

</body>
</html>
håber du kan bruge det ?
Avatar billede Slater Ekspert
21. oktober 2003 - 10:29 #10
spiffsen's kode har en mindre fejl:

<td width="598" bordercolor="#000000" class="graatabel" height="57" colspan="9">&nbsp;</td>

#graatabel{
    background-color: gray;
}

der skal stå .graatabel i stedet. Hash (#) bruges hvis du giver den et ID, ikke en class.
Ellers ser den korrekt ud.
Avatar billede gil-galad Nybegynder
21. oktober 2003 - 17:53 #11
ups ja...
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
Kurser inden for grundlæggende programmering

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