H
Henchen
Tänkte försöka lära mig detta, och läser lite på webdesignskolan.. Men jag förstår ändå inte riktigt, är det nån vänlig själ som kan förklara grunderna??
- IT & mobiler
- Trådstartare Henchen
- Startdatum
- Svar 13
- Visningar 1 037
K
Kuckeliku
Sv: CSS-hjälp
Oj, detta göres nog inte så bra här.
alltså, man har sidan i två delar, dels ett css dokument där definitionen av hur saker skall se ut står. dels själv html koden som refererar till css dokumentet.
det finns massor med bra sidor på nätet om du söker efter css, trore zend har en bra sida som visar olika resultat.
en nackdel med allt det här är att ie och anmdra webläsare tolkar delen av koden olika och därför kan man behöva göra olika kod för de som använder ie och alla andra.
Oj, detta göres nog inte så bra här.
alltså, man har sidan i två delar, dels ett css dokument där definitionen av hur saker skall se ut står. dels själv html koden som refererar till css dokumentet.
det finns massor med bra sidor på nätet om du söker efter css, trore zend har en bra sida som visar olika resultat.
en nackdel med allt det här är att ie och anmdra webläsare tolkar delen av koden olika och därför kan man behöva göra olika kod för de som använder ie och alla andra.
H
Henchen
Sv: CSS-hjälp
okej, men om jag vill göra en meny som jag bara kan lägga till utan css om det går, vad använder jag då?
okej, men om jag vill göra en meny som jag bara kan lägga till utan css om det går, vad använder jag då?
Sv: CSS-hjälp
Med hjälp av HTML lägger du in text, bilder, länkar mm som skall synas på hemsidan. Med hjälp av CSS definierar du utseendet och placeringen av elementen(text, bilder).
Jämför de här sidorna:
http://nidron.net/fixup/csslayout/homepage.htm
http://nidron.net/fixup/csslayout/homepage_utan_css.htm
Dessa sidor har exakt samma innehåll, HTML-taggarna ser alltså precis likadana ut.
Koden för, till exempel, sidornas meny ser ut såhär:
Men den första sidan har fått en CSS-mall, som har filnamnet style.css och filen innehåller endast det här:
Ser du sambandet mellan html-filen och CSS-filen? Samma tagg <li> återfinns i CSS-filen, dock utan "<" och ">". Det som finns mellan "{" och "}" anger storlek, färg, placering mm
Med hjälp av HTML lägger du in text, bilder, länkar mm som skall synas på hemsidan. Med hjälp av CSS definierar du utseendet och placeringen av elementen(text, bilder).
Jämför de här sidorna:
http://nidron.net/fixup/csslayout/homepage.htm
http://nidron.net/fixup/csslayout/homepage_utan_css.htm
Dessa sidor har exakt samma innehåll, HTML-taggarna ser alltså precis likadana ut.
Koden för, till exempel, sidornas meny ser ut såhär:
Kod:
<[COLOR="Blue"]ul[/COLOR]>
<[COLOR="Red"]li[/COLOR]><a href="#">Hem</a></[COLOR="Red"]li[/COLOR]>
<[COLOR="Red"]li[/COLOR]><a href="#">Om oss</a></[COLOR="Red"]li[/COLOR]>
<[COLOR="Red"]li[/COLOR]><a href="#">Produkter</a></[COLOR="Red"]li[/COLOR]>
</[COLOR="Blue"]ul[/COLOR]>Men den första sidan har fått en CSS-mall, som har filnamnet style.css och filen innehåller endast det här:
Kod:
body {
font-family:sans-serif;
font-size:11px;
color:#950;
}
#container {
width:616px;
margin:0 auto;
}
[COLOR="Blue"][B]ul[/B][/COLOR] {
padding:10px;
text-align:center;
}
[COLOR="Red"][B]li[/B][/COLOR] {
display:inline;
margin:0;
border:1px solid #ecc;
padding:10px 0;
background:#fee;
}
li a {
text-decoration:none;
color:#a00;
padding:0 80px;
}Ser du sambandet mellan html-filen och CSS-filen? Samma tagg <li> återfinns i CSS-filen, dock utan "<" och ">". Det som finns mellan "{" och "}" anger storlek, färg, placering mm
H
Henchen
Sv: CSS-hjälp
ahaa! Men var i htmlfilen lägger man in css mallen?
Tack så mkt för hjälpen!
ahaa! Men var i htmlfilen lägger man in css mallen?
Tack så mkt för hjälpen!
Sv: CSS-hjälp
Ingen fara, hoppas jag var lite pedagogisk i alla fall
Man kan lägga in CSS i HTML-dokumentet, men då blir det jobbigare att uppdatera om du sedan bestämmer dig för att t.ex. ändra bakgrundsfärg. Då måste du ju ändra i alla dina HTML-filer.
Det är smartare att ha en separat CSS-fil, i detta fall heter den style.css .
Man länkar ihop HTML-filen med CSS-filen såhär:
(koden är tagen från homepage.htm)
href="style.css" är sökvägen till CSS-filen. I detta fall ligger CSS-filen i samma mapp som HTML-filen.
Ingen fara, hoppas jag var lite pedagogisk i alla fall
Man kan lägga in CSS i HTML-dokumentet, men då blir det jobbigare att uppdatera om du sedan bestämmer dig för att t.ex. ändra bakgrundsfärg. Då måste du ju ändra i alla dina HTML-filer.
Det är smartare att ha en separat CSS-fil, i detta fall heter den style.css .
Man länkar ihop HTML-filen med CSS-filen såhär:
Kod:
[COLOR="DimGray"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Layout med CSS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />[/COLOR]
[B][COLOR="DarkRed"]<link rel="stylesheet" type="text/css" href="style.css"/>[/COLOR][/B][COLOR="DimGray"]
</head>
<body>
<div id="container">
<ul>
<li><a href="#">Hem</a></li>
<li><a href="#">Om oss</a></li>
<li><a href="#">Produkter</a></li>
</ul>
<p>Lite text...</p>
</div>
</body>
</html>[/COLOR]href="style.css" är sökvägen till CSS-filen. I detta fall ligger CSS-filen i samma mapp som HTML-filen.
H
Henchen
Sv: CSS-hjälp
aha okej, ja det var så jag menade!
så om de ligger i samma mapp så är det bara att skriva in det där om mitt dokument nu skulle heta style.css?
aha okej, ja det var så jag menade!
så om de ligger i samma mapp så är det bara att skriva in det där om mitt dokument nu skulle heta style.css?
H
Henchen
Sv: CSS-hjälp
Jag klarade det Nu ska jag försöka mig på det här med menyer!
Jag klarade det
Nu ska jag försöka mig på det här med menyer!
H
Henchen
Sv: CSS-hjälp
Tack så hemskt mycket för hjälpen! Och fy vad lätt det blev nu
ursäkta dum fråga, men hur vet jag om jag ska skriva ul eller li framför?
Tack så hemskt mycket för hjälpen! Och fy vad lätt det blev nu
ursäkta dum fråga, men hur vet jag om jag ska skriva ul eller li framför?
Senast ändrad av en moderator:
H
Henchen
Sv: CSS-hjälp
ahaa ja juste!
Nu när jag försöker göra en meny så kommer det bara upp en stor ruta, och ag vet inte hur jag ska få bort den!
Nu hittade jag!
ahaa ja juste!
Nu när jag försöker göra en meny så kommer det bara upp en stor ruta, och ag vet inte hur jag ska få bort den!
Nu hittade jag!
Senast ändrad av en moderator:
H
Henchen
Sv: CSS-hjälp
Fast nu får jag inte bort det vita runt en länk, som bakgrundsfärg typ,
hehe, det var ju bakgrundsfärg där tack för hjälpen alla!
Fast nu får jag inte bort det vita runt en länk, som bakgrundsfärg typ,
hehe, det var ju bakgrundsfärg där
tack för hjälpen alla!Liknande trådar
IT & mobiler
Ni som har bredband på bundet avtal hos Tele2, kolla eran mail!!
Det har gått en propp i huvet på nån chef på Tele2 för de tänker höja...
2
Senast: Enya
·
IT & mobiler
Hej, bukeraklet! Har två it-frågor:
!) Hur ändrar man sin mailadress på facebookkontot???
2) Förr hade jag epost NN@live.se men hittar...
Senast: sweep
·
IT & mobiler
Som namnet på tråden antyder så är jag på jakt efter ett gratis program eller en app som man kan skapa en logotyp i.
Har tidigare...
Senast: Tilly_85
·
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
-
Bukefalos 29 år!- Hästnyheter En sak jag vill uppmärksamma en dags som denna är en intressant företeelse och tråd som jag har lite blandade känslor runt. Det handlar...
- Gunnar
- Svar: 2
- Visningar: 40
- Hästnyheter
-
Ridklubb säljer säckar med hästbajs: ”Behöver alla pengar vi kan få”
- Hästnyheter Rånebygdens ridklubb stärker ekonomin genom att sälja hästgödsel. Ungdomar och föräldrar hjälper till att fylla säckarna och deltar...
- Gunnar
- Svar: 0
- Visningar: 142
- Hästnyheter
Allmänt, Barn, Dagbok
-
Träning och hälsa del 12- Kropp & Själ Skulle gymmat igår men sovit så dåligt i flera dagar att jag bestämde mig för att ta det idag istället. Tur var väl det, sov bra inatt...
- Pilot
- Svar: 1 599
- Visningar: 50 748
- Allmänt
Hästrelaterat
-
Dressyrstövlar till långa ben, tipsa mig!
- Utrustning Jag har funderat på att köpa ett par som vardagsstövlar, men jag rider mest ut i skogen och det är de för dyra för så jag letar...
- zarmino
- Svar: 4
- Visningar: 118
- Utrustning
