Avatar billede alex15 Nybegynder
11. november 2007 - 15:45 Der er 23 kommentarer og
1 løsning

Men side viser henter ikke #site delen for en css fil.

Hej Eksperter.. Ved godt at det her kan virke lig forvirende. Men ja, prøver lige og stille spørgsmålet alligevel..

Har følgende 4 filer liggende:

heater.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
   
<head>

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

body, html {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
body {
    background: #ebeff8 url('billeder/banner/top.jpg') repeat-x scroll top left
}

</head>
<body>

<div id="site">

footer.php:

</div>
</body>
</html>

index.php:

<?php
include "header.php";
?>

<?php
echo "hej";
?>

<?php
include "footer.php";
?>

css.php:

<style type="text/css">

#site
{
    text-align: left;
    margin: 85px auto;
    width: 1000px;
    background-color: white;
    height: height 800px;
}

-------

Meningen med disse filer at er til tilsammen meget gerne skulle give lidt aller det her rusultat: http://www.codebreaker.dk/exp/803586exp.php

men giver kun dette:
www.ccclub.dk/eksperten/eks1.jpg

Den vælger altså ikke og lave denne hvide boks som jeg ellers skulle have bedt den om, samt heller ej skrive teksten "hej". Hvad kan dette skyldes?

Der ud over ville det også være lækkert hvis man kunne få flyttet denne del, fra heater.php over til css.php:

body, html {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
body {
    background: #ebeff8 url('billeder/banner/top.jpg') repeat-x scroll top left
}

--

Og så bare linke til den i heater.php delen. hvis i forstår.

Ved godt at det er et meget langt spørgsmål, men ville gøre mig RIGTIG glad hvis i ville prøve og hjælpe med det, har nu prøvet og finde fejlen i laaaang tid uden hjælp :o)
Avatar billede w13 Novice
11. november 2007 - 16:12 #1
Det er let nok at flytte CSS'en i hvert fald. Bare ret CSS-filen til:
----------------------------------------------------
<?php header('Content-type: text/css');?>
body, html {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
body {
    background: #ebeff8 url('billeder/banner/top.jpg') repeat-x scroll top left
}
#site
{
    text-align: left;
    margin: 85px auto;
    width: 1000px;
    background-color: white;
    height: height 800px;
}
----------------------------------------------------
Og så kan du jo i Header linke til den med:
----------------------------------------------------
<link rel="stylesheet" type="text/css" href="css.php">
----------------------------------------------------
som du allerede gør.

Bemærk dog, at jeg i filen har fjernet: <style type="text/css">

Det kan ikke stå i en CSS-fil. I stedet bruger jeg: <?php header('Content-type: text/css');?>

Denne linje sørger for, at filen forståes som CSS, selvom du kalder den .php
Linjen kan selvfølgelig spares væk, hvis du blot omdøber filen til .css, men så kan du naturligvis ikke bruge php i den.
Avatar billede w13 Novice
11. november 2007 - 16:12 #2
Så er det også muligt, at den hvide boks bliver vist ordentligt.
Avatar billede alex15 Nybegynder
11. november 2007 - 16:41 #3
Virkede ikke helt.. Nu bliver teksten i min css fil helt sort? altså denne del af den:

body, html
{
    padding: 0px;
    margin: 0px;
    text-align: center;
}

body
{
    background: #ebeff8 url('billeder/banner/top.jpg') repeat-x scroll top left
}

#site
{
    text-align: left;
    margin: 85px auto;
    width: 1000px;
    background-color: white;
    height: height 800px;
}

---

i stedet for at have en masse farver.. i virker lidt som om at macromedia ikke forstår denne "kode":

<?php header('Content-type: text/css');?>

Den viser dog heller ikke denne hvide boks eller teksten endnu? så hvad så??? :D
Avatar billede w13 Novice
11. november 2007 - 17:09 #4
Det gør den heller ikke, tror jeg. Macromedia kan vel ikke tolke PHP. I så fald skal du lægge den på din server for at se den korrekt.

Men har du planer om at bruge PHP i CSS-filen? Ellers skal du bare slette den PHP-linje, du selv lige skrev.

Og så skal du kalde CSS-filen "css.css".
Avatar billede alex15 Nybegynder
11. november 2007 - 17:24 #5
hmm.. ved jeg faktisk ikke endnu.. det er mere det, ville jo være rart og holde muligheden åben..! hvis det altså kan lade sig gøre..
Avatar billede alex15 Nybegynder
11. november 2007 - 17:26 #6
arh. så skete der noget :D nu er den hvide boks kommet frem... og der står teksten hej ;o)
Avatar billede w13 Novice
11. november 2007 - 17:31 #7
=)
Avatar billede alex15 Nybegynder
11. november 2007 - 17:42 #8
1.000 Tak for hjælpen, nu kan jeg komme videre med hjemmesiden..! Men hvordan kan man få ens css.php fil til at virke???
Avatar billede alex15 Nybegynder
11. november 2007 - 17:43 #9
samt vil du ikke også lige forklare mig hvad koden:

body, html
{
    padding: 0px;
    margin: 0px;
    text-align: center;
}

gør?
Avatar billede w13 Novice
11. november 2007 - 17:44 #10
Du kan sagtens lave en css-fil, der hedder PHP, hvis du inkluderer <?php header('Content-type: text/css');?> øverst på siden. Dreamweaver (hvis det er det, du bruger) tror jeg bare ikke, kan finde ud af at vise det rigtigt så. Derfor skal det lægges på nettet for at ku' ses rigtigt.

Ville du da hente noget fra en database eller hvad?
Avatar billede alex15 Nybegynder
11. november 2007 - 17:47 #11
Har prøvet og ligge det ned på nettet nemlig, det er det som er underligt.. og der virkede det stadigvæk ikke..

Ja, vil gerne kunne hente noget ned fra en database.. Men okay, det behøver måske ikke være i css filen?
Avatar billede w13 Novice
11. november 2007 - 17:48 #12
Og tak for point! :)

Koden gør, at både <body> og <html> får en padding (indre margin) og en margin (ydre margin) på 0px. "0px" kan du dog blot ændre til "0", da det er ligemeget om det er "0%", "0pt", "0px" eller "0cm". "0" er altid lig med ingenting!
Og text-align:center sætter indholdet til at stå i midten.

Man kunne godt nøjes med at sætte disse egenskaber på body og ikke på html, men det er vist for at alle browsere skal vise det rigtigt og det kan forebygge et par fejl, så vidt jeg ved. Du bør dog tilføje width og height. Ret koden til:

body, html
{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-align:center;
}

Du kan også her tilføje:

    font-family:arial,sans-serif;

som definerer skrifttypen for hele siden. "arial" skal du selvfølgelig ændre til den ønskede skrifttype, men arial plejer at være meget god på nettet.
Avatar billede w13 Novice
11. november 2007 - 17:49 #13
Nu er jeg ikke så stærk i PHP, så muligvis er ContentType-koden ikke helt korrekt.
Avatar billede alex15 Nybegynder
11. november 2007 - 18:02 #14
Ja okay. har rettet i det nu..!

Ved ikke om den skal bruges til noget database faktisk, nu hvor jeg tænker mig om..! Skal have en boks ude i venstre side som automatisk skal hente nogle oplysninger om brugeren osv. hvis der skal være mulighed for at man klikker på bruger info osv osv. Men der er det vel stadigvæk kun selve designet som skal hentes fra en css fil? Resten af indeholdet skal jo alligevel skrives i et andet sted? som f.eks. heater.php ??? ikke?
Avatar billede w13 Novice
11. november 2007 - 18:28 #15
Lige netop. =)
Avatar billede alex15 Nybegynder
11. november 2007 - 18:35 #16
hehe.. Jamen så kan jeg jo ikke sige andet end tak for hjælpen, igen igen ;o)
Avatar billede alex15 Nybegynder
11. november 2007 - 22:02 #17
Nårh jeg går ind og retter "font-family:XXX,sans-serif;" til et eller andet enten, Rockwell, ventage eller sådan noget. Så ændre det ikke skrifttypen rundt på siden. Hvad kan det skyldes? har smidt den ind her:

body, html
{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-align:left;
    font-family:Rockwell,sans-serif;
}
Avatar billede w13 Novice
11. november 2007 - 22:34 #18
Hvis du har rockwell installeret på din pc, burde det virke.

_Men_ hvis du bruger Rockwell kan f.eks. jeg ikke se den skrifttype på din hjemmeside. Dine brugere skal nemlig have skrifttypen installeret selv. Ellers vil den vælge en standardskrifttype selv.

Så mit råd er, at du vælger mellem:
1) "Arial", "Verdana", "Geneva", "Helvetica".
2) "Georgia", "Times New Roman", "Times".
3) "Courier New", "Courier".

Gruppe 1 indeholder Sans-Serif-fontene ("uden-fødder"-fontene).
Gruppe 2 er Serif-fontene ("fødder"-fontene).
Gruppe 3 er Monospace-fontene, hvor alle tegn er lige brede.

Bemærk hvordan jeg angiver det med: font-family:Arial,sans-serif;
Det betyder, at hvis Arial ikke findes, så skal computeren selv finde en standardskrifttype, men den skal være en sans-serif.
Hvis jeg nu ville have flere skrifttyper, den kunne vælge imellem, hvis den første ikke findes, havde jeg f.eks. skrevet: font-family:arial,verdana,sans-serif.
Så prøver den først arial, dernæst verdana, og til sidst må den selv finde en sans-serif.

Ref.: http://www.webdevelopersnotes.com/design/browser_compatible_fonts.php3
----
Men muligvis virker det ikke bare at sætte font-family på "body,html". Så må du definere det på den div, der indeholder teksten.
Avatar billede alex15 Nybegynder
11. november 2007 - 22:48 #19
Ja okay.. Mht. Rockwell, så var det bare helt tilfældigvis at jeg lige valgte det.. havde tænkt mig og bruge Verdana.

Men tror også at "Så må du definere det på den div, der indeholder teksten." det er den måde jeg må gøre det på.

Kan jeg ikke også lige sprøge om der SKAL være en specifik række følge på de forskellige koder:

    text-align: left;
    margin: 0px auto;
    width: 1000px;
    background-color: white;
    height: height 800px;
    z-index:1;

hvis du forstår?
Avatar billede w13 Novice
11. november 2007 - 23:24 #20
Rækkefølgen er helt ligemeget. "Height: height" skal selvfølgelig rettes, som jeg skrev i det andet spørgsmål. Og "0px" kan du lige så godt rette til "0", da 0 altid er 0 - uanset om det er procent, cm eller px.

Er der behov for z-index på elementet?
Avatar billede alex15 Nybegynder
11. november 2007 - 23:27 #21
meget af det gav sig selv da jeg fik slettet det der: <?php header('Content-type: text/css');?> så det var super fedt..

Hmm.. det er det som jeg ikke rigtig kan finde ud af.. For mig og se virker det måske meget rart og have styr på hvor højt i niveau de forskellige div skal være? Men som sagt er der også en del som ikke kan lide det? Hvad er din holdning til det?
Avatar billede w13 Novice
11. november 2007 - 23:58 #22
"z-index" gi'r kun mening ved brug af "position". Og selv om man bruger "position", behøver man det alligevel ikke altid. Jeg plejer bare at bygge min kode op således:
---------------------------------------
<element1></element1>
<element2></element2>
<element3></element3>
---------------------------------------
Element1 vil komme til at ligge "nederst" og Element3 vil ligge øverst - simpelthen bare fordi Element1 kommer først i koden og derfor bliver lavet først. Når så Element2 laves, kommer det til at ligge ovenpå og det samme gælder Element3.

Jeg bruger kun z-index i meget få situationer, hvis jeg f.eks. pludselig skal indsætte et billede dynamisk med javascript oven på alt andet indhold på siden (har lige lavet et galleri sådan). Så prøv at undgå at spilde tid på z-index, hvor det ikke behøves, men kører du fast, så brug det.
Avatar billede alex15 Nybegynder
12. november 2007 - 00:12 #23
Ja okay.. Vil jeg tage til mig så.. Hey, du skal altså lige vide at jeg sætter meget stor pris på din hjælp :o) Også for nogle af de andre spørgsmål.. Kommer nok også nogle flere med tiden skal du se..!
Avatar billede w13 Novice
12. november 2007 - 00:58 #24
Det gør du bare. =)

Det er rart at kunne hjælpe andre lidt på "rette vej" herinde.
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