CSS Problem - Text zu weit unten

    Hallo,

    bin dabei eine neue Webseite zu machen und habe seit über zwei Stunden ein Problem und komme einfach nicht weiter: http://www.galekovic.de/test2/

    Die zwei Textzeilen oben im Header "Zahntechnisches Labor..." und die vier Textlinks "Zahnärzte, Patienten etc" sind viel zu weit nach unten gerutscht. Der Inhalt des Headers besteht aus einem extra-Widget und ist reines HTML. Ich kann mir keinen Reim daraus machen, dass die Wörter sich soweit unten befinden, ich möchte sie möglichst weit oben haben. Auch der Abstand zur unteren. blauen Linie ist zu groß. Wie kann ich diesen verringern?

    Ich vermute mal, dass es sich um ein CSS Problem handelt. Hier mal der aktuelle HTML Code:

    PHP
    <table width="100%" border="0">
  <tr>
    <td width="300"><img src="http://www.galekovic.de/test2/images/logo.jpg" width="250" height="118" /></td>
    <td valign="top"><p>Zahntechnisches Labor Lübeck Dentallabor - Meisterbetrieb</p>
    <p><a href="#" class="menutop">Zahnärzte</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" class="menutop">Patienten</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="menutop">Philosophie</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" class="menutop">Stellenbörse</a></p></td>
  </tr>
</table>

    Hoffe jemand kann mir weiterhelfen...

    Ich möchte also einmal den Text ganz oben haben, und der Abstand zur blauen unteren Linie soll wesentlich geringer sein.

    Grüße

    • Gerade eben
    • 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

    Die 2 Zeilen bekommst Du nach oben, in dem Du die Ausrichtung auf top setzt.

    style.css ab Zeile 16:

    Code
    caption, th, td {
    font-weight: normal;
    text-align: left;
    [COLOR="#008000"]vertical-align: top;[/COLOR]
}

    Die blaue Linie vom Header rutscht ebenfalls nach oben, wenn Du das padding entfernst

    Code
    #branding #header_content {
    [COLOR="#FF0000"]padding: 20px;[/COLOR]
    position: relative;
}

    Ggf. der style.css hinzufügen, da der Code aus dieser CSS kommt: http://www.galekovic.de/test2/wp-conte…min.css?ver=1.0

    Die Style.css meines Themes ist sehr klein und gerade mal 2 KB groß, dort gibt es diesen Code definitiv nicht. Die CSS-Dateien gibt es in anderen Ordern des entsprechenden Themes. Es gibt einen Ordner mit 7 CSS-Dateien, wenn ich dort nach nach

    Zitat

    caption, th, td {

    suche, bekomme ich keinen Treffer angezeigt. Lediglich in der rtl.css finde ich diesen Code. Dort wenn ich den ändere, so wie Du weiter oben geschrieben hast, sehe ich keine Änderungenen auf der Seite.


    Den anderen Code konnte ich in der theme.min.css finden und habe ich von 20 px auf 1px verringert. Doch der Abstand ist mir immer noch zu groß. Kann man den noch weiter mit CSS verringern?

    Aber viel wichtiger ist mir das erstere Problem (caption, th, td)

    Wäre sehr nett du (oder jemand anders) da nochmal nachschauen könntet!

    Danke!

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden