Wie muss ich meinen html code schreiben?

myspace löscht im CSS das "#"-Zeichen vor den ID-Bezeichnern ;)

Verwende in diesem Fall einen Klassenbezeichner für die Links, der in den CSS-Selektoren mit einem Punkt beginnt:

CSS:
.add {
display:block;
background-position:top left;
 width: 187px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_add.png");
}
.add:hover {background-position: top right;}
 
 
.mail {
display:block;
background-position:top left;
 width: 188px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_mail.png");
}
.mail:hover {background-position: top right;}
 
 
.pics {
display:block;
background-position:top left;
 width: 186px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_pics.png");
}
.pics:hover {background-position: top right;}
 
 
.fav {
display:block;
background-position:top left;
 width: 189px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_fav.png");
}
.fav:hover {background-position: top right;}
HTML:
<table width="749" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="187"><a class="add" href="http://www.mdepict.com/" title="Add"></a></td>
          <td width="188"><a class="mail" href="http://www.mdepict.com/" title="Mail"></a></td>
          <td width="186"><a class="pics" href="http://www.mdepict.com/" title="Pics"></a></td>
          <td width="188"><a class="fav" href="http://www.mdepict.com/" title="Fav"></a></td>
        </tr>
</table>


mfg Maik
 
Nicht nur myspace, sondern jeglicher Browser.

Die CSS-Regeln müssen in einem <style type="text/css">...</style>-Element eingebunden werden, damit der Browser sie auch als solches erkennt und interpretiert.

mfg Maik
 
z. B wenn ich den Code so umschreibe dann passiert garnix man sieht auch nicht den code aber es passiert auch garnix

HTML:
<style>
.add {
display:block;
background-position:top left;
 width: 187px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_add.png");
}
.add:hover {background-position: top right;}
 
 
.mail {
display:block;
background-position:top left;
 width: 188px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_mail.png");
}
.mail:hover {background-position: top right;}
 
 
.pics {
display:block;
background-position:top left;
 width: 186px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_pics.png");
}
.pics:hover {background-position: top right;}
 
 
.fav {
display:block;
background-position:top left;
 width: 189px;
 height: 148px;
 background: url("http://www.mdepict.com/a3layouts/0002/navigation/b_fav.png");
}
.fav:hover {background-position: top right;}

<table width="749" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="187"><a class="add" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1kZXBpY3QuY29tLw==" title="Add"></a></td>
          <td width="188"><a class="mail" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1kZXBpY3QuY29tLw==" title="Mail"></a></td>
          <td width="186"><a class="pics" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1kZXBpY3QuY29tLw==" title="Pics"></a></td>
          <td width="188"><a class="fav" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1kZXBpY3QuY29tLw==" title="Fav"></a></td>
        </tr>
</table>

</style>
 
Zuletzt bearbeitet von einem Moderator:
Vergleich doch einfach mal deinen Code mit meinem.

Hab ich die Tabelle in den Stylesheet-Bereich eingebunden?

mfg Maik
 
boah Danke es hat geklappt :) aber eine letze frage und bitte hätte ich da noch wie bekomme ich jetzt das nach oben also da wo der Header Banner normalerweise ist

Vielen Dank =)
 
Indem du den Codeschnipsel einfach weiter oben im HTML-Code an der gewünschten Stelle einfügst.

mfg Maik
 
Ja ich designe normalerweise Logos , Flyer usw aber ungefähr seit letzdem jahr habe ich angefangen mich mit Myspace zu beschäftigen ich habe eigentlich alles so langsam geraft halt ausser wie die berühmten Musiker immer dieses Add unso leuchtend hatten das wusste ich nie und anderen Designern, wenn man denen sowas schreibt die sagen einem das man dafür Adobe Flash kenntnisse bräuchte unso was garnichts damit zutun hat
 
Zurück