Gå til innhold

Problemer med lenking til fil med CSS


Anbefalte innlegg

Jeg har en feil jeg ikke skjønner. Jeg har laget to filer, en php og en CSS. I PHP-filen er det (kanskje ikke så overraskende) en lenke til CSS-filen. Ingenting av det jeg har formatert i BODY i CSS-filen vises i HTML-outputten for PHP-filen og det synes jeg er veldig rart. Hva er det jeg overser?

 

 

PHP-filen

 

 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="css.inc">
</head><body>
<?php

echo "<nav><ul>";
menu($menu);
echo "</ul></nav>";


echo "<h1>Overskrift</h1>";
echo "<div class='vanlig'><br>";
?>


<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id placerat velit. Proin ultrices ligula turpis, eget tincidunt magna fringilla non. Donec ac lorem eget velit gravida facilisis. Cras non nisi vehicula, hendrerit risus vitae, efficitur neque. Aenean pretium congue libero, suscipit pretium metus dignissim at. Etiam consectetur nulla sem, in faucibus massa auctor vitae. Donec eu suscipit orci.


<?php
echo "</div>";
?>

 

 

 

CSS-filen

 

 

<style type="text/css">
body {
color:#FFFFFF;
background-color:#363636;
font-size:55;
font-family:arial;
font-weight:normal;
left-align:5px;
margin-top:5000px;
}

/* Dette formaterer menyen */
nav{
float:left;
background-color:#000000;
margin-right:10px;
border-radius: 25px;
padding-right:10px;
}

/* Dette formaterer brødteksten */
div.vanlig {
float:center;
}

/* Dette formaterer overskriften på sidene */
h1 {
font-size:50px;
text-align:center;
}

/* Dette formaterer lenkene */
A, A:Visited, A:Active, A:Hover {
color:#FFFFFF;
text-decoration:none;
}

/* Dette skjuler kanten rundt bilder som er lenker */
img {
border=0;
}
</style>

 

 

Lenke til kommentar
Videoannonse
Annonse

I css-filen skal du ikke ha med: <style type="text/css"> og: </style>.

Det skal være bare definert css-elementer uten HTML-tags.

 

Forøvrig ser jeg du har kalt css-filen din: css.inc

Tror ikke nettleseren kjenner igjen ".inc" som en css-fil, så det vil også si at "mime type" KAN være feil, prøv først med å fjerne som gitt over.

Endret av Gjest
Lenke til kommentar

Nå er det vel snart så sent at vi kan begynne å filosofere?

 

Man kan se det på to måter:

 

A. Fila har feil filending og feil innhold (<style type="text/css">).

Endingen skal være .css og uten html-tagger.

 

B. Fila er inkludert på feil måte. Om man bruker php-include istedenfor <link> er faktisk både innhold og endelse riktig. Den kan ikke hete .css fordi den inneholder tagger, og ikke .html fordi den ikke er et html-dokument. Derimot .inc fordi den er en fil som skal includeres midt inne i noe annet.

Lenke til kommentar

Som nevnt over har jeg .inc som filendelse på CSS-filen for å vise at den blir inkludert i en annen fil. Siden den blir hentet inn i PHP-filen og vist som CSS i HTML-outputtet har dette alltid fungert.

 

Vanligvis har den hatt navnet css.inc.php i et forsøk på å hindre at den blir parset som CSS hvis man går rett inn i mappestrukturen. Jeg endret det nå mens jeg feilsøket.

 

Takk for tilbakemelding. Skal teste det ut i morgen.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...