Avatar billede axel21 Juniormester
21. september 2006 - 19:46 Der er 10 kommentarer og
1 løsning

Hjælp til CSS?

Jeg har følgende i min index.html
<html>
<head>
<title>Mit dokument</title>
<link rel="stylesheet" type="text/css" href="Style/style.css">
</head>
<body>
</body>
</html>

Så har jeg lavet en mappe der hedderStyle hvori der ligger en fil der hedder style.css!

men når jeg logger på min hjemmeside er den bare blank, nogle der kan hjælpe?
Avatar billede axel21 Juniormester
21. september 2006 - 20:30 #1
Har fundet ud af at hvis jeg sletter, alt i Style og bare ligger en alm. background så reagere den fint, så det må være noget inde i filen.. Kan sende filen hvis nogle ville være behjælpelige med at fixe det... evt.via msn
Avatar billede jowii Nybegynder
22. september 2006 - 08:26 #2
Hvad er det helt præcist du har problemer med? At finde css-filen?

Hvis dette er tilfældet, så check at <link rel="stylesheet" type="text/css" href="Style/style.css"> denne sti er 100% rigtig, og uden nogen form for fejl :-)

Ellers må du beskrive dit problem lidt mere nøje - det skal kunne lade sig gøre at lave en ekstern css-fil.
Avatar billede axel21 Juniormester
22. september 2006 - 09:43 #3
Okay, jeg lavede et page layout på en alm. html side. Så fandt jeg ud af at jyeg kunne bruge det layout på alle siderne, ved at lave den style.css fil. Det VIRKER også godt nok, men ikke den fil jeg har lavet. Men hvis jeg f.eks. sætter en simpel kommando ind som
body {
    background-color: #FF0000;
}

Men min fil virker ikke, så jeg ville gerne have nogle til at kigge på den hvis det var muligt, jeg udlover herved 100 point extra for hjælp til op klaring..
Avatar billede sw_red_6 Nybegynder
22. september 2006 - 09:48 #4
hvis du skriver indholdet af din css fil her er der flere der kan hjælpe.
Hvor er det du skriver
body {
    background-color: #FF0000;
}
i css filen eller html filen?
Avatar billede axel21 Juniormester
22. september 2006 - 10:10 #5
Jeg skriver det i CSS filen, og det fungerer fint, min baggrund bliver rød. Det der ikke virker er en anden fil jeg har lavet, som jeg gerne vil have en til at se på..
Avatar billede jowii Nybegynder
22. september 2006 - 10:22 #6
Ok - giv et link til filen, eller skriv filens indhold.
Avatar billede axel21 Juniormester
22. september 2006 - 10:27 #7
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<title>MIN SIDE</title>

<html>

<head>

<script LANGUAGE="JAVASCRIPT" TYPE="text/javascript">       
<!--Hide       
function home_date() {       
  date = new Date();       
  var day_number = date.getDay();       
  var todays_date = date.getDate();       
  var month_number = date.getMonth();       
  var year = date.getYear();       
  var day_name = '';       
  var month_name = ''       
  if(day_number == 0){day_name = 'søndag';}       
  if(day_number == 1){day_name = 'mandag';}       
  if(day_number == 2){day_name = 'tirsdag';}       
  if(day_number == 3){day_name = 'onsdag';}       
  if(day_number == 4){day_name = 'torsdag';}       
  if(day_number == 5){day_name = 'fredag';}       
  if(day_number == 6){day_name = 'lørdag';}       
  if(month_number == 0){month_name = 'januar';}       
  if(month_number == 1){month_name = 'februar';}       
  if(month_number == 2){month_name = 'marts';}       
  if(month_number == 3){month_name = 'april';}       
  if(month_number == 4){month_name = 'maj';}       
  if(month_number == 5){month_name = 'juni';}       
  if(month_number == 6){month_name = 'juli';}       
  if(month_number == 7){month_name = 'august';}       
  if(month_number == 8){month_name = 'september';}       
  if(month_number == 9){month_name = 'oktober';}       
  if(month_number == 10){month_nme = 'november';}       
  if(month_number == 11){month_name ='december';}       
  if(year <= 100){year +=1900;}       
var dateline = day_name + ' ' + todays_date + '. ' + month_name + ' ' + year + ' ';       
document.write(dateline);       
}       
// End hide -->       
</script> 

<style type="text/css">

body

{
background: #FFFFFF url(BILLEDER) no-repeat fixed center;
}


body{
font-family:verdana,arial,sans-serif;
background-color:#ffffFF;
background-image:url(BILLEDER);
background-norepeat:norepeat-y;
color:black;
margin:0px;
padding:0px;
font-size:0.8em;
}

#topbar{
position:absolute;
top:0px;
left:0px;
height:80px;
width:100%;
background:url(BILLEDER);
color:black;
}

#indhold{
padding-top:510px;
padding-left:600px;
padding-right:150px;
}

#menublok{
position:absolute;
top:80px;
left:0px;
width:170px;
height:510px;
background:#ffff99 url(baggrund.gif) repeat-y;
font-family:verdana,arial,sans-serif;
font-size:0.8em;
color:black
}

h1{
font-size:1em;
}

a{
font-size:2.0em;
padding:3px;
color:navy;
background:transparent;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:red;
background:transparent;
}

 


</style>

<div id="topbar">TEST TEST TEST</div>

<div id="indhold">Det er i dag <script LANGUAGE="JAVASCRIPT" TYPE="text/javascript">home_date();</script>  </div>

<div id="menublok">
<a href="side1.htm">Side 1</a><br>
<a href="side2.htm">Side 2</a><br>
<a href="side3.htm">Side 3</a><br>
<a href="side4.htm">Side 4</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


<!-- Start på tæller script -->
<%
Set fs = CreateObject("Scripting.FileSystemObject")
Wfile=server.mappath("/counter.txt")
on error resume next
Set count = fs.OpenTextFile(Wfile)
hits = Clng(count.ReadLine)
count.close
If Not session("isCounted") Then
hits = hits + 1
count.close
if error then
hits = 1
end if
Set count = fs.CreateTextFile(Wfile,True)
count.WriteLine(hits)
count.Close
session("isCounted") = True
End If
%>

<!-- Slut på tæller script -->

<center>
<h5><p>Antal besøg: <%=hits%></p></h5>
</center>

<!--Start 20/9-2006-->

</div>

</body>

</head>

</html>
Avatar billede jowii Nybegynder
22. september 2006 - 11:19 #8
Du har da intet body-start-element?

Du skriver body i starten af dokumentet, men det skal først ned, efter alt css. Du skal angive alt css i head-sektionen.

Sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MIN SIDE</title>
<script LANGUAGE="JAVASCRIPT" TYPE="text/javascript">       
<!--Hide       
function home_date() {       
  date = new Date();       
  var day_number = date.getDay();       
  var todays_date = date.getDate();       
  var month_number = date.getMonth();       
  var year = date.getYear();       
  var day_name = '';       
  var month_name = ''       
  if(day_number == 0){day_name = 'søndag';}       
  if(day_number == 1){day_name = 'mandag';}       
  if(day_number == 2){day_name = 'tirsdag';}       
  if(day_number == 3){day_name = 'onsdag';}       
  if(day_number == 4){day_name = 'torsdag';}       
  if(day_number == 5){day_name = 'fredag';}       
  if(day_number == 6){day_name = 'lørdag';}       
  if(month_number == 0){month_name = 'januar';}       
  if(month_number == 1){month_name = 'februar';}       
  if(month_number == 2){month_name = 'marts';}       
  if(month_number == 3){month_name = 'april';}       
  if(month_number == 4){month_name = 'maj';}       
  if(month_number == 5){month_name = 'juni';}       
  if(month_number == 6){month_name = 'juli';}       
  if(month_number == 7){month_name = 'august';}       
  if(month_number == 8){month_name = 'september';}       
  if(month_number == 9){month_name = 'oktober';}       
  if(month_number == 10){month_nme = 'november';}       
  if(month_number == 11){month_name ='december';}       
  if(year <= 100){year +=1900;}       
var dateline = day_name + ' ' + todays_date + '. ' + month_name + ' ' + year + ' ';       
document.write(dateline);       
}       
// End hide -->       
</script> 
<style type="text/css">
{
background: #FFFFFF url(BILLEDER) no-repeat fixed center;
}
body{
font-family:verdana,arial,sans-serif;
background-color:#ffffFF;
background-image:url(BILLEDER);
background-norepeat:norepeat-y;
color:black;
margin:0px;
padding:0px;
font-size:0.8em;
}

#topbar{
position:absolute;
top:0px;
left:0px;
height:80px;
width:100%;
background:url(BILLEDER);
color:black;
}

#indhold{
padding-top:510px;
padding-left:600px;
padding-right:150px;
}

#menublok{
position:absolute;
top:80px;
left:0px;
width:170px;
height:510px;
background:#ffff99 url(baggrund.gif) repeat-y;
font-family:verdana,arial,sans-serif;
font-size:0.8em;
color:black
}

h1{
font-size:1em;
}

a{
font-size:2.0em;
padding:3px;
color:navy;
background:transparent;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:red;
background:transparent;
}
</style>
</head>
<body>
<div id="topbar">TEST TEST TEST</div>
<div id="indhold">Det er i dag <script LANGUAGE="JAVASCRIPT" TYPE="text/javascript">home_date();</script></div>
<div id="menublok">
<a href="side1.htm">Side 1</a><br>
<a href="side2.htm">Side 2</a><br>
<a href="side3.htm">Side 3</a><br>
<a href="side4.htm">Side 4</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!-- Start på tæller script -->
<%
Set fs = CreateObject("Scripting.FileSystemObject")
Wfile=server.mappath("/counter.txt")
on error resume next
Set count = fs.OpenTextFile(Wfile)
hits = Clng(count.ReadLine)
count.close
If Not session("isCounted") Then
hits = hits + 1
count.close
if error then
hits = 1
end if
Set count = fs.CreateTextFile(Wfile,True)
count.WriteLine(hits)
count.Close
session("isCounted") = True
End If
%>
<!-- Slut på tæller script -->
<center>
<h5><p>Antal besøg: <%=hits%></p></h5>
</center>

<!--Start 20/9-2006-->

</div>

</body>
</html>


Så skal du ikke lave <br> som mellemrum/luft, der skal du bruge p'er hvorpå du angiver margin/padding. Og hvis du skal have baggrund på din side, så anngiv det hellere i body. Fx

body {background-color: red;}

Ved ikke om det vil hjælpe, har ikke tid til at checke det lige nu. Men hjælper det ikke, så skal jeg nok hjælpe dig videre senere..
Avatar billede jowii Nybegynder
22. september 2006 - 12:01 #9
Og hvis du skal kalde en ekstern fil, så gør du således:
I din html-fil skriver du:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MIN SIDE</title>
<script LANGUAGE="JAVASCRIPT" TYPE="text/javascript">       
<!--Hide       
function home_date() {       
  date = new Date();       
  var day_number = date.getDay();       
  var todays_date = date.getDate();       
  var month_number = date.getMonth();       
  var year = date.getYear();       
  var day_name = '';       
  var month_name = ''       
  if(day_number == 0){day_name = 'søndag';}       
  if(day_number == 1){day_name = 'mandag';}       
  if(day_number == 2){day_name = 'tirsdag';}       
  if(day_number == 3){day_name = 'onsdag';}       
  if(day_number == 4){day_name = 'torsdag';}       
  if(day_number == 5){day_name = 'fredag';}       
  if(day_number == 6){day_name = 'lørdag';}       
  if(month_number == 0){month_name = 'januar';}       
  if(month_number == 1){month_name = 'februar';}       
  if(month_number == 2){month_name = 'marts';}       
  if(month_number == 3){month_name = 'april';}       
  if(month_number == 4){month_name = 'maj';}       
  if(month_number == 5){month_name = 'juni';}       
  if(month_number == 6){month_name = 'juli';}       
  if(month_number == 7){month_name = 'august';}       
  if(month_number == 8){month_name = 'september';}       
  if(month_number == 9){month_name = 'oktober';}       
  if(month_number == 10){month_nme = 'november';}       
  if(month_number == 11){month_name ='december';}       
  if(year <= 100){year +=1900;}       
var dateline = day_name + ' ' + todays_date + '. ' + month_name + ' ' + year + ' ';       
document.write(dateline);       
}       
// End hide -->       
</script> 
<link rel="stylesheet" href="/" type="text/css" media="screen">
</head>
<body>
<div id="topbar">TEST TEST TEST</div>
<div id="indhold">Det er i dag <script LANGUAGE="JAVASCRIPT" TYPE="text/javascript">home_date();</script></div>
<div id="menublok">
<a href="side1.htm">Side 1</a><br>
<a href="side2.htm">Side 2</a><br>
<a href="side3.htm">Side 3</a><br>
<a href="side4.htm">Side 4</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!-- Start på tæller script -->
<%
Set fs = CreateObject("Scripting.FileSystemObject")
Wfile=server.mappath("/counter.txt")
on error resume next
Set count = fs.OpenTextFile(Wfile)
hits = Clng(count.ReadLine)
count.close
If Not session("isCounted") Then
hits = hits + 1
count.close
if error then
hits = 1
end if
Set count = fs.CreateTextFile(Wfile,True)
count.WriteLine(hits)
count.Close
session("isCounted") = True
End If
%>
<!-- Slut på tæller script -->
<center>
<h5><p>Antal besøg: <%=hits%></p></h5>
</center>

<!--Start 20/9-2006-->

</div>

</body>
</html>



Og i din css-fil skriver du:
{
background: #FFFFFF url(BILLEDER) no-repeat fixed center;
}
body{
font-family:verdana,arial,sans-serif;
background-color:#ffffFF;
background-image:url(BILLEDER);
background-norepeat:norepeat-y;
color:black;
margin:0px;
padding:0px;
font-size:0.8em;
}

#topbar{
position:absolute;
top:0px;
left:0px;
height:80px;
width:100%;
background:url(BILLEDER);
color:black;
}

#indhold{
padding-top:510px;
padding-left:600px;
padding-right:150px;
}

#menublok{
position:absolute;
top:80px;
left:0px;
width:170px;
height:510px;
background:#ffff99 url(baggrund.gif) repeat-y;
font-family:verdana,arial,sans-serif;
font-size:0.8em;
color:black
}

h1{
font-size:1em;
}

a{
font-size:2.0em;
padding:3px;
color:navy;
background:transparent;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:red;
background:transparent;
}


HUSK at skriv stien i denne linje i htmlfilen. <link rel="stylesheet" href="/" type="text/css" media="screen"> Der skal du skrive stien ved href. Fx href="/minside.html". Hvis din side ligger i en mappe skal du selvfølgelig have mappen med i stinavnet, således: href="/mappe/minside.html"

Det virker da fint??
Avatar billede axel21 Juniormester
22. september 2006 - 12:39 #10
Du skal have mange tak for hjælpen... opretter lige et spørgsmål med 100 point til dig, smid et svar herinde også.. Tak...
Avatar billede jowii Nybegynder
22. september 2006 - 13:44 #11
Så her er svaret - virker det 100% nu?
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



IT-JOB