Vorstellung in Sidebar, Links untereinander statt nebeneinander

    Hallo zusammen,

    ich versuche sukzessive meinen Blog
    http://www.blog.hwsp-consulting.de meinen Vorstellungen anzupassen.

    Nun möchte ich in der ersten Sidebar (Widget) eine kleine Vorstellung mit Bild, Kontaktdaten etc. einbauen.
    In etwa so wie Hr. Wenzlaff auf seiner Website http://www.blogtrainer.de

    Leider erscheinen die Links für die Kontaktmöglichkeiten nicht nebeneinander, schön geordnet, sondern untereinander mit großen Abständen. Ich denke, euch fällt beim Besuch meines Blogs sofort auf was ich meine.

    Warum macht er die Links nicht nebeneinander?

    Code
    <p><img src="[URL]http://hwsp-kanzlei.de/content/bilder/team/e1985/ohrmann.jpg[/URL]" width="130" height="130" alt="Till Ohrmann" title="Till Ohrmann" /></p>
<p><strong>Kontakt</strong> <a href="[URL]http://www.blog.hwsp-consulting.de/kontakt[/URL]" rel="nofollow">Mail</a> <a href="[URL]http://www.xing.com/profile/Till_Ohrmann[/URL]" rel="nofollow" target="_blank">XING</a><a href="[URL]http://twitter.com/tohrmann[/URL]" rel="nofollow" target="_blank">Twitter</a>
<strong>Fon</strong> +49 (0)7022-21 32 19<br>
<strong>Mob</strong> +49 (0)174-327 54 58<br>
<strong>im Social Web</strong> 
 <a href="[URL]http://www.facebook.com/pages/HWSP-consulting-GmbH/111751358856543?ref=mf[/URL]" rel="nofollow" target="_blank" >Facebook</a></p>



    Fällt euch sonst noch was auf?

    Impressum kommt heute noch

    Vielen Dank im Voraus!

    Grüße
    Till

    • 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

    weil im CSS definiert ist dass die Links untereinander stehen sollen. In Zeile 259 der style.css (#sidebarleft ul li a, #sidebarright ul li a, #footer ul li a) steht display:block;

    Wenn man die Zeile rausnimmt, stehen die Links nebeneinander. Allerdings auch einige andere, die das eigentlich nicht sollen. Um das zu verhindern in die style.css folgendes einfügen:

    #text-3 a {display:inline;}

    Probier das mal aus. Wenn das nicht funktioniert, müsste man den Weg präziser angeben, wahrscheinlich reicht das aber schon.

    Vielen Dank für die schnelle Antwort!

    Bei mir steht display:block in der Zeile 260

    Habe ich das richtig verstanden:

    Die Zeile display:block (Zeile 260) rausnehmen und #text-3 a {display:inline;} einfügen?

    Vielen Dank

    Habe das jetzt mal so gemacht..

    Wörter stehen nebeneinander, allerdings sind, wie du schon ahntest, alle anderen sidebar texte auch verrutscht und durcheinander.

    Was kann ich tun?

    Hallo,

    da habe ich mich wohl unklar ausgedrückt.

    Jetzt steht da

    #sidebarleft ul li a, #sidebarright ul li a, #footer ul li a, {
    #text-3 a {display:inline;}
    color: #0095d3;
    text-decoration: none;
    margin: 0px;
    padding: 10px 0px 10px 5px;
    border-bottom: 1px solid #e1e1e1;
    }

    Und das sollte da stehen:

    #sidebarleft ul li a, #sidebarright ul li a, #footer ul li a, {
    display:block;
    color: #0095d3;
    text-decoration: none;
    margin: 0px;
    padding: 10px 0px 10px 5px;
    border-bottom: 1px solid #e1e1e1;
    }
    #text-3 a {display:inline;}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden