Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hi,
ich wollte meine Navigation über Bilder in die Sidebar einfügen.
Habe folgenden an entsprechender Stelle eingefügt:
<a href="http://.../about" title="About"><img alt="About" src="http://.../icons/about.png" /></a><br>Es wird aber kein Bild angezeigt, sondern nur der Alttext mit dem Icon davor, den die Sidebar-Elemente bekommen. Die Bilder sind aber im entsprechenden Ordner.
Wo ist das Problem?
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.
Hi,
ich wollte meine Navigation über Bilder in die Sidebar einfügen.
Habe folgenden an entsprechender Stelle eingefügt:
Code<a href="http://.../about" title="About"><img alt="About" src="http://.../icons/about.png" /></a><br>Es wird aber kein Bild angezeigt, sondern nur der Alttext mit dem Icon davor, den die Sidebar-Elemente bekommen. Die Bilder sind aber im entsprechenden Ordner.
Wo ist das Problem?
Versuchs doch mal mit:
Liegt daran, dass relative Pfade nichts bringen, wenn du Permlink verwendest (abgesehen davon ist "http://.../[...]" so oder so falsch ;)). Benutze absolute Pfadangaben, dann sollte das klappen :)
~fym
habe die Punkte nur reingenommen, da der link sonst zu lang wird.
Es scheint mir irgendwie vielmehr am CSS zu liegen.
Sidebar
<div id="sidebar">
<h1>Sidebar</h1>
<a href="http://[...]/about" title="About"><img alt="About" src="http://[...]/icons/about.png" /></a>CSS
#sidebar {
margin: 0;
margin-bottom: 40px;
padding: 0;
padding-left: 15px;
width: 240px;
float: right;
background: #fff;
color: #333;
font-size: 13px;
border-left: 1px solid #efefef;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#sidebar ul li {
line-height: 160%;
}
#sidebar ul li h2 {
color: #9e9e9e;
font-family: georgia, serif;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
}
#sidebar a {
padding-left: 13px;
background: transparent url(images/icon-sidelink.jpg) no-repeat left center;
color: #664800;
}Es wird der Alt-Text mit dem icon-sidelink.jpg angezeigt.
Habe das in die css eingetragen, aber das Problem besteht immer noch. Kann ich einfach die Grafiken mit meinem Code aufrufen oder muss ich noch was aufrufen?
Hat denn keiner mehr eine Idee?
habe die Punkte nur reingenommen, da der link sonst zu lang wird.
Gnah :D Mach das nächste Mal eckige Klammern drumherum. Verwirrend ;)
Ansonsten hätte ich in der CSS-Ecke auch am ehesten noch aufs Hintergrundbild getippt, aber da das anscheinend nichts brachte... Absolut sicher, dass die URL zum Bild korrekt ist? Der alt-Text wird schließlich nicht umsonst angezeigt...
~fym
Ja, habe sie einfach mal in mein stammverzeichnis gesteckt und dort gehen sie. Habe danach einen neuen Ordner erstellt und dort gehen sie auch - sehr seltsam.
Trotzdem danke für eure Hilfe.
Ja, habe sie einfach mal in mein stammverzeichnis gesteckt und dort gehen sie. Habe danach einen neuen Ordner erstellt und dort gehen sie auch - sehr seltsam.
Trotzdem danke für eure Hilfe.
gib zu den Bildern die Höhe und die Breite an
was weiß ich :
<a href="http://[...]/about" title="About"><img src="http://[...]/icons/about.png" height="20" width="15" alt="About" /></a>lg
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!