Gå til innhold

CSS krangler **oppdatert**


Anbefalte innlegg

Ok Koden til HTML kommer i tillegg. Ja jeg har linket riktig fil. (stylesheet)

<link rel="stylesheet" type="text/css"
href="mystyle.css" />
</head>
<body>
<p>
<h1></h1>
</p>
<hr>
<p class="small">tekst<a href="" title="Trykk for bloggen min"> 
</a>og legg igjen 
komentarer til dagens notat, som jeg selvfølgelig oppdaterer hver eneste dag...<br>
<a href="" title="hjemmesiden">tekst</a></p>
<p>tekst
.</p>
<p>tekst
</p>
<p>tekst
</p>
<p> 
<a href="www.ultra.no" title="Besøk Matvarehuset Ultra på web">Matvarehuset Ultra</a>
</p>
<p>
tekst </p>
<p class="lenke">Om du ikke har noen faste sider hver dag, så får du noen tips av meg her: <br>
<a href="www.sourecode.no"> Sourcecode |</a> 
<a href="www.hardware.no"> Hardware |</a>
<a href="www.vg.no"> VGNett |</a>
<a href="www.start.no/pondus"> Dagens Pondus |</a>

</p>

body  
{background-color:#9781B7}

hr  
{color:#190438}

p  
{margin-left: 20px}

p.small 
{font-family:Verdana 10px;
margin-left:30px;
color:#CF0021}

p.lenke
{font-size:small}


h1
{font-family:Verdana xx-large;
margin-left:50px; color:#CF0021;}

a {text-decoration: none}

Om noen kan forklare meg hvorfor denne ikke virker? Tusen hjertlig takk :thumbs:

Endret av andylove
Lenke til kommentar
Videoannonse
Annonse
<link rel="stylesheet" type="text/css"
href="mystyle.css" />

{font-family:Verdana 10px;

{font-family:Verdana xx-large;

<link rel="stylesheet" type="text/css"

href="mystyle.css" />

Hvorfor den slashen bakerst der? Er det noe jeg har gått glipp av?

 

{font-family:Verdana 10px;

 

{font-family:Verdana xx-large;

Som sagt, hvorfor størrelse på font-family?

 

Dette blir mer korrekt:

{font-family:Verdana;

size:10px;}

Lenke til kommentar

< /> Kalles å avslutte en tag. Alle tager må avsluttes når du bruker xhtml 1.0 strict. God skikk uansett.

 

For å svare enkelt på spørsmålet til trådstarter så er svaret her:

body  
{background-color:#9781B7;}

hr  
{color:#190438;}

p  
{margin-left: 20px;}

p.small
{font-family:Verdana; font-size: 10px;
margin-left:30px;
color:#CF0021;}

p.lenke
{font-size:small;}


h1
{font-family:Verdana; font-size: xx-large;
margin-left:50px; color:#CF0021;}

a {text-decoration: none;}

 

font-familty er for hvilken font ja. Men mulig det funker med størrelse og, eller at det bare blir ignorert. font er samle selektoren.

 

Edit: font-family skal forsåvidt også inneholde en alternativ font, og font type(serif/sans serif). Med andre ord: font-family: font1, font2, fonttype;

Endret av Findus
Lenke til kommentar

CSS syntaxen sier at det ikke er påkrevd med ; etter siste "regel" i en stil... eks:

div#content {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 1em
}

 

men... det er absolutt anbefalt å avslute alle regler med ; da det lett kan glemmes andre steder om man først begynner å tillate seg å ikke bruke det i slutten av hver stil...

 

Måtte sjekke "O'REILLY CSS reference" (følger med under "code" i dreamwevaer MX) for det her, men:

 

font

A shorthand attribute that lets you set one or more font-related attributes with one assignment statement. A space-delimited list of values (in any sequence) are applied to the specific font attribute for which the value is a valid type. In CSS2, som additional short-circuit constants apply named system fonts that have fixed values for each of the font-related attributes.

 

CSS syntax

font: font-style || font-variant || font-weight || font-size || line-height || font-family || CSS2FontConstant

 

Value

For syntax and examples of value types for font and line attributes, see the respective attribute listing. The CSS2 font constants are as follows: caption | icon | menu | messagebox | smallcaption | statusbar. These constants refer to browser and operating system fonts used by the client. Their precise appearence are therefore different on different operating systems but are consistent with the user's expectation for a particular type of font. In other words, these styles should be used when their function mirrors a system or browser function.

 

Example

body {font: 12pt serif;}

h2 {font: bolder small-caps 16pt;}

.iconCaption {font: caption;}

 

edit>

Greide å legge ut innlegget før jeg var ferdig med å quote.. :blush: ooops..

 

edit2>

Trådstarter:

HVA er et som ikke funker? alle stilene? eller kun deler av det?

Endret av cfenzo
Lenke til kommentar

Vet ikke om dette har skjedd meg alle ganger jeg har prøvd. Men jeg vet at noen ganger så har et helt stilark ikke fungert bare pga en glemt ;. Alt i fra den feilen har ikke funket.

 

Uansett så vil ut i fra beskrivelsen trådstarter gir, mitt forrige innlegg funke. Men hadde jo vært veldig fint med link og beskrivelse av problemet.

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...