Startseite

[HWE-News] [HWE-FAQ] [Tests] [Artikel] [Softwareecke] [RC5-Proxy] [Overclocking] [TreiberEcke] [HWE-FanShop] [Links]

Willkommen Gast. Bitte einloggen oder registrieren. Haben Sie Ihre Aktivierungs E-Mail übersehen?
25. September 2018, 14:07:15 Uhr

Einloggen mit Benutzername, Passwort und Sitzungslänge
Suche:     Erweiterte Suche
223523 Beiträge in 24106 Themen von 18386 Mitglieder, Neuestes Mitglied: Yamonaru

RC5-Teamstats: Gestern: 0 WUs, . Platz,
Gesamt: 0 WUs, . Platz ( Members)

Übersicht Hilfe Suche Kalender Einloggen Registrieren
HWE-Forum.de  |  Internet und Co.  |  HTML, PHP, XML, JavaScript u. Co. (Moderatoren: TMK, American)  |  Thema: [gelöst] <li> durch ein Bild ersetzen
0 Mitglieder und 1 Gast betrachten dieses Thema. « vorheriges nächstes »
Seiten: [1] Nach unten Thema versenden Drucken
Autor Thema: [gelöst] <li> durch ein Bild ersetzen  (Gelesen 2549 mal)
Steffen1401
Stammgast
*****

Ranking: 4
Offline Offline

Geschlecht: Männlich
Beiträge: 610


AMD Power !

« am: 10. Februar 2009, 19:31:22 Uhr »

Nabend

Folgender Code aus einem Navigationsmenü:

<span>Titel</span>
<ul>
<li><a href="seite.php"  >Titel</a></li>
<li><a href="seite.php"  >Titel</a></li>
<li><a href="seite.php"  >Titel</a></li>
</ul></div><br>

In der Webansicht wird vor dem Titel ein Punkt angeziegt, ich möchte nun vor dem Titel ein Bild setzen und der Punkt bzw die Aufzählung soll komplett weg. Muss aber dennoch untereinander stehen.

In der CSS Datei habe ich schon die Linkbefehle vom <li> Tag befreit und <ul> sowie <li> im Menü entfernt.

Normalerweise sollte es denn so aussehen:

<span>Titel</span>
<img src="bild.png"><a href="seite.php"  >Titel</a>
<img src="bild.png"><a href="seite.php"  >Titel</a>
<img src="bild.png"><a href="seite.php"  >Titel</a>
</div><br>

Wenn ich nun in der CSS die Linkbefehle (a:link hover etc) aktivieren, dann steht das Bild immer über dem Titeltext.

Setze ich die Bilddatei vor der Beschriftung des Links, dann ist das Bild im Link miteinbezogen und das will ich nicht.

Wäre schön wenn mir da jemand weiterhelfen könnte :-)

CSS Ausschnitt (mit li und ul)

#menu2 ul, #menu2 li {
margin-left:16px;
padding: 0px;
color:#2073A5;
}

#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#000;text-decoration:none;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
height: 16px;
line-height: 16px;
padding-left:6px;
}

Ich kam vorhin erst auf den gedanken, dass Bild einfach linksbündig zu setzen und nun passt es so wie es soll ;-)
« Letzte Änderung: 10. Februar 2009, 23:17:37 Uhr von Steffen1401 » Gespeichert
AMD FX-6100 CPU  / 2x AMD Memory 4GB DDR3 1600 / AMD R9 270X / Crucial SSD 128GB / Samsung F1 HD103UJ / Creative Sound Blaster Z PCIe / by Windows 7 Ultimate x64 SP1

Seiten: [1] Nach oben Thema versenden Drucken 
HWE-Forum.de  |  Internet und Co.  |  HTML, PHP, XML, JavaScript u. Co. (Moderatoren: TMK, American)  |  Thema: [gelöst] <li> durch ein Bild ersetzen « vorheriges nächstes »
 

Impressum | SMF 2.0.15 | SMF © 2011, Simple Machines
Seite erstellt in 0.053 Sekunden mit 24 Abfragen.