Funderingar kring bilder och ramar

Hej!

Jag har en fundering som jag hoppas att någon kan hjälpa mig att få någon rätsida på.

Om man har en bild som är t.ex. 250*188 pixlar som man tagit och gjort en svart ram runt (stroke i photoshop) och sen vill man visa en mindre version av bilden. Jag skriver därför t.ex. width="100" och height="70". Problemet är då att en del webbläsare/skärmar visar ingen kant alls, en del visar bara en kant till höger och under bilden (vänster kant och top missas) och en del visar det precis som jag vill ha det, d.v.s. med kant runt hela bilden.

Undrar om det finns någon lösning på detta? Vill alltså att det ska visas en kant runt hela bilden även när jag väljer att visa bilderna med mindre storlek än de egentligen är i.

Jag vill inte:
- Göra om 1000-tals bilder så att de inte får någon kant.
- Göra en mindre version av alla bilder som kan visas med rätt storlek (både av arbets och utrymmes skäl).

Hoppas på svar!

/Lena

Det är aldrig en bra idé att förminska bilder med HTML:s width och height. Det blir bara fult.

Om du inte vill göra två versioner av bilden (en liten och en stor) så får du nog leva med det här problemet.

Det du skulle kunna göra är att sätta en ram på bilden med CSS:

<img src="bild.gif" style="border: 1px solid #000;">

Vill du inte..
  1. Göra om bilderna
  2. Göra thumbnails

..så kan du sätta ett css-attribut till bilderna, då får iaf alla bilderna en ram.

[red]<img src="bild.jpg" style="width: 100px; height: 70px; border: 1px solid #000;">[/red]

Hej!
Ja, jag har också dragit slutsatsen är det är j*vla korkat att ha det på det viset men det är så dags att komma på nu =)
Tack så mycket för era svar!
Mvh Lena