Søg
Avatar billede pnr Nybegynder
28. september 2005 - 13:29 Der er 7 kommentarer og
2 løsninger

Diverse spørgsmål til CSS

Jeg har nu efterhånden lavet en del sider hvor jeg har skrevet css inline, men efter hvad jeg kan forstå bør man lave alt sin CSS i en fil. I den forbindelse er der opstået nogle spørgsmål (Jeg har vist rodet i det før men har ikke rigtig fået nogen svar som førte til noget pæn kode ).

1.    Når jeg vil styre mine elementer på min side plejer jeg at lave lidt padding hist og her, men hvis det hele skal ligge i en fil, bliver der jo lyn hurtigt mange punkter i denne fil, hvis jeg skal oprette et nyt punkt for hver gange jeg skal lave lidt padding. Hvordan bør man styre det generelt?

Eks.                        

<table style="width:175px;height:100%" cellpadding="0" cellspacing="0">       
<tr>
        <td style=”padding-top: 10px;padding-bottom:10px”><img src="images/ logo.gif" style="width: 163px;height: 60px" alt="Inet.dk"></td>
    </tr>
    <tr>
        <td style=”height: 10px”><img src=”images/space.gif” style=”width: 1px; height: 1px” alt=””></td>
</tr>
</table>


2.    Bør jeg opbygge min side ved hjælp af DIV tags i stedet for tabeller? Og hvis ja hvordan kommer jeg så i gang med det?


3.    Hvis man vil lave en tabel med der skal være eks. 50px høj, skal man så sætte højden ved hjælp af et transparent billede? Eks <img src=”images/space.gif” style=”width: 1px; height: 50px” alt=””>


Er der i øvrigt et sted hvor man kan lære eller se hvordan man bør gøre brug af CSS. Jeg har kigget på www.html.dk, http://www.w3schools.com/, osv. men jeg synes ikke helt at jeg kan få afdækket alle mine spørgsmål der. De forklare mere om de enkelte elementer og ikke så meget om hvordan man opsætter et helt site.
Avatar billede bitkid Nybegynder
28. september 2005 - 13:40 #1
Du skal _altid_ bruge <div> Det giver langt mest frihed.

Indsæt <link rel="stylesheet" type="text/css" media="screen" href="filnavn.css" /> (udskift filnavn.css med din css fils navn) i <head> så er du igang.

css gør stor brug af arv og objekter. Du kan derfor sætte f.eks. en div rundt om elementer der er i venstre side og give den id="leftpartofpage" hvorefter du i din css fil kan skrive:

#leftpartofpage {padding-left: 2px;}

så vil hele venstre side få padding på 2px. Du kan også gør det at du siger:

#leftpartofpage div {padding-left: 2px;}

så vil alle divs der ligger inde i leftpartofpage få padding på 2 px.

Du kan også bruge class i stedet for id. Du refererer, i din css fil, til id med # foran navnet og til class med . for navnet (f.eks.: .myClass eller #myId)

Håber du kan bruge det. w3schools.com er et godt site til at få flere oplysninger.
Avatar billede roenving Novice
28. september 2005 - 20:53 #2
Man skal _aldrig_ bruge divs, medmindre de kan det, man præcis har brug for !-)

-- og man skal _altid_ bruge tabeller, hvis de kan det, man har brug for ...

-- hvilket i praksis betyder, at man rigtig mange gange har brug for at benytte sig af div-tags, men til nogle opgaver kan sidde og fedte i uger med at få dem til at gøre det samme, som man med en tabel kan lave på 5 sekunder !o]

-- og til diskussionen om opbygning af css, vil jeg da anbefale, at du finder alle de elementer, som skal det samme og så laver en class, som indeholder de fælles-ting ...

-- hvis du så har nogle ting, som går igen i nogle elementer, men ikke alle, kan du udnytte, at man sagtens kan sætte flere classes på hvert element, f.eks.

<span class="fedOverskrift roedUnderLine">Denne tekst skal være stor, fed, rød og understreget !-)</span>

-- med tilhørende selektorer i stylesheetet:

.fedOverskrift{
  font-size: 32px;
  font-weight: 900;
}

.roedUnderLine{
  color: #f00;
  text-decoration:underline;
}

-- men du vil med garanti støde ind i, at bitkids anbefaling om at udnytte cascading i css de fleste gange vil klare stort set alle dine alvorlige problemer med f.eks. padding, da elementer med en særlig padding oftest hører hjemme i en speciel type elementer, hvor man derfor kan benytte f.eks. #leftpartofpage div -selektoren (p.s. c'et i css betyder cascading !-)

-- og til spørgsmålet om spacer.gifs til at udspænde tabelceller, er det præcis udgangspunktet for rigtig mange tågehorns vanvittige udgydelser rundt omkring på indernettet, hvor de med absoluthed fraråder at benytte tabelceller ...

-- i midten af forrige årti var det den eneste mulighed for at opsætte grafisk fornuftige websider, men den tid ophørte så med udbredelsen af css efter html4 kom på banen i 1998, så datidens tabelhelveder med nestede tabeller op til 10-20 niveauer og hundredevis af spacer.gifs til at udspænde dem er selvfølgelig dybt forældet idag !-)

-- men det betyder selvfølgelig ikke, at man fuldstændigt skal undlade at bruge tabeller, og helt grotesk er det, når man støder ind i udsagnet: 'Skift tabellerne ud med css' ...

-- ret beset betyder udtrykket stort set det samme, som hvis man bad dig om i stedet for at hente morgenbrødet i din bil så benytte dig af dåsen med autolak i stedet, for en tabel er et html-element, mens css er styling-information (altså malingen !-)
Avatar billede bitkid Nybegynder
29. september 2005 - 09:27 #3
heh... Ja, Roenving har ret... Jeg tænkte ikke lige over at det faktisk giver mening at bruge tabeller :)

Skal man lave noget der skal stå i en tabel giver det naturligvis mening at benytte tabeller. F.eks. regnskabsdata eller en kalender eller andet (det kommer an på indholdet)

Til det generelle design af et site mener jeg at man altid bør benytte div tag.

Ellers er jeg enig i det Roenving sagde.
Avatar billede pnr Nybegynder
06. oktober 2005 - 06:07 #4
Har i nogle gode links til sider der beskriver brugen af div s og css? Er der evt nogle bøger man bør have? Har i nogle links til sider som er opbygget på en korrekt måde, så man kan se det "live"?
Avatar billede pnr Nybegynder
13. oktober 2005 - 17:49 #5
Er der mere hjælp her?
Avatar billede bitkid Nybegynder
14. oktober 2005 - 09:45 #6
www.computerworld.dk
www.itkursusguiden.dk
www.fyn.dk
www.fyens.dk
Avatar billede pnr Nybegynder
31. oktober 2005 - 11:14 #7
Jeg beklager at jeg ikke er vendt tilbage på den her før nu...

I skal begge have mange tak for jeres hjælp, roenving smid et svar så får du også del i pointne.
Avatar billede roenving Novice
31. oktober 2005 - 13:40 #8
Velbekomme '-)
Avatar billede roenving Novice
01. november 2005 - 15:38 #9
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »