Abstand zwischen Border-Top und Entry

  • Hi,

    ich hab folgendes Problem. Zwischen dem Content (entry) und dem Border-Top hab ich einen Abstand von 13 px und bekomme den nicht raus. Ich hab keine Ahnung woher diese 13px kommen. Mir ist aufgefallen, dass wenn ich die Schriftgroße verändere (derzeit 13px), dann wird auch dieser Abstand verändert.

    Hat jemand eine Ahnung, ich den Abstand raus bekomme, damit das Bild direkt am Border-Top anliegt?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ach so ^^, hier natürlich noch der CSS Abschnitt:

  • nun die innen-Abstände werden über "padding:" geregelt

    allerdings wenn du dies nun auf 0 setzt, klebt auch die Schrift ganz oben

    wobei ein Link zur Seite hilfreich wäre, falls die Grafik separat ist....diese ist ja in deinen css-Code nicht enthalten

    ach ja, wenn die border alle gleich sind reicht einmal

    Code
    [COLOR=#000000][COLOR=#FF8000] [/COLOR][COLOR=#0000BB]border[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]10px solid [/COLOR][COLOR=#FF8000]#7C246D;[/COLOR][/COLOR]


    also ohne top, bottom usw.

    Einmal editiert, zuletzt von Tutrix (31. Mai 2010 um 19:50)

  • Hi,

    leider sind die Paddings bereits auf 0 und genau das irritiert micht, dass die Schrift dann oben klebt ist kein Problem, weil ich dir per <b /> runterschiebe.

    URL kann ich Dir leider keine angeben, weil das derzeit auf meinem Homeserver läuft.

    Das Bild ist einfach in den Post bzw. den Seitencontent mit rechtsbündig eingefügt worden, weil jede Seite ein anderes Bild erhalten soll.

    Herzlichen Dank für den Tipp mit
    [COLOR=#000000][COLOR=#0000bb]border[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]10px solid [/COLOR][COLOR=#ff8000]#7C246D;[/COLOR][/COLOR]

  • Nun das Bild wird sich der Schrift anpassen. Was passiert den, wenn der Text länger ist als das Bild. Wird es dann umschrieben, also geht der Text unter dem Bild weiter?!

  • @ Art of Pic

    Sollte der Text länger werden, wird ein längeres oder ein zweites Bild verwendet.

    Damit sich das Bild nicht dem Text anpasst, habe ich einfach ein <br> mit eingefügt.

    Genauer gesagt, war das Problem folgendes. WP setzt automatisch ein <p> vor das erste Wort, somit hat man immer eine Zeile zu Beginn. Damit das nicht passiert hab ich folgende Lösung verwendet:

    PHP
    <p style="margin-top: 0px;"><img class="alignright" style="margin-left: 10px;" src="http://carmen.op7.eu/wp-content/themes/rosca/images/content-home.gif" alt="" width="356" height="386" />
    <br />
    roca marketing
    – Klassische Werbung – Mediendesign – Drucksachen – Webdesign/Programmierung – Eventplanung – Fotografie ....</p>

    .... ist zwar nicht die sauberste Lösung aber sie funktioniert zumindest.

  • Verstehe nicht ganz was du da machst, solange das Bild Bestandteil des Post ist, verhält es sich genau so wie der Text. Du hast das Bild rechts ausgerichtet und der Text wird drumherum geschrieben.

    Definiere in der css ein Hintergrundbild mit repeat-y für das Posttextfeld und das Problem ist gelöst

  • Ja das wäre eine schöne Möglichkeit aber da jede Seite ein anderes Bild erhält, ist mir nur diese Möglichkeit eingefallen.

  • das müsste doch trotzdem funktionieren
    definiere mal in der css den Hintergrund für seite1
    und im Artikel schreibst du den Inhalt in ein < div class="seite1">hier der Inhalt von Seite 1</div>
    und für seite2 den nächsten HG in der css definieren
    und im Artikel schreibst du den Inhalt in ein < div class="seite2">hier der Inhalt von Seite 2</div>
    usw.
    hab das jetzt nicht getestet, aber da man html schreiben kann, sollte es funktionieren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!