/ 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
Gøre et billede med css??
Fra : Anders


Dato : 14-03-04 11:35

Jeg er ved at lave en hp og har taget nogle billeder til den med
et digitalkamera. Men SKAL jeg bruge et grafikprogram for at gøre
det mindre??? Jeg har prøvet med css men kan ikke få det mindre
med det..
Her er udsnittet af koden:

#billede_kant1 {
width: 100px;
height: 100px;
}

og html koden

<div id="billede_kant1">
<img src="kant1.jpg">
</div>

Jeg har ingen problemer med at få resten til at virke, borders,
positions osv. men jeg kan ikke justerere højden på mit billede
med width og height.. Hva gør jeg??
mvh.
Anders

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

 
 
Soeren Nielsen (14-03-2004)
Kommentar
Fra : Soeren Nielsen


Dato : 14-03-04 12:02

Anders wrote:
> Jeg er ved at lave en hp og har taget nogle billeder til den med
> et digitalkamera. Men SKAL jeg bruge et grafikprogram for at gøre
> det mindre??? Jeg har prøvet med css men kan ikke få det mindre
> med det..
> Her er udsnittet af koden:
>
> #billede_kant1 {

Det er vist nok fordi du ikke må bruge _ i id.

Men det smarteste er da at tilpasse billederne til den ønskede
størrelse.
--
mvh Søren Nielsen
http://www.soerennielsen.dk
Jeg bruger ikke min hotmail, så skriv ikke til den


Bertel Lund Hansen (14-03-2004)
Kommentar
Fra : Bertel Lund Hansen


Dato : 14-03-04 12:06

Anders skrev:

>Jeg er ved at lave en hp og har taget nogle billeder til den med
>et digitalkamera. Men SKAL jeg bruge et grafikprogram for at gøre
>det mindre?

Skal og skal. Du kan få siden til at virke som du vil og skalere
billedet til præcis den størrelse du synes, uden brug af
grafikprogrammer.

Men det kan godt gøre din læser lidt sur hvis han sidder og
venter på at hente et billede på 3 MB og det så fremvises med
størrelsen 100*150.

Derfor er det smart (også for din egen oploadtid) at skalere
billedet med et grafikprogram så det har den størrelse der skal
bruges. I ovenstående eksempel kan det komme ned på ca. 5 KB.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

//anne (14-03-2004)
Kommentar
Fra : //anne


Dato : 14-03-04 12:10


> #billede_kant1 {
> width: 100px;
> height: 100px;
> }
denne style giver kun højde og bredde på <div>


> <div id="billede_kant1">
> <img src="kant1.jpg">
> </div>

enten skal du lave en style på <img> eller du skal sætte højde og
bredde ind <img src="kant1.jpg width: 100px; height: 100px";>


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

Ryan Kristensen (14-03-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 14-03-04 12:58

On Sun, 14 Mar 2004 11:09:41 +0000 (UTC), //anne <soj@post1.tele.dk> wrote:

> enten skal du lave en style på <img> eller du skal sætte højde og
> bredde ind <img src="kant1.jpg width: 100px; height: 100px";>

Du mener vidst <img src="kant1.jpg" style="width: 100px; height: 100px";>


--
Ryan Kristensen

Per Rasmussen (14-03-2004)
Kommentar
Fra : Per Rasmussen


Dato : 14-03-04 15:17

Ryan Kristensen wrote in dk.edb.internet.webdesign.html:
>
> Du mener vidst <img src="kant1.jpg" style="width: 100px; height: 100px";>
>
>
> --
> Ryan Kristensen

Vi kan da egentlig tage den en gang til.
Du mener vel : <img src="kant1.jpg" style=width: "100px"; height: "100px";>

at bruge px er vel heller ikke nødvendigt.

PerR

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

Ryan Kristensen (14-03-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 14-03-04 16:15

On Sun, 14 Mar 2004 14:16:55 +0000 (UTC), Per Rasmussen <post@8-hk.dk>
wrote:

> Vi kan da egentlig tage den en gang til.

Det tror jeg nu ikke.

> Du mener vel : <img src="kant1.jpg" style=width: "100px"; height:
> "100px";>

Du blander det sammen med <img src="kant1.jpg" width="100" height="100">
Hvis du vil angive dimensionerne vha. style (hvilket du bør) skal du gøre
det sådan her: style="width:100px; height:100px;".

> at bruge px er vel heller ikke nødvendigt.

Hvis du benytter style så er det, ved ikke med den gamle html-måde, da den
i det hele taget bør undgåes.
Mange browsere gætter på, at man mener px, hvis ikke andet er angivet, men
de kunne jo ligeså godt gætte på %.
Mozilla ignorere det, hvis du ikke angiver enhed.

--
Ryan Kristensen

Erik Ginnerskov (14-03-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 14-03-04 16:53


"Ryan Kristensen" <ryankristensen@hotmail.invalid> skrev

> > enten skal du lave en style på <img> eller du skal sætte højde og
> > bredde ind <img src="kant1.jpg width: 100px; height: 100px";>
>
> Du mener vidst <img src="kant1.jpg" style="width: 100px; height: 100px";>

Denne er bedre: <img src="kant1.jpg" width="100" height="100">

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Ryan Kristensen (14-03-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 14-03-04 17:00

On Sun, 14 Mar 2004 16:52:48 +0100, Erik Ginnerskov <egin@spam.invalid>
wrote:

> Denne er bedre: <img src="kant1.jpg" width="100" height="100">

På hvilket måde er den bedre?
Bør man ikke benytte style til sådan noget?

--
Ryan Kristensen

Anders Thorsen Holm (14-03-2004)
Kommentar
Fra : Anders Thorsen Holm


Dato : 14-03-04 17:12

Ryan Kristensen wrote:

>> Denne er bedre: <img src="kant1.jpg" width="100" height="100">
>
> På hvilket måde er den bedre?
> Bør man ikke benytte style til sådan noget?

Jeg mener at have erfaret (dejligt undvigende formulering), at
egenskaber ved inline-styles såvel som eksterne stylesheets først
påvirker renderingen af siden, når det hele er indlæst. Hvormid img-
elementets width- og height-attributter virker med det samme, så der
derved straks gøres plads til billedet - man undgår derved at siden
"hopper" efterhånden som siden indlæses.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Ryan Kristensen (14-03-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 14-03-04 17:18

On Sun, 14 Mar 2004 16:12:01 +0000 (UTC), Anders Thorsen Holm
<zoolook@daimi.au.invalid> wrote:

> Jeg mener at have erfaret (dejligt undvigende formulering), at
> egenskaber ved inline-styles såvel som eksterne stylesheets først
> påvirker renderingen af siden, når det hele er indlæst. Hvormid img-
> elementets width- og height-attributter virker med det samme, så der
> derved straks gøres plads til billedet - man undgår derved at siden
> "hopper" efterhånden som siden indlæses.

Ah ja, det har du da ret i.

--
Ryan Kristensen

Erik Ginnerskov (14-03-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 14-03-04 17:13


"Ryan Kristensen" <ryankristensen@hotmail.invalid> skrev

> > Denne er bedre: <img src="kant1.jpg" width="100" height="100">
>
> På hvilket måde er den bedre?
> Bør man ikke benytte style til sådan noget?

Ikke ved indsættelse af billeder. Den kode, jeg viste, validerer som xhtml
1.0 strict - og så er den kortere end ved brug af style.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste