hej.
Jeg har skrevet hoved div tagen ind på følgende måde i html filen:
<div id="hoved"></div>
Når jeg fx har skrevet div tagenes mål inde i mit css til hoved div, så ser det sådan ud:
#hoved {
width: 700px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
}
hva skal jeg så gøre for at se det der er blevet skrevet i CSS filen i Html dokumentet?
DIV Tags
-
Daniel
- Admin
- Indlæg:625
- Tilmeldt:14. jun 2011, 09:27
- Geografisk sted:Danmark, Fyn, Nørre Aaby
- Kontakt:
Re: DIV Tags
Hej AzizWadi92.
Velkommen til NemProgrammering.dk
Når du arbejder med CSS styling i et særskilt dokument skal du indsætte en lille kode i din for at ændringerne vises.
Koden ser sådan ud:
Så hvis du har kaldt din CSS fil for style.css og den ligger i samme mappe som din HTML fil så skal koden se sådan ud:
Ligger den dog i en anden mappe skal du huske at føre den mappe på stien også da den ellers ikke vil kunne finde din CSS fil.
Velkommen til NemProgrammering.dk
Når du arbejder med CSS styling i et særskilt dokument skal du indsætte en lille kode i din
Kode: Vælg alt
<head></head>Koden ser sådan ud:
Kode: Vælg alt
<link rel="stylesheet" href="Placering" type="text/css"/>Kode: Vælg alt
<link rel="stylesheet" href="style.css" type="text/css"/>-
AzizWadi92
- Begynder
- Indlæg:22
- Tilmeldt:17. maj 2012, 14:02
Re: DIV Tags
okay sådan perfekt, nu virker det.
Tak for hjælpen
Tak for hjælpen
-
AzizWadi92
- Begynder
- Indlæg:22
- Tilmeldt:17. maj 2012, 14:02
Re: DIV Tags
men når jeg så skal oprette et til div tag inden i det første div tag så kan stylingen jeg skriver ind for det nye div tag ikke ses?
-
Daniel
- Admin
- Indlæg:625
- Tilmeldt:14. jun 2011, 09:27
- Geografisk sted:Danmark, Fyn, Nørre Aaby
- Kontakt:
Re: DIV Tags
Kan du eventuelt prøve at sende hele din HTML fil og din CSS fil?
-
AzizWadi92
- Begynder
- Indlæg:22
- Tilmeldt:17. maj 2012, 14:02
Re: DIV Tags
html:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="csstyle.css" type="text/css"/>
</head>
<body>
<div id="hoved">
<div id="top"> her kan du sætte logo ind </div>
<div id="menu"> her kan du indsætte en menu </div>
<div id="indhold"> her skal indholdet være </div>
</div>
</body>
</html>
css:
#hoved {
width: 700px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
}
#top {
width: 600px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
}
#menu {
width: 100px;
height: 600px;
border-style: solid;
border-width: thin;
margin-left: 50px;
float: left;
}
#indhold {
width: 470px;
height: 600px;
border-style: solid;
border-width: thin;
margin-right: 50px;
float: right;
}..........
alle div tagsne bliver vist på nær den sidste. det er som om at hver gang jeg foretager en ændring eller skriver noget i mit css dokument, sker der ingen ændringer i browseren?
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="csstyle.css" type="text/css"/>
</head>
<body>
<div id="hoved">
<div id="top"> her kan du sætte logo ind </div>
<div id="menu"> her kan du indsætte en menu </div>
<div id="indhold"> her skal indholdet være </div>
</div>
</body>
</html>
css:
#hoved {
width: 700px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
}
#top {
width: 600px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
}
#menu {
width: 100px;
height: 600px;
border-style: solid;
border-width: thin;
margin-left: 50px;
float: left;
}
#indhold {
width: 470px;
height: 600px;
border-style: solid;
border-width: thin;
margin-right: 50px;
float: right;
}..........
alle div tagsne bliver vist på nær den sidste. det er som om at hver gang jeg foretager en ændring eller skriver noget i mit css dokument, sker der ingen ændringer i browseren?
-
Daniel
- Admin
- Indlæg:625
- Tilmeldt:14. jun 2011, 09:27
- Geografisk sted:Danmark, Fyn, Nørre Aaby
- Kontakt:
Re: DIV Tags
Hej igen.
Det er et typisk problem som mange har, løsningen på det er bare at opdatere din browser.
Det er ikke altid at den opdatere helt som man vil, så hvis du trykker F5 burde det være fint igen.
Det er et typisk problem som mange har, løsningen på det er bare at opdatere din browser.
Det er ikke altid at den opdatere helt som man vil, så hvis du trykker F5 burde det være fint igen.
-
AzizWadi92
- Begynder
- Indlæg:22
- Tilmeldt:17. maj 2012, 14:02
Re: DIV Tags
okay, har lige fundet ud af at det var det der var problemet. jeg gik bare udfra browseren opdaterde af sig selv.
men mange tak for hjælpen!
men mange tak for hjælpen!