css, klasser, dreamweaver?

Posta ny tråd
  • IT & mobiler
  • Trådstartare Trådstartare myspropp
  • Startdatum Startdatum
  • Svar Svar 7
  • Visningar Visningar 1 159
M

myspropp

Jag går en sommarkurs där jag ska göra ett css-dokument och sedan länka det på en hemsida jag gjort för att kunna ändra text och bakgrund där. Jag har lyckats göra ett css-dokument med bakgrund samt header-inställningar, då jag länkar in css i hemsidan så dyker bakgrunden upp. Men header ändras ej. Och jag vet inte hur jag ska göra olika klasser (ex en klass för understruket, en för kursiv, en för fet etc)? Någon som kan förklara? :) gör det i dreamweaver.
 
Sv: css, klasser, dreamweaver?

Kan du inte klistra in koden från din css så är det lättare att se vad du menar?:)

Om du bara ska ändra ett enda attribut (tex göra en text Bold) så är det nog inte nödvändigt att göra en hel klass för det.
Då kan du ju tex skriva <b>Text i fetstil</b> direkt i html:en

Om du däremot vill göra flera saker med samma text så är en css-klass jättebra.

Så här kan en klass se ut i css:en tex:
.mintext
{font-family:Tahoma, sans-serif, Helvetica, Verdana;
font-size:10px;
font-weight:bold;
color:#CA3182
}
där klassen då heter "mintext" och du har satt font, storlek, tjockleken och färgen.
Färgen behöver inte skrivas med hex-värdet (det med # framför) du kan skriva tex "green" eller "red" eller rgb-värdet (rgb(255,0,0) är rött tex).

Sen för att använda den klassen på tex en paragraf så skriver du i html:en
<p class="mintext">Bla bla bla</p>
 
Senast ändrad:
Sv: css, klasser, dreamweaver?

så här har jag börjat min kod, vet dock ej om allt stämmer :)

body {
background-image: url(file:///C|/Users//Desktop/bakgrund.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
background-repeat: no-repeat;
background-position: right;
<h1>{
font-size:x-large;
<h2>{
font-size:medium;
<h3>{
font-size:small;
.style1 {
font-size: 16px;
font-weight: bold;
}
.style2 {
font-size: small;
}
.style3 {font-size: large}
.style4 {<u></u>}
.style5 {<s></s>}
.style6 {font-size: x-small}
}
.understruken {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: underline;
}

.overline {
font-family: Arial, Helvetica, sans-serif;
text-decoration: overline;
}

Vi måste göra klasser enligt uppgiften på kursen. Jag ska testa sätta in klasserna på hemsidan så som du skrev och se om det händer något!
 
Sv: css, klasser, dreamweaver?

jag skrev <p class="overline">min hemsida</p> i hemsidan, men inget sker. texten kommer dit, men den blir inte överstruken.
 
Sv: css, klasser, dreamweaver?

Kod: 
body {
	background-image: url(file:///C|/Users//Desktop/bakgrund.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	background-repeat: no-repeat;
	background-position: right;
	<h1>{
font-size:x-large;
<h2>{
font-size:medium;
<h3>{
font-size:small;
.style1 {
	font-size: 16px;
	font-weight: bold;
}
.style2 {
	font-size: small;
}
.style3 {font-size: large}
[B].style4 {<u></u>}
.style5 {<s></s>}[/B]
.style6 {font-size: x-small}
}
.understruken {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
}

.overline {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: overline;
}

Du har glömt att avsluta en del block med måsvingar, på till exempel body och en del andra ställen saknas en }. Dessutom får du ändra <h1> till endast h1 , det som är fetmarkerat i din kod ser bara... underligt ut :)

Du kan validera din CSS som du gör med HTML även om felmeddelandena inte säger så hemskt mycket om vad som är fel: http://jigsaw.w3.org/css-validator/ :)
 
Sv: css, klasser, dreamweaver?

myspropp skrev:
jag skrev <p class="overline">min hemsida</p> i hemsidan, men inget sker. texten kommer dit, men den blir inte överstruken.
Klicka för att se mer...

Det var konstigt?
Jag kopierade ut din klass och testade, den fungerar prima.

La stylen direkt i html:en utan en extern css (för att jag är lat) men det ska fungera precis likadant.
Se här ser det ut då:
<html>
<head>
<style>
.overline {
font-family: Arial, Helvetica, sans-serif;
text-decoration: overline;
}

</style>
</head>
<body>
<p class="overline">Apa</p>
</body>
</html>

Blir ett streck ovanför texten då :)

Som nidron sa, se till att hålla koll på måsvingarna, de ser en aning röriga ut, viktigt att påbörja/avsluta klasserna på rätt sätt. :)
Vad är det du tänkt göra i style4-5 ?
 
Sv: css, klasser, dreamweaver?

nidron skrev:
Inte alls så konstigt om det finns fel i CSSen ovan klassen då webbläsaren typ slutar rendera stilmallen :)

Glad midsommar! :)
Klicka för att se mer...


Det har du helt rätt i! Tänkte inte på att klasserna ovanför var lite fel. Midsommarnubben som spökar :angel::D
Trevlig midsommar :)
 

Liknande trådar

B
Dressyren idag
Dressyr Nu har vi ju avhandlat var godkänt gränsen går och vart den faktiskt går (missförstå mig rätt ;)), det behöver vi inte fortsätta med i o... 3 4 5
Svar
82
· Visningar
13 319
Senast: Emelei
·
Gnist
Min premiär
Övr. Hund Hemkommen från premiärjaktprovet med min gamling Rix, som still is going strong.. Efter släpp, så blev det några kortare 5-6 minuters... 2 3
Svar
44
· Visningar
3 715
Senast: jappisen
·
loveponies
Css-hjälp
IT & mobiler Håller på att bygga en sida baserad på templates istället för frames. Det funkar bra, förutom att jag vill ha en färg på länkarna i...
Svar
2
· Visningar
820
Senast: Spider84
·
elbereth
liten undersökning om css!
IT & mobiler Jag har gjort en liten hemsida som jag har grundat till stora delar på css istället för att använda mig av tex tabeller för att göra...
Svar
8
· Visningar
966
Senast: elbereth
·

Välj ämne nedan

Ekonomi & Juridik Anläggning Hästmänniskan Gnägg Utrustning Hästvård Foder & Strö Hästhantering Träning Ridning Avel Tävling Distans Dressyr Fälttävlan Hoppning Islandshäst Körning Trav Western Övr. Grenar Hundhälsa Hundträning Hundavel & Ras Övr. Hund Katthälsa Övr. Katt Lantbruksdjur Däggdjur Övr. Djur Samhälle Juridik & Ekonomi Skola & Jobb Relationer Kropp & Själ Hemmet Trädgård & Växter Mat Kläder & Bli fin Fordon IT & Mobiler Kultur Fritid Tjatter Äldre Gravid - 1år Småbarn Övr. Barn Dagbok Hästnyheter Radannons Företag Bukefalos Bukefalosnyheter

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

Tillbaka
Upp