Avatar billede jedimaster Nybegynder
03. april 2007 - 10:18 Der er 5 kommentarer og
1 løsning

Central angivelse af layers

Hey.

Jeg er ny på området med layers. Jeg har tidligere opbygget mine sider i tabeller, men nu bruger jeg layers. Da jeg har flere sider der skal have samme opbygning, har jeg prøvet at angive højde, farve, længde ect. i et CSS dokument, men så sker der ikke noget. Kun når jeg angiver de ønskede data i hver enkelt html dokument, formaterer layerne (eller lagene og man vil) sig som jeg vil have dem. Men hvis jeg så ønsker at ændre højden, så skal jeg jo gøre det i hvert dokument.

Spørgsmål:
Hvordan kan jeg centralt angive de forskellige data som "styrer" layers, feks. i en CSS fil??

Takker, ja og god påske.
Avatar billede roenving Novice
03. april 2007 - 13:32 #1
Du skriver da bare dine style-rules i et dokument og linker det ind, f.eks. sådan:

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

-- og så skal du huske, at der ikke må være html i css-dokumentet, så heller ikke <style></style>-tags må være der !-)
Avatar billede jedimaster Nybegynder
03. april 2007 - 13:39 #2
Følgende står i mit css-doc:
#top {
    position:absolute;
    left:120px;
    top:0px;
    width:760;
    height:114;
    z-index:1;
    background-image: url(/images/logo.gif);
}
#menu {
    position:absolute;
    left:120;
    top:114;
    width:760;
    height:30;
    z-index:2;
    background-image: url(/images/gradient.png);
}
#main {
    position:relative;
    left:120;
    top:144;
    width:760;
    height:309px;
    z-index:3;
    background-color: #FFFFFF;
    overflow: auto;
    visibility: visible;
}
#buttom {
    position:absolute;
    left:120px;
    top:453px;
    width:760;
    height:10;
    z-index:4;
}

#menu1 {
    position:absolute;
    left:130px;
    top:154;
    width:365;
    height:273px;
    z-index:5;
    visibility: inherit;
}
#menu2 {
    position:absolute;
    left:505px;
    top:154px;
    width:365;
    height:274px;
    z-index:6;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: normal;
    color: #333333;
    background-color: #628FB4;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

Følgende står i mit html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<link href="standard.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="top"></div>
<div id="menu"></div>
<div id="main"></div>
<div id="buttom"></div>
</body>
</html>

Men det virker ikke!
Avatar billede roenving Novice
03. april 2007 - 13:46 #3
Husk at længder i css _skal_ angives med enheder, ellers _må_ css-fortolkeren ikke tage dem alvorligt, medmindre længden er 0 !-)

-- så f.eks. top-style-reglen skal se således ud:

#top {
    position:absolute;
    left:120px;
    top:0;
    width:760px;
    height:114px;
    z-index:1;
    background-image: url(/images/logo.gif);
}

-- i øvrigt ser det da mærkeligt ud, at du benytter absolut positionering, det må da give nogle mærkværdigheder, når dit dokument støder ind i forskellige browser-størrelser ?-)

-- og du har selvfølgelig kontrolleret, at stylesheetet ligger i samme bibliotek som html-dokumentet ?o]
Avatar billede jedimaster Nybegynder
03. april 2007 - 16:20 #4
Det med position er jeg ikke komme til :-) Først skulle jeg lige have browseren til at vise noget.
Og CSS-dok. ligger i selv samme bib som htmlfilen.

Så den skulle vist være fjong. Hvis du giver et svar, så har jeg nogle point.
Avatar billede roenving Novice
03. april 2007 - 16:29 #5
Oki '-)
Avatar billede roenving Novice
03. april 2007 - 22:07 #6
-- og tak for point ;~}
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