Bild verlinken und an richtige Stelle setzten

densto · 03.05.2009

Hallo, ich habe vor, mir einen Hp zu machen und dort will ich im Header so wie hier:

Bitte kostenlos registrieren, damit du die Links siehst.

oben in der Mitte das RSS-Feed und Mail Symbol verlinken und an die richtige Stelle rücken, hat wer ne Ahnung, wie das geht ???

mfg Dennis

Doitsu · 03.05.2009

AW: Bild verlinken und an richtige Stelle setzten

Ja.. - Somit waer die frage eig beantwortet, oder?

Aber: mit CSS (position, left, top oder margin) man siehe css4you.de..
& ein wenig HTML - wahrscheinlich div, a & img-Tags.

densto · 03.05.2009

AW: Bild verlinken und an richtige Stelle setzten

Doitsu schrieb:
Ja.. - Somit waer die frage eig beantwortet, oder?

Aber: mit CSS (position, left, top oder margin) man siehe css4you.de..
& ein wenig HTML - wahrscheinlich div, a & img-Tags.

Erstmal danke!
Werde mich dann da mal durchlesen

Dennis

Christian123456 · 03.05.2009

AW: Bild verlinken und an richtige Stelle setzten

ja auf dieser seite müsstest du dein problem lösen können. Wenn ich was zum thema css suche gucke ich immer da.

leohh · 03.05.2009

AW: Bild verlinken und an richtige Stelle setzten

densto schrieb:
[...]hat wer ne Ahnung, wie das geht ???

Ein Bild mit den beiden Icons, zwei Anchortags im Markup(HTML) und mittels sprites den Hintergrund geaendert.

HTML:

   <style type="text/css">
      /* css-declarations */ 
      a.logo {
         background: url(logos.png) no-repeat; /* logo meint deine vorbereitete Grafik */
         display: block; float: left; /* durch das block, wird ein float notwendig */
         width: 70px; height: 60px; /* width & height verstehn sich */
         text-indent: -999em;  /* text ins nirvana verschieben */
         
      }
      
      a.contact { background-position: top left; }
      a.feeds { background-position: top right; }        
      
   </style>
      
</head>
<body id="index">
   
   <div id="header">

      <a class="logo contact" href="contact" title="contact">Contact</a>
      <a class="logo feeds" href="feed" title="rss-feed">RSS-Feed<a/>
      <div style="clear: both;"></div>
      
</div>

So in etwa. Das ist aber auch nur einer der vielen Wege, die nach Rom fuehren.

densto · 03.05.2009

AW: Bild verlinken und an richtige Stelle setzten

@ leohh: Wow, danke, habe sowas schon gefunden, aber danke für deine Mühe

Dennis

leohh · 03.05.2009

AW: Bild verlinken und an richtige Stelle setzten

Muehe?
Mit der Zeit wird sowas eine Fingeruebung <;