mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 05:36 Benutzername: Passwort: Auto-Login

Thema: [css] - Abstand zwischen img und div vom 28.05.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [css] - Abstand zwischen img und div
Seite: 1, 2  Weiter
Autor Nachricht
superheld
Threadersteller

Dabei seit: 12.05.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 28.05.2010 12:55
Titel

[css] - Abstand zwischen img und div

 Antworten mit Zitat Zum Seitenanfang
Hallo!

Ich habe ein kleines Problem mit div und img. Und zwar stelle ich ein Bild dar. Darunter ein Div, dessen Hintergrund direkt anschließen soll. Das ganze soll ein Rahmen werden. Zwischen img und div sind jetzt aber ein paar Pixel Abstand. Egal was ich eingebe, er bleibt. Also Border sind auf 0, margin und padding ebenso. Mit fällt jetzt keine weitere Einstellung ein, die jenen Abstand verschwinden lässt. Hat jemand ne Ahnung was es sein könnte?

Danke Lächel
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Fr 28.05.2010 12:56
Titel

Antworten mit Zitat Zum Seitenanfang
Negatives Margin? Überlagerungen mittels z-index ? * Keine Ahnung... *
  View user's profile Private Nachricht senden
Anzeige
Anzeige
superheld
Threadersteller

Dabei seit: 12.05.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 28.05.2010 14:03
Titel

Antworten mit Zitat Zum Seitenanfang
Nöppes. Ich glaub, ich poste mal den Code Lächel

Also. Zuerst HTML, zumindest die relevanten teile:

Code:

<div class="content">
<img src="/wp-content/themes/test/images/content_top.png" alt="" />
<div class="content_back">


Und das CSS

Code:

.content {
   width:600px;
   float:left;
   margin: 0px; padding: 0px;
}

.content_back {
   background-image:url('/wp-content/themes/test/images/content_cen.png');
   background-position-x:center;
   background-repeat:repeat-y;
   margin: 0px; padding:0px;
}

img {
   border:none;
   margin: 0px; padding:0px;
}


Über die Webdeveloper-CSS-Guckmalnach-Dingens kann ich sehen, dass zwischen dem Bild und dem .content_back zu .content gehört. Ich bin aber etwas ratlos. Es ist eben nicht nur an dieser Stelle sondern auch am Footer z.B. Ich dachte, es läge an den Bildern, aber der Header hat nach oben keinen Abstand. Header und Footer sind mit position an den Rand geheftet. Oben gehts, unten nicht. Hmm.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Fr 28.05.2010 14:11
Titel

Antworten mit Zitat Zum Seitenanfang
Clearst du die floats?

Kannst am besten mal den Link posten.
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 28.05.2010 15:12
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
<img src="/wp-content/themes/test/images/content_top.png" alt="" style="display:block" />

Schon probiert?
  View user's profile Private Nachricht senden
superheld
Threadersteller

Dabei seit: 12.05.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 29.05.2010 11:26
Titel

Antworten mit Zitat Zum Seitenanfang
Hallo!

An display:block hatte ich nicht gedachte. Das meiste funktioniert jetzt. Nur der Abschließende Rahmen fällt noch aus dem selbigen *zwinker*

Die Floates werden gecleared. Link darf ich leider erst rausgeben, wenns lüppt...

Danke aber soweit.
  View user's profile Private Nachricht senden
superheld
Threadersteller

Dabei seit: 12.05.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 07.07.2010 17:30
Titel

Antworten mit Zitat Zum Seitenanfang
Ahoi zusammen!

Neue Seite, altes Problem. Den Code habe ich sogar schon kopiert, aber dennoch will es in diesem Theme nicht klappen.

Hier mal der Link: http://ct.querdenkerkommunikation.de

Ich bin am rumprobieren, es könnte also sein, dass jeder der guckt, einen ein klein wenig veränderten Code sieht Lächel
  View user's profile Private Nachricht senden
Krisslinger

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 07.07.2010 17:45
Titel

Antworten mit Zitat Zum Seitenanfang
Gib dem content-back ein float left und ein width 100%. So hats bei mir eben funktioniert.

Das problem ist dein h1 und dein p Tag, die beide Abstände nach oben und unten haben und so die Abstände zwischen deinen Elementen hervorrufen!
  View user's profile Private Nachricht senden
 
Ähnliche Themen hp hat abstand zum browserrand
[css] abstand von scrollbar?
css abstand probleme
Abstand nach <p> Tag
html abstand
Fussnoten-Abstand einstellen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB