/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hvordan håndterer man flere billeder i css~
Fra : Jasper Uldal


Dato : 30-03-06 17:57

Jeg er i gang med at lave en hjemmeside i html og har i den
forbindelse oprettet et style sheet vha. css.
Jeg vil gerne have et par billeder på min side men hvordan kan
jeg håndtere billederne individuelt i mit style sheet (de skal
bla. have forskellig placering)?
Jeg har nedstående kode i mit style sheet, men den påvirker jo
alle de billeder jeg sætter ind:

img {   
   position:absolute;
   top: 100px;
   left: 140px;
   border:none;
}

Mvh. Jasper Uldal

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
David Trasbo (30-03-2006)
Kommentar
Fra : David Trasbo


Dato : 30-03-06 18:09

Jasper Uldal skrev:

> Jeg vil gerne have et par billeder på min side men hvordan kan
> jeg håndtere billederne individuelt i mit style sheet (de skal
> bla. have forskellig placering)?

Du giver hvert billede en id:

<img src="..." alt="..." id="billede1">

Og i dit stylesheet:

#billede1{
   egenskaber
}


--
David Trasbo.
Vær en god Usenet-bruger. http://usenet.dk/netikette.

Kim Ludvigsen (30-03-2006)
Kommentar
Fra : Kim Ludvigsen


Dato : 30-03-06 21:09

Den 30-03-06 19.08 skrev David Trasbo følgende:
> Jasper Uldal skrev:
>
>> Jeg vil gerne have et par billeder på min side men hvordan kan
>> jeg håndtere billederne individuelt i mit style sheet (de skal
>> bla. have forskellig placering)?
>
> Du giver hvert billede en id:

Det kan være en fordel at bruge class i stedet, så kan man bruge den
samme stil på flere billeder på siden. Fx hvis man skal have 5
højrestillede billeder.

--
Mvh. Kim Ludvigsen
Gratis bridgeprogram, så du kan øve dig uden at blive udsat for
makkerens hvasse blikke og spark under bordet.
http://kimludvigsen.dk

Knud Gert Ellentoft (30-03-2006)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 30-03-06 18:41

Jasper Uldal skrev:

>Jeg vil gerne have et par billeder på min side men hvordan kan
>jeg håndtere billederne individuelt i mit style sheet (de skal
>bla. have forskellig placering)?

>img {   
>   position:absolute;

Hvorfor vil du gerne bruge position: absolute?

Hvad er foremålet?

Det bør undgås at bruges, medmindre der ikke findes andre
muligheder (f.eks. ved z-index).
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Allan Vebel (30-03-2006)
Kommentar
Fra : Allan Vebel


Dato : 30-03-06 22:27

Jasper Uldal skrev:

> Jeg vil gerne have et par billeder på min side men
> hvordan kan jeg håndtere billederne individuelt i mit
> style sheet (de skal bla. have forskellig placering)?

Du skal bare stable billederne op ved siden af hinanden:

<div id="billeder">
<h1>Overskrift</h1>
<p>Tekst</p>
<img src="billede1.png">
<img src="billede2.png">
<img src="billede3.png">
<img src="billede4.png">
</div>

#billeder a img{
border:3px dotted #808080;
padding:0px;
margin:0px 5px 5px 0px;
}
#billeder a:hover img{
border:3px solid #ffff99;
}

Leg selv videre med mit eksempel, og med alt- og title-tekst
og størrelse.

--
Allan Vebel
http://html-faq.dk - nu også med rss



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste