| Autor |
Nachricht |
bambam42
Threadersteller
Dabei seit: 10.04.2007
Ort: Dessau
Alter: 47
Geschlecht: 
|
Verfasst Fr 01.07.2011 15:49
Titel html5 & img 3 Pixel Abstand? |
  |
|
Mir ist diese Woche etwas untergekommen, wofür ich noch keine Erklärung gefunden habe.
Ein Bild, eingebunden auf eine html-Seite Doctype html5 erzeugt einen mir unerklärlichen 3 Pixel Abstand nach unten.
Aufgefallen ist es mir nach dem Verlinken desselben und der Definition einer Hintergrundfarbe bei a:hover.
Ich habe mal kurz 2 Beispiel-Dateien gebastelt, einmal XHTML und einmal HTML 5, um das Ganze zu verdeutlichen per a:hover.
Hat jemand eine "saubere" Idee, diesen Abstand zu entfernen?
html 5
XHTML
|
|
| |
  |
 |
| |
|
|
top
Dabei seit: 25.11.2003
Ort: Gameboy
Alter: 40
Geschlecht: 
|
Verfasst Fr 01.07.2011 16:11
Titel
|
|
|
| Code: | a img {
vertical-align: bottom;
border: none;
} |
|
|
| |
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 01.07.2011 16:14
Titel
|
|
|
Die Lücke ist auch im xhtml-Dokument vorhanden. Das siehst Du in Analysetools wie bspw. Firebug. Außerdem müssen xhtml-Dokumente wohlgeformt sein - deins ist es nicht. html5-Dokumente müssen nicht unbedingt wellformed nach xml-Standard sein, weil es strenggenommen wieder sgml-Instanzen sind. Trotzdem: Immer wohlgeformte Dokumente erzeugen, alles andere ist Scharrn und führt in die Debugging-Hölle.
Außerdem sind Deine Dokumente ungültig. Du verwendest nur inline-Elemente, die verhalten sich anders als Block-Elemente (line-height, baseline und so).
|
|
| |
|
|
bambam42
Threadersteller
Dabei seit: 10.04.2007
Ort: Dessau
Alter: 47
Geschlecht:
|
Verfasst Fr 01.07.2011 16:34
Titel
|
|
|
| top hat geschrieben: | | Code: | a img {
vertical-align: bottom;
border: none;
} |
|
muchas gracias 
| bacon hat geschrieben: | | Die Lücke ist auch im xhtml-Dokument vorhanden. |
mmhhh und wo kommt die her? und ich sehe die auch nicht im Firebug 
| bacon hat geschrieben: | | Die Lücke ist auch im xhtml-Dokument vorhanden. Das siehst Du in Analysetools wie bspw. Firebug. Außerdem müssen xhtml-Dokumente wohlgeformt sein - deins ist es nicht. |
hast ja recht, hab einfach nur kopiert und vergessen
| bacon hat geschrieben: |
Außerdem sind Deine Dokumente ungültig. Du verwendest nur inline-Elemente, die verhalten sich anders als Block-Elemente (line-height, baseline und so). |
iss mir klar, ging ja nur ums Beispiel, menno
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[css] - Abstand zwischen img und div
was ist besser? background-img oder img stretchen?
img {border: 0;} oder img {border: none;}
[INFO] - HTML5
HTML5 und Apps
XHTML2.0 vs. oder feat. HTML5
|
|
Willkommen auf dem Portal für Mediengestalter
