| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
sgee ForumRank-1

Anmeldungsdatum: 15.01.2007 Beiträge: 6 Wohnort: Hürth
|
Verfasst am: 16.01.2007, 11:41 Titel: Bilder haben ein Padding...? |
|
|
Hallo,
ich habe ein Problem, dass ich mir leider nicht wirklich erklären kann. und zwar haben auf der Seite, die ich gerade erstelle ein Padding.
Hier der Link zu einer Seite, wo man's ganz gut erkennen kann:
http://kuechen-enkel.de/kuechenstudio.historie.html
Es geht da um die Headergrafik (wird zufällig geladen). Jedenfalls habe ich für das DIV (background: red;) nur eine Breite und keine Höhe definiert, da sich die Höhe der Bilder ändern kann. Soweit so gut.. Jedenfalls habe ich unten immer einen hässlichen Rand dran (jetzt rot weil ich den hintergrund rot gemacht hab).. Auf anderen Seiten ist mir das Problem auch aufgefallen. Sieht aus als hätte das Problem was mit den Bildern zu tun. Aber wieso?
Kennt jemand das Problem? Suche seit ner Stunde..
| Code: | img {
border: 0px none;
margin: 0px;
padding: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
border: 0px none;
}
div {
padding: 0px;
margin: 0px;
}
|
| Code: | #kopf #farbbox #dyn_header {
position: relative;
width: 760px;
float: right;
padding: 0px;
margin: 0px;
background: red;
border: 0px none;
} |
Danke,
Stefan |
|
| Nach oben |
|
 |
Google
|
Verfasst am: Titel: Anzeige |
|
|
|
|
|
| Nach oben |
|
 |
YuryR Administrator


Anmeldungsdatum: 27.06.2005 Beiträge: 970 Wohnort: Göttingen
|
Verfasst am: 16.01.2007, 12:23 Titel: |
|
|
also ersstmal ganz auf die schnelle..
wenn du bei einer angabe den wert mit 0 angibst, musst du nicht px hinter schreiben..
0 ist 0 egal von welcher einheit
und zwischen #kopf #farbbox #dyn_header
gehöt iimmer ein komma
#edit: gut, wenn es eine verschachtelte konstruktion ist, dann muss da kein komma hin  _________________ news script | rezepte script | kostenloser counter dienst |
|
| Nach oben |
|
 |
sgee ForumRank-1

Anmeldungsdatum: 15.01.2007 Beiträge: 6 Wohnort: Hürth
|
Verfasst am: 16.01.2007, 13:10 Titel: Lösung des Problems |
|
|
Das Problem ist gelöst!
Es lag an meiner DTD! Habe sie geändert und jetzt werden die Grafiken richtig dargestellt.
Vorher:
| Code: | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
Jetzt:
| Code: | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
Für die, die's mal ausprobieren möchten hier ein Testfile:
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<div style="position: relative; background: red; padding: 0px; margin: 0px; border: 0px none;">
<img src="http://www.google.de/intl/de_de/images/logo.gif" style="padding: 0px; margin: 0px; border: 0px none;" />
</div> |
|
|
| Nach oben |
|
 |
Enno Moderator

Anmeldungsdatum: 07.07.2004 Beiträge: 544
|
Verfasst am: 16.01.2007, 22:37 Titel: |
|
|
Jetzt bin ech etwas erstaunt, über deine Lösung...
Ehrlich gesagt habe ich den Sinn von diesem "DoCTYPE" nie verstanden. Deswegen habe ich diese Angabe am Anfang des Quelltextes auf keiner einzigen Seite von mir
Gruß Enno
Edit auf den 1. Blick hätte ich es mit dem Tag
img [border:0px;]
oder so ähnlich... die Bild_border muß auf 0 gesetzt werden... _________________ Foren-Suchmaschine Katalog für Foren bei www.hoood.de
bei DSDS demnächst das DSDS Album kaufen |
|
| Nach oben |
|
 |
YuryR Administrator


Anmeldungsdatum: 27.06.2005 Beiträge: 970 Wohnort: Göttingen
|
Verfasst am: 16.01.2007, 23:20 Titel: |
|
|
die doctype zeile gibt die sprache (HTML/Xhtml) bzw die variante (4.01 z.b) und dahinter ist immer (oder meistens ; ) ein link zu der spezifikation dieser sprache/variante
hast du in der doczeile z.b. den link zu "strict" drinn, werden die "bunten" scrollbalken nicht mal im ie6 dargestellt _________________ news script | rezepte script | kostenloser counter dienst |
|
| Nach oben |
|
 |
Enno Moderator

Anmeldungsdatum: 07.07.2004 Beiträge: 544
|
Verfasst am: 18.01.2007, 13:26 Titel: |
|
|
also muß man das haben?
um Bilder ohne Border darzustellen meinte ich im übrigen
| Code: | img {
border: none;
} | .... _________________ Foren-Suchmaschine Katalog für Foren bei www.hoood.de
bei DSDS demnächst das DSDS Album kaufen |
|
| Nach oben |
|
 |
|