Avatar billede Morten Nybegynder
09. december 2005 - 11:29 Der er 7 kommentarer og
1 løsning

css på included fil

Hej

Vi har en del dokumenter som hver især høre til en gruppe.

For hver af disse grupper eksisterer der et css ark.

Det fungerer kanon, MEN på alle sider includerer vi en top og denne har sin eget css ark.

Hvordan for jeg det ark med ?
Jeg kan jo inkluderer det i alle gruppernes css ark, men en ændring vil så betyde at der skal ændres flere steder, findes der ikke en anden måde at løse det på ???
Avatar billede Morten Nybegynder
09. december 2005 - 11:30 #1
har sin eget = har sit eget
hvordan for jeg = hvordan får jeg

Og staveplade ønskes... ;O)
Avatar billede fennec Nybegynder
09. december 2005 - 11:41 #2
Du kan godt have flere CSS på en side:

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

Så lav et CSS til toppen, og includer det sammen med det gruppe-CSS'et.
Avatar billede fennec Nybegynder
09. december 2005 - 11:50 #3
Det smarte her er at det sidst forkommende style overstyre et tidligere. Så har du f.eks et td{..style..} i begge CSS filer, er det den sidste der er gældende. Man kan derfor lave et CSS med en masse default værdier i, også behøver man kun at overstyre dem:
<link rel="stylesheet" type="text/css" href="default.css">
<link rel="stylesheet" type="text/css" href="groupStyle.css">
<link rel="stylesheet" type="text/css" href="topStyle.css">

på den måde kan du undgå at det samme style står i alle dine gruppe-CSS'er, og er der et par stykker som er anderledes, overstyre du dem bare :o)
Avatar billede fennec Nybegynder
09. december 2005 - 11:58 #4
Det er desuden helt ned på attribut niveau, så har du en div med brede, højde og baggrundsfarve, og det kun er farven der skal ændres er det nok kun at have den med:

default:
.minDiv{width:200px;height:50px;background-color:red;}

overstyr:
.minDiv{background-color:blue;}
Avatar billede Morten Nybegynder
09. december 2005 - 11:59 #5
Men jeg kan ikke få det til at virke...

f.eks.:

---Gruppe css---
a {
    cursor: hand;
    text-decoration: none;
}
a:visited {
    color: #0000FF;
    text-decoration: none;
}

---heac css---
a.head:link {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
a.head:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
a.head:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    text-decoration: underline;
}
a.head:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

--- Og i min fil ---

                      <td class="head_out" onmouseover="this.className='head_over'" onmouseout="this.className='head_out'" align="center" width="160"><a href="/customer_info/customer_info_start.php" target="_self"><? echo $txt01260; ?></a></td>


og det virker ikke den tager ikke værdierne fra head.css???
Avatar billede Morten Nybegynder
09. december 2005 - 12:00 #6
Du får lige min head:

    <link href="/styles/order_info_new.css" rel="stylesheet" type="text/css">
    <link href="/styles/head.css" rel="stylesheet" type="text/css">
Avatar billede Morten Nybegynder
09. december 2005 - 12:03 #7
Hold da ferie - jeg har jo ingen klasse på mit a tag - vent lige lidt
Avatar billede Morten Nybegynder
09. december 2005 - 12:05 #8
Det virker bare for perfekt - og det er sq smart det med overstyringen - det vidste jeg ikke.... tusind tak for hjælpen...!!!
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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