Ungewollter Abstand zwischen Grafiken

Viele Fragen zum Thema Layout

Hallo,

ich bin gerade dabei das Layout meiner Seite in CSS zu realisieren um endlich mal von den Tabellen wegzukommen. Jedoch plagt mich gerade das Problem das zwischen einigen Grafiken ein ungewollter Abstand dargestellt wird - und zwar nur im IE, im Firefox exisitert dieser Abstand nicht.

Hier habe ich mal 2 Bilder dazu:

http://deniswelsch.de/temp/ungewollter-abstand1.gif
http://deniswelsch.de/temp/ungewollter-abstand2.gif

Es liegt definitiv am <div> Tag, denn nehme ich diesen in der Navigation raus, ist der Abstand weg. Was ich nun genau in der CSS Datei noch machen kann damit dieser Abstand nicht existiert weiss ich leider nicht und hoffe ihr könnt mir helfen.

Die CSS der Navigation sieht so aus:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Zum anderen würde mich interessieren, wie ich Kategorienamen eine Grafik zuweisen kann sodass z.B. in der Sidebar nicht der Text Blogroll steht sondern eine Grafik dafür angezeigt wird.

Danke schonmal für eure Hilfe.

Grüße
Denis

 

Läuft alles noch auf meinem lokalen Webserver, daher kein Link.

HTML Code sieht wie folgt aus:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Die Tabelle ist ein Überbleibsel des alten Codes und ich möchte erst weitermachen wenn das Problem gelöst ist.

Hier die gesamte CSS:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Der Abstand ist weg, aber alle Grafiken werden jetzt untereinander angezeigt o0

 

Ich habe gerade aus...

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

...das hier gemacht:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Der Abstand verschwand!
Dann habe ich den Code oben entfernt und in meinem oben geposteten Code aus dem "block" ein "inline" gemacht. Der Abstand war wieder da. Also alles rückgängig gemacht und meine #navigation so geändert:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Und jetzt kommts, den Code von Olafb vergessen reinzuschreiben und so probiert und was soll ich sagen, es funktioniert - in beiden Browsern Sehr kurios.

Bleibt nur noch meine 2. Frage offen, danke erstmal!

 

@Monika

Das Problem schieb ich erstmal beiseite, denn ich hab gerade ein ganz anderes.

Und zwar wachsen meine <div> Elemente nicht mit dem Inhalt mit. Da ich mich erst seit kurzem damit befasse mein Layout mit CSS umzusetzen steig ich da noch nicht so richtig durch und bekomme es einfach nicht hin.

Im Anhang hab ich mal eine Grafik eingefügt die das Problem verdeutlicht.

Der Code sieht wie folgt aus:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Die Elemente border-left, mainhr, sidebar und border-right wachsen nicht mit.

CSS hier:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Was mache ich falsch?

 

Hab das Problem erstmal mit einer Tabelle gelöst und es läuft im IE und im Firefox.

Bleibt noch meine andere Frage bezüglich der Grafiken anstatt der Kategorienamen.
Ist es möglich anstatt des Namens eine Grafik anzeigen zu lassen wie im folgenden Beispiel?

http://www.deniswelsch.de/temp/grafik-statt-text.gif

Also es soll zum Beispiel nicht Blogroll als Text dastehen, sondern ich möchte dafür eine Grafik ausgeben. Das gleiche bei z.B. Seiten, Kategorien, Meta etc.

Ich hab z.B. in der sidebar.php das <h2>Meta</h2> durch eine Grafik ersetzt, aber es passiert nichts.

Hier..

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

..habe ich auch probiert eine Grafik einzubinden aber der Text bleibt stehen und die Grafik wird nicht angezeigt.

 

Ok danke, ich glaube ich hab verstanden was du meinst. Ich werd mich mal dran probieren hab aber schon wieder ein Problem :-? Komm mir schon langsam blöd vor. Aber so ist das wenn man sonst immer nur mit Tabellen gearbeitet hat.

Ich hab mich mal auf meinen Server gewagt damit ihr vernünftig schauen könnt was ich meine. Und zwar habe ich wieder ungewollte Abstände, diesemal nicht zwischen Grafiken sondern in meinem Content bzw. Newsbereich beim Text. Ich hab keinen Schimmer woran das liegt und bekomme den Inhalt eines einzelnen eintrages einfach nicht weiter zusammengeschoben.

Zu sehen hier: Denis Welsch

Meine CSS sieht zur Zeit so hier aus:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Den Rest einfach nicht beachten, soweit bin ich noch nicht!

 

Mhh bei mir ist das alles ziemlich weit auseinandergezogen. Im Firefox steht alles ein wenig enger zusammen.

Zum Vergleich hier mal das alte Layout mit Tabellen:
Personal Showcase Of Denis Welsch - v1.1 //

 

Super, danke Olaf!

 

Hi,

um nicht nochmal ein neues Thema aufzumachen, bleibe ich mal in meinem Thread hier.
Mein Theme ist soweit fertig und WP läuft auch ganz gut.
Ich habe den Code den Olafb mir gegeben hat wieder entfernt da keine vernünftigen Absätze angezeigt wurden etc.

Jetzt ist mir aber etwas kurioses aufgefallen.
Ich füge den Inhalt einer Seite per include Befehl ein, d.h. es gibt für den Inhalt eine extra angelegte .php Datei da ich, wenn sich auf dieser Seite mal etwas ändern sollte, nicht im eingebauten WP Editor rumspielen will sondern das lieber gerne über einen externen machen möchte wie z.B. Notepad.

Der Code sieht in der .php Datei wie folgt aus:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Alles schön und gut, aber WP haut irgendwie an einigen Stellen ein <p> rein, obwohl dieser Code garnicht in der .php Datei vorkommt.

So sieht es aus wenn ich den Quelltext pber den IE anschaue:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Wo um Himmels Willen kommen die ganzen <p> her?
Am Anfang hatte ich die Vermutung das die Browser (getestet im IE und Firefox) diese Absätze reindonnern, aber dem ist nicht so. Denn in der Sidebar füge ich auch ein wenig Inhalt per externer .php Datei ein und dort gibt es keine Absätze die auf einmal aus dem Verborgenen hervorkriechen.

Ich hab auch schon ein wenig in den .php Dateien von WP rumgeschnüffelt ob ich da vielleicht etwas finde was diese Absätze erzeugt, bin aber leider nicht fündig geworden.

Ich hoffe ihr könnt mir weiterhelfen und mir dieses Phänomen erklären.

Besten Dank schonmal.

Grüße
Denis

 

Ich hab gestern nochmal ein wenig im Forum rumgewühlt und bin auf diesen Beitrag gestossen: http://forum.wordpress-deutschland.org/design/25883-problem-bei-der-anpassung-von-wordpress-meine-homepage.html

Wer also das gleiche Problem hat, sollte sich diesen mal anschauen.

Grüße