Søg
Avatar billede serverkudsk Nybegynder
28. maj 2003 - 23:05 Der er 10 kommentarer og
2 løsninger

Hvordan bruger jeg css, på flere sider??

jeg har flere side (med <LINK REL="StyleSheet" HREF="style.css" type="text/css" MEDIA="screen">) som kobler op på den samme style.css men der er forskellige indstillinger til bund, top, menu, osv. hvordan gør jeg det??

Eks.

fælles, der skal ikke være understregning på link

Bung skal skrive i størrelse 10

Menu skal have overline and underline

Top skal være i størrelse 17
Avatar billede schaefner Juniormester
28. maj 2003 - 23:10 #1
Du kan sikker se ideén:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {font: 12px verdana,arial,sans-serif}
a {text-decoration: none; color: clue}
.menu a {text-decoration: overline underline}
.top {font: 17px}
.bund {font: 10px}
</style>
</head>

<body>

<div class="top">Top</div>
<div class="menu"><a href="etlink.html">Et link</a></div>
<div class="bund">Bund</div>

</body>
</html>
Avatar billede schaefner Juniormester
28. maj 2003 - 23:14 #2
Men hvis du gav en lidt bedre forklaring, ville det være nemmere at komme med et korrekt svar.
Avatar billede serverkudsk Nybegynder
28. maj 2003 - 23:22 #3
Jeg har en css fil som ser sådan ud:

/* http://www.dangtrong.com/intro_css/index.html */
/* http://www.htmlhelp.com/tools/csscheck/ */

body     {
        /* Scrollbar - Hvordan scrollbaren skal se ud */
       
        scrollbar-3d-light-color:#FFFFFF;
        scrollbar-arrow-color:#000000;
        scrollbar-track-color:#6B84A5;
        scrollbar-dark-shadow-color:#C6D6DE;
        scrollbar-face-color:#C6D6DE;
        scrollbar-highlight-color:#C6D6DE;
        scrollbar-shadow-color:#000000;
       
        /* Margin */
       
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding: 0px;
       
        /* Baggrund */
       
        background-color: #ffffff;
        background: url(images/left_bg.gif);
        background-repeat: repeat-y;

        /* Skrift */
       
        font-family: Verdana, Arial, Sans-serif;
        color: #000000;
        }
       
p {text-decoration: none; color: clue}
.menu a {text-decoration: overline underline}
.top {font: 17px}
.bund {font: 10px}
         
A:link     {   
        font-size: 10px;
        font-family: Verdana, Arial, Sans-serif; color: #000000;
        color: #000000;
        text-decoration: none;
        }

A:visited {   
        font-size: 10px;
        font-family: Verdana, Arial, Sans-serif; color: #000000;
        color: #000000;
        text-decoration: none;
        }

A:active {   
        font-size: 10px;
        font-family: Verdana, Arial, Sans-serif; color: #000000;
        color: #000000;
        text-decoration: none;
        }
       
A:hover {
        font-size: 10px;
        font-family: Verdana, Arial, Sans-serif; color: #000000;
        color: #FF0000;
        text-decoration: none;
        }
Avatar billede serverkudsk Nybegynder
28. maj 2003 - 23:22 #4
og så har jeg eks. en side som hedder bund, den ser sådan un:

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

<body topmargin="0" leftmargin="0">

<div align="center">
  <center>
  <table border="0" width="800" cellspacing="0" cellpadding="0" bgcolor="#00FFFF">
    <tr>
      <td width="100%" valign="top">
        <p class="bund" align="center">Bund</td>
    </tr>
  </table>
  </center>
</div>
Avatar billede serverkudsk Nybegynder
28. maj 2003 - 23:23 #5
det virker ikke!
Avatar billede schaefner Juniormester
28. maj 2003 - 23:25 #6
Prøver lige at rette det.
Avatar billede schaefner Juniormester
28. maj 2003 - 23:30 #7
Uden at jeg fatter særlig meget af din kode, har jeg forsagt at lave dette:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
    /* Scrollbar - Hvordan scrollbaren skal se ud */
    scrollbar-3d-light-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #6B84A5;
    scrollbar-dark-shadow-color: #C6D6DE;
    scrollbar-face-color: #C6D6DE;
    scrollbar-highlight-color: #C6D6DE;
    scrollbar-shadow-color: #000000;
    /* Margin */
    margin: 0;
    padding: 0px;
    /* Baggrund */
    background-color: #ffffff;
    background: url(images/left_bg.gif);
    background-repeat: repeat-y;
    /* Skrift */
    font: 12px verdana, arial, sans-serif;
}
.menu a {text-decoration: overline underline}
.top {font: 17px}
.bund {font: 10px}

a {font: 10px verdana,arial,sans-serif; color: #000000; text-decoration: none}
a:hover {color: #FF0000}
</style>
</head>

<body>

<center>
  <table border="0" width="800" cellspacing="0" cellpadding="0" bgcolor="#00FFFF">
    <tr>
      <td width="100%" valign="top" class="bund" align="center">Bund</td>
    </tr>
  </table>
</center>

</body>
</html>
Avatar billede serverkudsk Nybegynder
28. maj 2003 - 23:32 #8
jeg tror at jeg har fået det til at virke, arbejder lige lidt mere med det.
Avatar billede schaefner Juniormester
28. maj 2003 - 23:36 #9
et svar i grunden

/Jesper Sørensen
Avatar billede roenving Novice
29. maj 2003 - 01:14 #10
-- hvis du skal have forskellige styles på samme slags tags i forskellige frames skal du beskrive hierarkiet -- f.eks. sådan her (# betyder id, ikke name):

#top *{
font-size: 17pt;
}

#menu *{
text-decoration-overline:true;
text-decoration-underline:true;
}

#bund *{
font-size: 10pt;


a, a:hover{
text-decoration:none
}

hth
jes
Avatar billede roenving Novice
29. maj 2003 - 01:15 #11
-- og der manglede selvfølge lig en }  .-|

#bund *{
font-size: 10pt;
}
Avatar billede roenving Novice
02. juni 2003 - 15:49 #12
Takker for points ;~}
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »