CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

hobbez Nybegynder

03. maj 2008 - 21:36 Der er 8 kommentarer og
1 løsning

CSS der kun berører del af siden - uden at miste andre styles

Hej alle

Jeg forsøger at ændre mine styles på en del af en side.

Det kan jeg jo klare med en <SPAN> men her er problemet: Jeg vil gerne gøre det uden at miste de styles der ellers gælder for siden (og uden at skulle definere dem en gang til).

Og jeg vil gerne gøre det uden at skulle bruge en ny class.

Mere specifikt drejer det sig om billeder: Når jeg indsætter et IMG vil jeg gerne have en box omkring ('margin-top', 'margin-right', 'margin-bottom', 'margin-left' ).

Men det skal naturligvis ske uden at alle billeder på siden bliver berørt af denne MARGIN, for det ville jo totalt smadre mit design.

Jeg går ud fra at der er en 'nåh ja' løsning, men jeg kan ikke se den selv, lige nu.

Help? :o)

//Rob

Synes godt om

olebole Juniormester

03. maj 2008 - 22:04 #1

<ole>

clairvoyant_images {
margin: 10px 5px 15px 20px;
}

/mvh
</bole>

Synes godt om

olebole Juniormester

03. maj 2008 - 22:06 #2

- og hvis jeg skal være seriøs: Hvordan skulle det mon ske, hvis reglen ikke må ramme alle billeder - og du ikke vil give de, der skal rammes, et kendetegn som en CSS-klasse? =)

Synes godt om

hobbez Nybegynder

03. maj 2008 - 22:33 #3

Tja forestillede mig noget i den her retning (pseudokode):

<HTML>
<HEAD>
<STANDARD CSS>
Her er så alle de styles der skal gælde for hele dokumentet.
</STANDARD CSS>
</HEAD>
<BODY>

Her er så et IMG der er ramt af standard CSS

<DIV eller lignende - for IMG (og kun for IMG) i denne DIV gælder andre styles>

Her er så et IMG der er stylet som det gælder for denne DIV.

Alt hvad der er ikke er IMG vises med styles fra STANDARD CSS.

</DIV eller lignende - for IMG (og kun for IMG) i denne DIV gælder andre styles>

Og så er vi tilbage med et IMG der er ramt af standard CSS

</BODY>
</HTML>

Synes godt om

olebole Juniormester

03. maj 2008 - 22:43 #4

Okay, så er der noget at tage fat i =)

.specialImgs img {
/* Regler her */
}

- og:

<div class="specialImgs">
<img src="picA.jpg">
<img src="picB.jpg">
<img src="picC.jpg">
</div>

Synes godt om

hobbez Nybegynder

03. maj 2008 - 22:51 #5

Det tester jeg lige, thnx!

//Rob

Synes godt om

hobbez Nybegynder

03. maj 2008 - 23:01 #6

Ja, det var løsningen. Tak :o)

Læg lige et svar så du kan få point.

Synes godt om

olebole Juniormester

03. maj 2008 - 23:11 #7

Gerne ;o)

Synes godt om

olebole Juniormester

03. maj 2008 - 23:28 #8

Tak for points =)

Synes godt om

hobbez Nybegynder

03. maj 2008 - 23:34 #9

Tak for hjælpen :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS