Avatar billede nwn Nybegynder
02. januar 2009 - 02:30 Der er 11 kommentarer og
3 løsninger

Få spørgsmål om generelt CSS

Jeg har lige et par få spørgsmål omkring CSS.

1. Hvordan laver man en 3-dobbelt påvirkning fra sit CSS dokument?

div .test span { } Dvs. at et <span> element skal påvirkes, hvis det er indefor et element med class "test", hvilket skal være indefor et <div> element. Men jeg kan dog ikke få overnævnte til at virke.

F.eks: <div><p class="test"><span>Dette her skal påvirkes ;)</span></p></div>


2. Hvor relevant er det at definere et <li> elements width inde i selve dokumentet? Der er vel ikke andre metoder, man burde anvende i stedet, hvis man f.eks har en masse <li> elementer, der alle sammen skal have forskellig bredde?
Avatar billede ssv Nybegynder
02. januar 2009 - 03:12 #1
1: Prøv med div.test span { }
2: Er det ikke rimeligt upraktisk at have flere bredder på li'er, hvis de er under samme list (ul/ol)?

Hvis du derimod mener forskellig bredder på li'er under forskellige lists, kan du give hver list en class, og så definere li'erne under denne. Ex:

<style type="text/css">
ul.numberone li { }
ul.numbertwo li { }
</style>
Avatar billede olebole Juniormester
02. januar 2009 - 04:44 #2
<ole>

Det virker da ellers fint for mig  =)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
div .test span {
    color: red;
}
</style>
</head>
<body>

<div><p class="test"><span>Dette her skal påvirkes ;)</span></p></div>

</body>
</html>


/mvh
</bole>
Avatar billede nwn Nybegynder
02. januar 2009 - 15:53 #3
ssv ->

Det forstår jeg ikke helt. Hvis jeg f.eks vil stille nogle ting op, ligesom man kan med tables, så bliver jeg vel nød til at definerer deres bredde? Hvis jeg f.eks skal have 5 kolonner, og de alle 5 skal have forskellig bredde, så må det smarteste jo være, at definere bredden inde i dokumentet, fremfor at lave en class til hver bredde, i CSS dokumentet?

OleBole ->

Ja det gør det. Jeg var ellers sikker på, at ingenting i min CSS fil overskrev det, men jeg må lige tjekke det en gang til.
Avatar billede nwn Nybegynder
02. januar 2009 - 15:58 #4
OleBole ->

Mig selv de er rodet lidt ud i det.

div .class span { }

Min kode ser jo således ud:

<div class="class"><span>Det her skal påvires, men det bliver det ikke</span>

Det er jo tydeligt fordi, at classen "class" er defineret på selve <div>'en. Hvordan kan det så løses i det her tilfælde?

Altså, et <span> element skal påvirkes der, hvis det er placeret indefor et <ul> element der har angivet class til "class" ? Måske er det eneste mulighed så, at skrive: .class span { } eller?
Avatar billede ssv Nybegynder
02. januar 2009 - 22:44 #5
Du kan skrive: ul.class span { color: #f00; }
Avatar billede nwn Nybegynder
02. januar 2009 - 23:43 #6
Mærkeligt. Kunne ikke få det til at virke på den måde tidligere, men nok om det.

Hvad så med denne:

Det forstår jeg ikke helt. Hvis jeg f.eks vil stille nogle ting op, ligesom man kan med tables, så bliver jeg vel nød til at definerer deres bredde? Hvis jeg f.eks skal have 5 kolonner, og de alle 5 skal have forskellig bredde, så må det smarteste jo være, at definere bredden inde i dokumentet, fremfor at lave en class til hver bredde, i CSS dokumentet?
Avatar billede roenving Novice
03. januar 2009 - 12:11 #7
5 kolonner med forskellig bredde lyder meget mærkeligt (medmindre der kun er en linjes tekst i hver !-)

-- html-dokumentet bliver en anelse slankere, hvis du skriver det i css-dokumentet, men væsentligst så kan det af hensyn til en SEO-overvejelse (Søgemaskineoptimering) klart anbefales at have så lidt udover tags og indhold som muligt !o]
Avatar billede nwn Nybegynder
03. januar 2009 - 15:48 #8
Jamen så vil jeg definere det via class.

Vil i alle 3 smide et svar?
Avatar billede olebole Juniormester
03. januar 2009 - 20:07 #9
- og kald din klasse noget andet end 'class'. Det er så let at sætte vand over til problemer, når man bruger navne, der i forvejen bruges til noget andet  ;o)
Avatar billede nwn Nybegynder
03. januar 2009 - 23:04 #10
Den hedder skam noget andet i forvejen. Jeg ændrede blot navnet da jeg postede det her =)
Avatar billede nwn Nybegynder
05. januar 2009 - 22:55 #11
Vil du roenving og ssv ikke lige få smidt et svar?
Avatar billede roenving Novice
06. januar 2009 - 17:02 #12
Oki '-)
Avatar billede ssv Nybegynder
07. januar 2009 - 17:20 #13
Og et svar her :-)
Avatar billede roenving Novice
09. januar 2009 - 06:17 #14
-- 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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester