Avatar billede lch Nybegynder
19. februar 2001 - 16:56 Der er 10 kommentarer og
1 løsning

Nybegynder i css

Er ved at prøve mig frem med at bruge css. Har fundet en stor hjælp i www.html.dk, men får problemer når jeg prøver at lave mine egne standard overskrifter. Jeg bruger Stones Web Writer og hver gang jeg prøver at bruge mine egne predefinerede overskrifter er det Stones oveskrifter som bruges. I Stones er der 6 overskrifter fra H1 - H6. Har prøvet at læse mig frem til om disse overskrifter kan ændres men kan ikke finde noget. Jeg har prøvet at kalde mine overskrifter i style.css for h7 og opefter.
Hvad gør jeg forkert?
Avatar billede keysersoze Ekspert
19. februar 2001 - 17:00 #1
det er ikke kun i style.css der skal ændres - også i html-filen.

har du fx h7 i din .css fil kan du fx gøre sådan på din html-side for at få det til at virke

<span id=\"h7\">HEJ!</span>

og så skal du selvfølgelig husk at kalde til .css i dit html-dokument!
Avatar billede lch Nybegynder
19. februar 2001 - 17:56 #2
Virker ikke!
Mit style.css ser sådan her ud:

body {
    background-color: #6E9CBB;
    border-left: thin solid rgb(0,0,0);
    border-top: thin solid rgb(0,0,0);
}

table {
    background-color: #6E9CBB;
}

h7 {
    font: italic bold 120% verdana, sans-serif;
    font-color: #FFFFFF;
}
h8 {
    font: bold 120% verdana, sans-serif;
    font-color: #000000;
}

Avatar billede lch Nybegynder
19. februar 2001 - 17:57 #3
Body og table virker godt nok!
Avatar billede tommyf Nybegynder
19. februar 2001 - 18:33 #4
Jeg tror at det han vil have er hvordan han kontrollere den her:
<h1>OVERSKRIFT</h1>
Så den f.eks bliver 12px
Avatar billede lch Nybegynder
19. februar 2001 - 18:38 #5
Han er godt nok hunkøn men no hard feelings!

Men det er godt nok sådan som du siger. Når jeg sætter span ind ændres hverken farve eller noget andet.
Avatar billede lch Nybegynder
19. februar 2001 - 18:40 #6
Jeg bliver lige nødt til at smutte til bestyrelsesmøde men håber på flere svar senere i aften.
Avatar billede tommyf Nybegynder
19. februar 2001 - 18:40 #7
*host* okay *host*
Jeg har selv prøvet på at lavet det et stykke tid... but no luck.
Avatar billede keysersoze Ekspert
20. februar 2001 - 08:43 #8
du har en ekstern fil der hedder style.css og du har en anden der hedder xxx.html- rigtigt?

fortæller du i xxx.html, at der skal refereres til style.css?
Avatar billede keysersoze Ekspert
20. februar 2001 - 08:47 #9
index.html:

<html>
<head>
<title>291100</title>

<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">

<link rel=\"stylesheet\" href=\"../style.css\"></head>

<span id=\"h1\">test</span>

</body>
</html>

----------------------

style.css:

#h1 { 
      font-family: Verdana, Arial, Helvetica, sans-serif}

-----------

har ikke testet det - men det er umiddelbart et forsøg...
Avatar billede tommyf Nybegynder
20. februar 2001 - 13:18 #10
Det er det her hun vil kunne ændre:
<h1>Tekst i størrelse H1</h1>
Avatar billede lch Nybegynder
20. februar 2001 - 23:33 #11
Beklager den sene respons.
Jeg har nu prøvet mig frem og nu virker det. Mit style.css havde lagt sig i roden i stedet for i det bibliotek som jeg fra starten havde oprettet. Læste et sted, at hvis man skal bruge den samme overskriftsdefinition flere steder på samme side og benytter span, er det class man bruger og ikke id.

Mit style.css ser nu sådan her ud:

body {
    background-color: #6e9cbb;
    border-left: thin solid rgb(0,0,0);
    border-top: thin solid rgb(0,0,0);
}

table {
    background-color: #6e9cbb;
    border: 0;
    cellpadding: 6;
}

h1 {
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana, ariel, sans-serif;
    color: #ffffff;
}

span.txt {
    font-weight: bold;
    font-size: 12px;
    font-family: verdana, ariel, sans-serif;
    color: #ffffff;
}

font {
    font-size: 12px;
    font-family: verdana, ariel, sans-serif;
    color: #000000;
}

(Jeg ved godt at table ikke er i orden endnu!)

Sådan ser span ud i html:

<span class=\"txt\">15.01.2001:</span>
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