webdesign

[Chris]

Hallo, bin leider erst einsteiger ins webdesign, arbeite mit dreamweaver und versuche gerade herauszufinden, wie diese icons neben der URL zustandekommen, größe ist meist ca 16x16px. aber wo genau wird das platziert, in head wohl nicht, wie lautet der genaue html-text, ist dazu javascript erforderlich usw.
habe aus dem quelltext einer anderen website versucht was zu kopieren, das sieht dann so aus, funktioniert aber nicht:
<p>
Bookmark setzen:<br />
<a href="javascript:setbookmark('http://www.hoerspiel07.de/')"> </a><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://www.hoerspiel07.de/&title=H&ouml;rspiele, Texte, Entw&uuml;rfe"><img src="/bilder/icon.jpg" width="16" height="16" alt="" border="0" /></a> <a href="javascript:setbookmark('http://www.hoerspiel07.de/')">Favoriten</a><br />
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://www.hoerspiel07.de/&title=Hörspiele, Texte, Entwürfe"><img src="/bilder/icon.jpg" width="16" height="16" alt="" border="0" /> Google</a><br />
<a href="http://del.icio.us/post?url=http://www.hoerspiel07.de/&title=Hörspiele, Texte, Entwürfe"><img src="/bilder/icon.jpg" width="16" height="16" alt="" border="0" /> del.icio.us</a><br />
</p>

[Jan]

Hallo,

das ganze nennt sich favicon und Informationen gibt es hier:
http://de.selfhtml.org/navigation/faq.htm#favoriten_icon

Gruß Jan

[steckl]

Hi,

Hallo, bin leider erst einsteiger ins webdesign, arbeite mit dreamweaver und versuche gerade herauszufinden, wie diese icons neben der URL zustandekommen, größe ist meist ca 16x16px. aber wo genau wird das platziert, in head wohl nicht, wie lautet der genaue html-text, ist dazu javascript erforderlich usw.

Du meinst ein Favicon.

mfG,
steckl

[Marc]

Hallo zusammen,

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

Du meinst ein Favicon.

Oh, da hatte ich wohl etwas falsch verstanden. :-)

Du hast sicher recht.

Viele Grüße,
Marc.

[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.