Zur Navigation

Position

1 matze

Hallo !

ich habe auf einer webseite einen Div gesehen da sind die Zwischenabstände nicht so gross.
Ich habe hier zwar schon viel gelesen aber werde absolut nicht schlau

01.05.2018 22:17

2 Käptn Blaubär

Zitat von matze
ich habe auf einer webseite einen Div gesehen

Echt? Auf welcher denn?

Zitat von matze
da sind die Zwischenabstände nicht so gross

Nicht so groß wie wo?

Ich würde zuerst die Eigenschaften margin-top und margin-bottom (oder zusammengefaßt in margin mit vier Parametern: dann gilt die Reihenfolge oben rechts unten links) prüfen.

Gehe mit dem Mauszeiger auf das Element, klicke rechts und wähle "Element untersuchen" (oder ähnlich formulierten Kontextmenü-Eintrag), um die Entwickler-Werkzeuge Deines Browsers aufzurufen. Dann werden Dir die zugehörigen CSS-Eigenschaften des Elements angezeigt (und Du kannst sie testweise sogar auf Deinem Rechner ändern).

Wenn Du CSS-Neuling bist, empfehle ich Dir diese CSS-Einführung. Nicht mehr ganz neu und berücksichtigt nur die CSS-Version 2, ist aber für CSS-Einsteiger gut geeignet. Damit ist es vor vielen Jahren sogar mir gelungen, CSS zu lernen.

02.05.2018 00:41

4 Jörg Kruse

Was genau hast du denn probiert? in den Karten-Divs steht der margin Wert noch auf 0:

<div id="map" style="width: 320px; height: 200px; margin: 0px; overflow: hidden;"></div>

02.05.2018 23:26 | geändert: 02.05.2018 23:26

5 matze

Das habe ich Ich eingebaut:

echo "<table cellpadding='0' cellspacing='3' width='70%' class='tbl3 center'><tr>";
echo '<td width="23%" valign="top" align="center">';
echo '<div id="map1" style="width: 400px; height: 200px; box-shadow: 7px 7px 7px rgba(0, 134, 185, .9);}
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0px; overflow: hidden; position:relative;"></div>';
echo '<td width="23%" valign="top" align="center">';
echo '<div id="map2" style="width: 400px; height: 200px; box-shadow: 7px 7px 7px rgba(0, 134, 185, .9);} 
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0px; overflow: hidden; position:relative;"></div>';

Habe auch versucht den Schatteneffekt weg zu nehmen ...gleiche ergebniss.

05.05.2018 22:53

6 Jörg Kruse

Die Werte für margin sind immer noch 0px.

Wenn du größere Abstände haben möchtest, musst du den Wert erhöhen.

Davon abgesehen sind die beiden "}" in deinem Code fehl am Platz.

06.05.2018 22:23

7 matze

Jetzt hat es geklappt ,es lag an der Breite der Tabelle.

07.05.2018 02:07

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]