Wordpress 4.1 - Grafik verlinkt nicht auf der ganzen Fläche

chily

Liebe Forumsmitglieder,

Vielleicht kann mir jemand helfen. Ich habe auf meiner Seite http://www.umculo.org rechts oben drei Buttons für Twitter, Youtube und Facebook eingerichtet, die auf die entsprechenden Seiten weiterleiten sollen. Leider funktionieren meine Links nur an eine ganz bestimmten Punkt der Grafik, die Linkhand erscheint nur an einer Stelle im oberen Teil der Grafik mittig. Wie kann ich erreichen, dass die ganze Fläche verlinkt ist, hat jemand einen Tipp? Ich finde den Fehler einfach nicht. Die Links habe ich die header.php eingebaut, aber ich habe leider keine besonders tiefgehenden html-Kenntnisse, also vielleicht habe ich hier etwas falsch verstanden. Das Ganze sieht so aus:

HTML

<div class="Kopfzeilenlinks"><a href="https://twitter.com/UmculoCF" target=_blank><img src="http://umculo.org/wp-content/uploads/2015/02/Twitter-Button.jpg" width="30" height="30" style="margin-right:15px;"></a><a href="https://de-de.facebook.com/pages/Umculo-Cape-Festival/237787622943836" target=_blank><img src="http://umculo.org/wp-content/uploads/2015/02/Facebook-Button-2.jpg" width="34" height="34" style="margin-right:15px;"></a><a href="https://www.youtube.com/user/Sarabande100/videos" target=_blank><img src="http://umculo.org/wp-content/uploads/2015/02/Youtube-Button.jpg" width="30" height="30" style="margin-right:15px;"></a>

Ich danke euch für eure Hilfe!
chily

Werbepost

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

Frau_Braun

Hast Du einen CSS-Editor? Dann solltest Du Dir den Raum ansehen, den die diversen Divs der Navbar einnehmen. Ein Element, das innerhalb der Navbar liegt, "verdeckt" die Elemente der Klasse Kopfzeilenlinks, so dass sie nicht mehr anklickbar sind.

Frau_Braun

Ich habe jetzt noch mal schnell in meinem CSS-Editor (Espresso) nachgeschaut, aber nicht überprüft, wie es in den verschiedenen Browsern aussieht, also alles ohne Gewähr - vorher Sicherheitskopie machen:

Diesen Ausdruck in der style.css löschen - das ist alles überflüssig:

Code

.navbar {  overflow: visible;
  margin-bottom: 20px; 
  margin-top: -40px;
  position: absolute;
  *z-index: 2;
}

Dann hier den ersten Wert für Margin (58px) so ändern, dass die Navbar auf der gewünschten Höhe steht:

Code

.navbar .navbar-inner {
    z-index: 200;
    box-shadow: none; 
 /* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); */
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin: [COLOR=#ff0000]58px[/COLOR] 140px [COLOR=#0000cd]10px[/COLOR] -20px;
    padding: 5px;
    position: relative;
    float: right;
    max-width: 630px; 
}

Alles anzeigen

Dann müssten die Icons für Facebook etc. völlig frei stehen. Spiele mal ein bisschen mit den [COLOR=#ff0000]oberen[/COLOR] und [COLOR=#0000cd]unteren[/COLOR] Margin-Werten herum. Viel Glück!

chily

Das war die Lösung, jetzt passt es! Vielen, vielen Dank für diese schnelle und so gut verständliche Hilfe!!

Liebe Grüße!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wordpress 4.1 - Grafik verlinkt nicht auf der ganzen Fläche

Jetzt mitmachen!