webdesign

[Marc]

Hallo zusammen,

Hallo, bin leider erst einsteiger ins webdesign, arbeite mit dreamweaver und versuche gerade herauszufinden, wie diese icons neben der URL zustandekommen

Dafür gibt es unzählige Möglichkeiten. Welche für Dich die beste ist, kann man pauschal nicht sagen. Zwei für recht viele Anwendungsfälle geeignete Lösungen sehen wie folgt aus:

Zum Beispiel so (einzelner Link):
<a href="#"><img src="bild.gif" alt="" /> Text</a>

Oder so (Linkliste, z. B. Navigation):

HTML:

<ul>
  <li><a href="#">Text</a></li>
  <li><a href="#">Text</a></li>
  <li><a href="#">Text</a></li>
  <li><a href="#">Text</a></li>
</ul>

CSS:

li a {
  background-image:url(bild.jpg);
  background-repeat:no-repeat;
  padding-left:/*Breite des Bildchens plus gewünschter Abstand in Pixeln*/px;
}

Viele Grüße,
Marc.