Har ett litet problem med CSS. Ifall du kollar på webdesignskolan och CSS så ser du att man ska tex .linespacing
vad menas med detta? ska jag döpa filen till .linespacing elr linespacing.html. vad ska det vara?
Litet CSS problem
27 svar · 1 063 visningar · startad av Crozz
Jag förstår inte riktigt vad du är ute efter.
Men enl. http://photoshopskolan.com/css/css.htm så förklaras det helt enkelt att du kan ha en klass som heter .linespacing som innehåller line-height: 20px.
Med sedan kan du använda dig av denna klass i t.ex. en omslutande span vilket innehållande element kommer att ärva och därmed sätta på dess text och/eller element. Så länge de inte skrivs över av andra klasser.
Jag tittade på sidan. Felskrivet bara. Det står mallen men de menar klassen .linespacing!
Nu har jag läst beskrivningen och ändrat som ni sa men det funkar inte. Nått problem som brukar komma?
om det är css-filen du snackar om ska den ha filändelsen ".css". I filen kan du lägga hur många olika klasser och attribut för din sida som helst
mnen om du har infogat CSS-mallen direkt i html-dokumentet ska filändelsen vara .html
Posta din kod här då och glöm inte att omsluta den med [ kod] så blir vi glada och hjälper till :)
Crozz skrev:
Har ett litet problem med CSS. Ifall du kollar på webdesignskolan och CSS så ser du att man ska tex .linespacing
vad menas med detta?
med linespacing menas som översättningen typ, rad mellanrum. Alltså du bestämmer med tex
i css dokumentet
dincssfil.css
#linespacing {
line-height: 20px
}
här bestämmer du att du ska ha 20px radavstånd
och i html dokumentet
index.html
<head>
<link href="dincssfil.css" rel="stylesheet" type="text/css" />
</head>
...
<div id="linespaving">
[B]här lägger du in alla dina meningar[/B]
[B]här lägger du in alla dina meningar[/B]
[B]här lägger du in alla dina meningar[/B]
[B]här lägger du in alla dina meningar[/B]
</div>
...
Crozz skrev:
ska jag döpa filen till .linespacing elr linespacing.html. vad ska det vara?
nej! eller det är klart att du kan döpa det till .html och lägga det på samma sida som koden men rekommenderar att du lägger det i en .css fil och hämtar den med .html filen med:
<head>
<link href="dincssfil.css" rel="stylesheet" type="text/css" />
</head>
litet fel:
#linespacing {
line-height: 20px
}
I Exemplet som webbdesign skolan uppge är även en klass (med punkten i början av namnet.
Om du nu Crozz vill använda dig av # eller . är upp till dig. # (id) ska vara unikt medan en klass (.) kan vara på fler än i en tagg.
om du väljer att använda klass:
<div class="linespaving">
här lägger du in alla dina meningar
här lägger du in alla dina meningar
här lägger du in alla dina meningar
här lägger du in alla dina meningar
</div>
Wopps missade :D Snabb skrev ihop det :p Bra att du rättade mig
Här är koderna. Lite andra saker med oxå. Jag brukar jämt testa allt som står. Alltid kul att lära sig nya saker.=)
CSS dokumentet
h1 {font-family: Verdana; font-size:48px}
body {font-family: Verdana; font-size:20px}
body {background-color: #CCCC99;}
ul {list-style-type: square}
h2 {font-family: verdana; font-size:30px}
.linespacing {line-height: 20px}
HTML Dokumentet
<center>
<html>
<head>
<title>Hemsida</title>
<link href="css1.css" rel="stylesheet" type="text/css">
<p class="linespacing">Å vi e AIK</p>
</head>
<body>
<h1>Haha</h1>
Detta är kul!
<ul>
<li>
<li>
<li>
</ul>
<p>
<table width="350" border="25" cellpadding="25" cellspacing="25">
<tr>
<td>
</td>
</tr>
</table>
</center>
</body>
</html>
Det kan bli lite svårt att se skillnad på .linespacing ifall du inte har text som går på flera rader.
Sen kan du inte ha <center>- och <p>-taggen innan html och head. :p Det ska vara mellan <body>.
<html>
<head>
<title>Hemsida</title>
<link href="css1.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>
<p class="linespacing">Å vi e AIK</p>
<h1>Haha</h1>
Detta är kul!
<ul>
<li>[b]Lista1</li>[/b]
<li>[b]Lista 2</li>[/b]
<li>[b]Lista 3</li>[/b]
</ul>
<p>
<table width="350" border="25" cellpadding="25" cellspacing="25">
<tr>
<td>[b]Tabell[/b]</td>
</tr>
</table>
[b]</p>[/b]
</center>
</body>
</html>
De texter som är fet markerade är det du saknade :)
voigtann1: Du kan ju inte ha en tabell innanför en p-tagg. :)
klart jag kan :P ser du ju :P
silfver skrev:
voigtann1: Du kan ju inte ha en tabell innanför en p-tagg. :)
Går utmärkt. Vanligt när man t.ex. har en liten tidtabell eller liknande "faktaruta" floatad intuti en textmassa.
silfver har rätt. :) Det är inte tillåtet att ha TABLE i P. Enligt HTML4 borde dessutom tabellen vara syskon till stycket istället för barn till stycket, dvs följande är ekvivalenta:
<p>foo<table>
<p>foo</p><table>
(...och </p> taggen är valbar.)
Ja men snygg blev det ;-)
zcorpan skrev:
silfver har rätt. :) Det är inte tillåtet att ha TABLE i P. Enligt HTML4 borde dessutom tabellen vara syskon till stycket istället för barn till stycket, dvs följande är ekvivalenta:
<p>foo<table><p>foo</p><table>(...och </p> taggen är valbar.)
Va??? Det var en överraskning! :o Åkej, om Det Allsmäktiga W3C säger att det är "fel" så är det väl fel eftersom det väl är deras rekommendationer som är måttstocken. Men varför?