Varför tar <p> efter dom andra <p>, när jag preciserar, så gör dom fortf det?

Inte riktigt med på vad du menar.. men följande:

p{
    border: 1px solid blue;
    width: 150px;
}

..betyder ju att alla <p> i ditt dokumentet ska ha en blå border.

Palle skrev:

Inte riktigt med på vad du menar.. men följande:

p{
    border: 1px solid blue;
    width: 150px;
}

..betyder ju att alla <p> i ditt dokumentet ska ha en blå border.

Jo alltså, men grejen var att jag ändra det, och satte upp en class. som skulle göra satt det inte skulle ta efter, då såg det inte likadant ut som i guiden.

Men jag vet inte, om det är jag som fastnat i det där om att det ska se likadant ut som han i guiden gör, man kanske inte använder sig av att skriva ut <div id="inline"> och <div id="block"> i index så ofta. Utan istället skriver det i style.css

Bör jag strunta i det där och gå vidare? Eller ska jag försöka hitta en lösning på problemet? Som egentligen kanske inte är något problem då jag vet hur jag skriver dom i classer, bara att det inte blir exakt som han gör i guiden.

Din kod om "Gandi" ligger ju utanför själva <div id="main_content"> medan han i guiden har den innanför.. så det är inte så konstigt att det ser annorlunda ut (som du beskrivit i din bild). :)

Gällande att styla block-element som inline-element, så kan det vara viktigt att veta hur det fungerar ja. Dock är det där bara sk. "psuedokod", alltså för att visa exempel på hur det fungerar.
Man ska/bör inte döpa och använda id'n och klassnamn på det där sättet, ett id eller klassnamn ska ange vad elementet används till, inte hur det ser ut. :)

Palle skrev:

Din kod om "Gandi" ligger ju utanför själva <div id="main_content"> medan han i guiden har den innanför.. så det är inte så konstigt att det ser annorlunda ut (som du beskrivit i din bild). :)

Gällande att styla block-element som inline-element, så kan det vara viktigt att veta hur det fungerar ja. Dock är det där bara sk. "psuedokod", alltså för att visa exempel på hur det fungerar.
Man ska/bör inte döpa och använda id'n och klassnamn på det där sättet, ett id eller klassnamn ska ange vad elementet används till, inte hur det ser ut. :)

Jasså, jaha okej, nu blev det lite tydligare, tnx :)

Fattar fortfarande inte det här med att elementen och saker som tar efter, har det med "DOM" att göra?

För det jag skrivit här nere, det tar efter länken som ligger i listan från början, och allting på resten av sidan blir omformaterade till länkar, fast jag tog bort a{] från css.

Det jag kan tänka mig är att det tar efter från listorna, som i dom ungefär, som jag skrivit ut dom i style.css, (men gissar bara,)

Vad är det för fel jag gör? divarna är väl rätt stängda satt, all annat på sidan ska ju inte bli länkar?

INDEX.HTML

<div id="main_menu"><ol><a href="index.html"><li>Hem</li><li>Bilder</li><li>Resultat</li></ol></div>
<textarea></textarea></div>
</div>
<br />
<p id="gandi">Gandi är det på bilden om ni undrar :)</p>

STYLE.CSS

#main_menu{
   margin: 0 auto;
   height: 50px;
   width: 980px;
   border: 1px solid black;
   background: black url(images/hh.jpg);
   margin: auto;
}
#main_menu ol{
   padding: 0;
   margin: 9px 0 0 5px;
}
#main_menu ol li{
   list-style-type: none;
   display: inline;
   margin: 0 10px 0 0;
   font-size: 22px;
   font-weight: 600;
   font-family: cursive;
}
textarea:focus{
   border: 3px solid blue;
}
a:link{
   color: blue;
}
a:visited{
   color: black;
}
a:hover{
   color: green;
}
a:active{
   color: yellow;
}

Ja du har glömt att stänga din <a>-tagg. :bire

<div id="main_menu"><ol>[red][b]<a href="index.html">[/b][/red]<li>Hem</li><li>Bilder</li><li>Resultat</li></ol></div>

Om jag vill precisera en tabell och skriva ut den i style.css, hur skriver jag ut den då?

Jag skrev så här men det är ju fel, vet inte hur jag ska skriva.

<div id="main_content"></div>
<table>
<caption>Min tabell</caption>
<tr><th>Leader</th><th>Info</th></tr>
<tr><td>Gandhi</td><td></td></tr>
<tr><td>Isabella</td><td>back-stapper</td></tr>
<tr><td>Facal</td><td>Fjant</td></tr>
</table>

STYLE.CSS

table, tr, th, td{  <- [B]Här ska man väl skriva nå [U]annat[/U][/B]
    border: 1px dotted black;
    border-spacing: 5px;
}
th{
    background: red;
    text-align: left;
}

Sen när jag skriver en till tabell efter, så tar dom
andra tabellerna efter samma instruktioner
som den första, hur skriver jag satt den inte ska göra det?

Är samma med andra element som jag skrivit,
som i föregående problem, men det funkade ju när
jag stängde den där <a i föregående inlägg, hur stänger jag tabeller då?.
jag testade stänga med en div men det funka inte.

INDEX.HTML

<div id="main_content"></div> [B]<-Stängde jag inte den [U]här[/U]?[/B]
<table>
<caption>Min tabell</caption>
<tr><th>Leader</th><th>Info</th></tr>
<tr><td>Gandhi</td><td></td></tr>
<tr><td>Isabella</td><td>back-stapper</td></tr>
<tr><td>Facal</td><td>Fjant</td></tr>
</table>
<br />
<br />
<br />
<table>
<caption>Min tabell</caption>
<tr><th>Leader</th><th>Info</th></tr>
<tr><td>Gandhi</td><td></td></tr>
<tr><td>Isabella</td><td>back-stapper</td></tr>
<tr><td>Facal</td><td>Fjant</td></tr>
</table>

STYLE.CSS

table, tr, th, td{
    border: 1px dotted black;
    border-spacing: 5px;
}
th{
    background: red;
    text-align: left;
}
caption{
    caption-side: bottom;
}

table, tr, th, td{
    border: 1px dotted black;
    border-spacing: 5px;
}
th{
    background: blue; <-Här bytte jag ju färg, den här ska ha[U]blå[/U].
    text-align: left;
}
caption{
    caption-side: bottom;
}

Nja, alltså.. tror inte du riktigt förstått hur det fungerar riktigt än. ;)

Dina css-selektorer du skriver är alltså globala, dvs table {background:blue;} kommer göra alla tabeller blå.
Så om du skriver table {background:red;} längre ner i din stilmall så skriver du över den förra, vilket gör alla tabeller på sidan nu blir röda.

Det har alltså inte med att göra om du i din stilmall skriver lika många tabeller som du har på sidan, 3e tabellen i din stilmall stylar inte 3e tabellen i din markup. :)

Vill du ha en speciell stil på en tabell, lägg till en klass på tabellen och styla på den, ex.

<table [B]class="my-special-table"[/B]>
<caption>Min tabell</caption>
<tr><th>Leader</th><th>Info</th></tr>
<tr><td>Gandhi</td><td></td></tr>
<tr><td>Isabella</td><td>back-stapper</td></tr>
<tr><td>Facal</td><td>Fjant</td></tr>
</table>

.my-special-table {background:blue;}

Och det där med att stänga element.
Du stänger ett element när du inte ska använda det längre. Om du ex. vill ha en tabell innuti en blå div, så stänger du div'en efter tabellen.

ex.

<div id="main_content"> [red]<-- STARTA ELEMENTET[/red]

     <!-- Här inne lägger du sånt som du vill ha innuti div'en -->

</div> [red]<-- STÄNGA ELEMENTET[/red]

Hänger du med? :bire

Hänger du med? :bire

Jora nu tror jag att jag har lyckats greppa det där, :bire tnx.

Har satt upp en p class och stylat det i CSS där jag skrivit in justify.

Hur får man text raderna att bli lika långa, innan den går längst till höger om skärmen, så att den slutar innan, och att den inte byter rad automatiskt när den kommit ända till höger på skärmen?

index.html

<p class="c1">Typiskt för hajar är att de saknar simblåsa men istället har andra lösningar på flytkraft. Bland annat har de en stor oljefylld lever och ett lätt skelett i form av brosk. Trots detta sjunker de flesta hajar om de slutar simma, och hajar som lever där vattendjupet är stort simmar därför hela tiden.</p>

style.css

.c1{
   text-align: justify;
   border: 1px solid red;
}

Ska man skriva något mer, jag testade lägga in en <br /> i texten då bytte den rad så att man kan få raderna (lika långa), men det blir ju svårt i fortsättningen ifall jag ska använda det, för då måste man skriva in det flera gånger i samma text,

finns det inget enklare sätt att skriva ut så att den byter automatiskt efter en viss längd?