Citat:
|
Ursprungligen postat av martine
Citat:
Originally posted by -jimmie@Jul 9 2006, 19:57
Om du har en bild innanför en länk-tag så blir det en ram runt hela bilden. På den gamla (goda?) tiden så skrev man ofta
[img]...[/img] för att få bort ramen som skapades vid länkning. Det är exakt vad min lösning ovan gör också fast med css.
|
Ja, det är vad ditt förslag gör. Med du kanske skulle läsa frågan och svara på den istället för att föreslå en lösning på ett gammalt problem. Läs första inlägget så ser du vad det handlar om.
Citat:
Originally posted by -jimmie@Jul 9 2006, 19:57
Men vill man ha en ram på bilder ändå så får man väl göra det så om man vill. Dock fungerar min lösning fint och jag använder det själv på flera sidor.
|
Det tvivlar jag inte på. (Men man kan ju fråga sig varför du anger px när du anger 0, 0px är väl samma sak som 0em... Om man inte vill ha någon ram är det väl mest logisk att använda ram: ingen; dvs. border: none; )
Citat:
Originally posted by -jimmie@Jul 9 2006, 19:57
Om jag nu skulle vilja ha en ram på bilder på sidan så har jag förmodligen de bilderna inom ett eget lager och ger då lageregenskaper som då renderar i en ram på bilderna.
|
Vad menar du för lager? Pratar vi Netscape 4 <layer> här eller vad menar du? Det finns ingen anledning att sno in <img>-element i extra <div>-element eller liknande. Det leder bara bara till tyngre html-kod och bör undvikas om det går.
Citat:
|
Ursprungligen postat av jimmie
Men generellt är jag inte intresserad av att ha en ram på bilderna i t.ex. menyer, rubriker etc.
|
Varför skulle du vilja ha bilder i rubriker eller menyer??? Och om du skulle vilja ha det så är ju en enkel lösning att använda:
h2 img { bla: bla; }
Jag tror du missförstått den egentliga frågan, skilj bild-elementet från ankar-elementet i ditt tänkande. Frågan var hur man slipper att få en border-bottom på ett <a> som följs av <img>.
Det kan hända att vi har olika tankesätt om hur css bör användas men din lösning med ett img {border:0px} verkar ju inte särkilt avancerad, mer än en motsvarighet till gamla border="0" (Det finns, för den som är intresserad, ett logiskt glapp här: border="0" i html innebär att länken inte ger någon ram runt bilden fastän ramen är orsakad av länken och inte av bilden. Man sätter alltså ram-storleken på bilden trots att den uppstår genom länkningen)
Edit: koala och Blackex, några kommentarer?
|
Jag gav ett sätt att lösa det på, ett sätt som fungerar fint för mig.
När jag pratar om lager så pratar jag om div. Normalt sett när man använder css för att styra en sidas innehåll använder man lager, dvs div:ar för specifika delar av sidan. Detta för att slippa använda class-taggen överallt utan man kan istället ha <div id="lager1">innehåll som formateras</div> och sedan bara skriva #lager1 a {... } . Du får mindre kod än om du ska skriva
.... på alla taggar. Dvs. sidan laddas snabbare samt att det är enklare att ändra(Färre ställen att ändra på).
Citat:
men din lösning med ett img {border:0px} verkar ju inte särkilt avancerad,
|
Vem har sagt att lösningar måste vara avancerade? Fungerar det så är jag nöjd. Visst skriv border:none; om du vill det, det är mer logiskt korrekt.
Men alla som arbetar med css vet att bara följa vad som är semantiskt korrekt räcker inte för att sidan ska visas rätt i alla webbläsare då dom har tolkat och implementerat det olika. Mitt sätt fungerar fint för mig i alla webbläsare och därför använder jag det. Jag säger inget om att ditt sätt är fel men alla sätt är väl bra utom dom dåliga(Dom som inte funkar)?