Avatar billede 4b4 Nybegynder
10. juni 2007 - 11:40 Der er 13 kommentarer og
1 løsning

Opstilling og formattering?

Jeg er ikke særlig skarp i CSS.. og har bikset (se nedenstående) sammen fra tilfældige sites. Mit problem  er at den formattering jeg har indsat i en included css (<link rel="stylesheet" type="text/css" href="http://www.bergsorensen.dk/style.css" />) ikke bliver vist som hvis jeg bare satte skidtet aldm. ind uden at anvende <ling.. dvs. bla tekst/margin osv. ikke bliver formatteret korrekt. Kan i gennemskue hvorfor, og evt. vise mig hvordan den korrekte formattering (nu til dags) skal anvendes?

Jeg implementer denne CSS fil C/P, på www.bergsorensen.dk/stuff :
<style type="text/css">
<!--
body, td
{
    background-color: #FFFFFF;
    margin-left: 80px;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #AC7848;
    font-weight: strong;
    text-decoration: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #AC7848;
    font-weight: none;
    text-decoration: none;
}

td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #AC7848;
    font-weight: none;
    text-decoration: none;
}

a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #AC7848;
    font-weight: bold;
    text-decoration: none;
}



a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #AC7848;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3C230F;
    font-weight: bold;
    text-decoration: none;
}


input.login{ font-family: Verdana, Arial, Helvetica, Luxi Sans; font-size: 11px; color: #AC7848; border: 1px inset #AC7848; }

-->
</style>
Avatar billede erikjacobsen Ekspert
10. juni 2007 - 11:44 #1
Der er forhåbentlig ikke nogen, der har fortalt dig at der skal stå

  <style type="text/css">
  <!--
  -->
  </style>

i en CSS-fil. Det er HTML og har intet med CSS at gøre ;)
Avatar billede horsmark Nybegynder
10. juni 2007 - 11:45 #2
Det er sikkert fordi du har noget andet CSS der overruler den ønskede ?
Avatar billede horsmark Nybegynder
10. juni 2007 - 11:48 #3
btw hvis du ønsker at "resette" browserens css så den som udgangspunkt virker ens i langt de fleste browsere kan jeg anbefale at include dette css i headeren:

http://developer.yahoo.com/yui/reset/
Avatar billede 4b4 Nybegynder
10. juni 2007 - 12:04 #4
Horsmark: prøv at tage en kigger på www.bergsorensen.dk/stuff ex. Der er ikke andet CSS anvendt end det includede fil
Avatar billede 4b4 Nybegynder
10. juni 2007 - 12:05 #5
Erik: hvordan skal min "includede" fil så se ud rent opsætningsmæssigt ?
Avatar billede horsmark Nybegynder
10. juni 2007 - 12:11 #6
4b4: De forskellige browsere har deres egen "default" indstilling på html elementer i CSS derfor letter det ofte arbejde at inkludere et css der nulstiller det hele :-)
Avatar billede erikjacobsen Ekspert
10. juni 2007 - 12:11 #7
Du skal bare fjerne de linier.
Avatar billede 4b4 Nybegynder
10. juni 2007 - 12:12 #8
Horsmark: ok, det vil jeg overveje :)

Erik: og yes.. så virker det hele igen *suk!*.. mht. min CSS opstilling(er), er denne korrekt formateret? Er ved at være lang tid siden jeg har rørt ved WEB :o)
Avatar billede erikjacobsen Ekspert
10. juni 2007 - 12:47 #9
Ikke noget umiddelbart at komme efter. Tjek den her: http://jigsaw.w3.org/css-validator/
Avatar billede 4b4 Nybegynder
10. juni 2007 - 13:58 #10
kaster i et par svar ? :)
Avatar billede erikjacobsen Ekspert
10. juni 2007 - 14:14 #11
Ingen point til mig, tak.
Avatar billede horsmark Nybegynder
10. juni 2007 - 14:16 #12
hermed et svar

DOG (!!!) de point du mener at erik skulle have haft dem tager du selvfølgeligt og giver til dig selv og gemmer til en anden god gang

.oO(med mindre jeg ingen skal have *GGG*)
Avatar billede 4b4 Nybegynder
11. juni 2007 - 11:52 #13
Jeg går ikke så meget op i alt det her point stads så du får bare hele bunken. Tak begge to ! =)
Avatar billede olebole Juniormester
11. juni 2007 - 14:03 #14
<ole>

- men CSS giver kun mening i et HTML-dokument - så mon ikke det var idé at skrive et sådan?  ;o)

Et HTML _skal_ påbegyndes med en passende DTD (Document Type Definition) ... f.eks:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Det skal stå før dit <html>-tag. Ellers er det for det første ikke et HTML-dokument - browseren har ingen anelse om, hvad den skal til at behandle, når den modtager dokumentet - og du kan glemme alt om at anvende CSS i IE  ;o)

Den kode, du bruger nu (ingen DTD), disabler faktisk de vigtigste dele af CSS i IE  =)

/mvh
</bole>
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