|
| 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
| |
|
|