Kann mir jemand helfen ..... ??

Also,
ich habe ein Quellcode von meinem freund bekommen. Nur leider erkenne ich nur ein teil als HTML wider (von dem rest hab ich keine ahnung was was macht und welche bedeutung das hat!!) !!!! Kann mir dass jemand villeicht "übersetzen" und unnötige sachen killen ???
Ich würde mich echt freuen.
Danke im vorraus ........
$(3+3)*3/1.5=9$

Hier noch der code :p ->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Meine Homepage</title>
  <meta name="KEYWORDS"
 content="..............................................................">
  <meta name="DESCRIPTION" content="......................">
  <meta name="AUTHOR" content="...........................">
  <style>
.noname {background-color:red;}
  </style>
  <style type="text/css" media="screen, print">
p {margin:0px;padding:0px;line-height:20px}
body {margin:0px;font-family:Arial,sans-serif;font-size:12px;line-height:20px;color:black}
td {font-family:Arial,sans-serif;font-size:12px;line-height:20px;color:black}
img {border:0px;}
input {border:1px solid #906199}
textarea {border:1px solid #906199}

td.navi_active {font-family:Arial,sans-serif;font-size:11px;line-height:11px;color:#906199}
td.navi_inactive a {font-family:Arial,sans-serif;font-size:11px;line-height:11px;color:white;text-decoration:none}

td.subnavi_active {font-family:Arial,sans-serif;font-size:11px;line-height:11px;color:#906199}
td.subnavi_inactive a {font-family:Arial,sans-serif;font-size:11px;line-height:11px;color:white;text-decoration:none}

td.br {border-right:1px solid white}
td.bl {border-left:1px solid white}
td.bt {border-top:1px solid white}
td.bb {border-bottom:1px solid white}

td.copy a {color:black;font-size:12px;line-height:20px;text-decoration:underlined}
td.copy a:link {color:black>;font-size:12px;line-height:20px;text-decoration:underlined}
td.copy a:visited {color:black;font-size:12px;line-height:20px;text-decoration:underlined}
td.copy a:hover {color:#6D6E71;font-size:12px;line-height:20px;text-decoration:underlined}

td.margin a {color:#82599B;font-size:12px;line-height:20px;text-decoration:underlined}
td.margin a:link {color:#82599B;font-size:12px;line-height:20px;text-decoration:underlined}
td.margin a:visited {color:#82599B;font-size:12px;line-height:20px;text-decoration:underlined}
td.margin a:hover {color:#6D6E71;font-size:12px;line-height:20px;text-decoration:underlined}

pad_navi {padding-top:10px}

td.list {padding-top:8px}
td.item {padding-left:4px}

  </style>
  <style type="text/css" media="print">
.noprint {display:none}

  </style>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#ffffff" link="#ffffff" vlink="#ffffff">
<iframe name="dummy" style="display: none;" height="0" width="0"></iframe>
<div
 style="position: absolute; left: 0px; top: 0px; width: 170px; height: 0px; z-index: 1; background-color: rgb(224, 224, 224);">
<table _base_target="_top" border="0" cellpadding="0" cellspacing="0">
  <tbody _base_target="_top">
    <tr _base_target="_top">
      <td _base_target="_top"><br>
      </td>
    </tr>
  </tbody>
</table>
</div>
<div style="position: absolute; left: 628px; top: 10px; z-index: 2;"><br>
</div>
<div style="height: 100%; position: absolute; left: 0px; top: 0px;">
<table _base_target="_top"
 style="width: 100%; top: 75px; height: 710px;" border="0"
 cellpadding="0" cellspacing="0">
<!-- Bildstreifen oben --> <tbody _base_target="_top">
    <tr _base_target="_top">
      <td
 style="height: 165px; background-image: url(../../get.php?file=de%2FImpressum%2FU2bersicht%21bildstreifen.jpg&amp;uid=); background-repeat: no-repeat;"
 _base_target="_top" colspan="5">&nbsp;</td>
    </tr>
    <tr _base_target="_top">
      <td _base_target="_top" colspan="5"><img _base_target="_top"
 src="../../system/images/blind.gif" height="1" width="1"></td>
    </tr>
    <tr _base_target="_top" height="18">
      <td _base_target="_top" rowspan="2"
 style="background-image: url(../../system/images/lila_quarders.gif); background-repeat: repeat-y; background-position: 10px 160px;"
 bgcolor="#b99dc2" valign="top" width="136">
      <table _base_target="_top" style="top: 170px; height: 164px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody _base_target="_top">
          <tr style="color: rgb(255, 255, 255);" _base_target="_top">
            <td _base_target="_top" class="bb navi_inactive"
 style="padding-left: 10px;" bgcolor="#b99dc2" width="136">Home</td>
          </tr>
          <tr style="color: rgb(255, 255, 255);" _base_target="_top">
            <td _base_target="_top" class="bb navi_inactive"
 style="padding-left: 10px;" bgcolor="#b99dc2" width="136">Ich
&uuml;ber mich<a href="../../de/Lo2sungen/U2bersicht.php?uid="><br>
            </a></td>
          </tr>
          <tr style="color: rgb(255, 255, 255);" _base_target="_top">
            <td _base_target="_top" class="bb navi_inactive"
 style="padding-left: 10px;" bgcolor="#b99dc2" width="136">Programme</td>
          </tr>
          <tr style="color: rgb(255, 255, 255);" _base_target="_top">
            <td _base_target="_top" class="bb navi_inactive"
 style="padding-left: 10px;" bgcolor="#b99dc2" width="136">Unternehmen</td>
          </tr>
          <tr style="color: rgb(255, 255, 255);" _base_target="_top">
            <td _base_target="_top" class="bb navi_inactive"
 style="padding-left: 10px;" bgcolor="#b99dc2" width="136">Kontakt</td>
          </tr>
          <tr style="color: rgb(255, 255, 255);" _base_target="_top">
            <td _base_target="_top" class="bb navi_active"
 style="width: 136px; background-color: rgb(185, 157, 194); padding-left: 10px;">
            <p><span style="color: rgb(255, 255, 255);">Impressium<br>
            </span></p>
            <span style="color: rgb(255, 255, 255);"></span> </td>
          </tr>
        </tbody>
      </table>
      </td>
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td colspan="2" _base_target="_top"
 style="vertical-align: top; background-color: rgb(185, 157, 194); text-align: right;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <br>
      </td>
    </tr>
    <tr _base_target="_top">
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td _base_target="_top" width="82">&nbsp;</td>
      <td _base_target="_top" colspan="1" valign="top"><!-- Tabelle Headline und Copytext -->
      <table _base_target="_top"
 style="top: 192px; left: 236px; width: 563px; height: 514px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody _base_target="_top">
          <tr _base_target="_top">
            <th colspan="3" _base_target="_top"
 style="vertical-align: middle; white-space: nowrap; text-align: center;">
            <h1><br>
            </h1>
            </th>
          </tr>
          <tr _base_target="_top">
            <td _base_target="_top" class="copy"
 style="width: 410px; vertical-align: top;"> <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <p>&nbsp;</p>
            </td>
            <td _base_target="_top" valign="top" width="20">&nbsp;</td>
            <td _base_target="_top" class="margin" valign="top"
 width="124">
            <p>&nbsp;</p>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
    <tr _base_target="_top" height="100%">
      <td _base_target="_top"
 style="background-image: url(../../system/images/lila_quarders.gif); background-repeat: no-repeat; background-position: 10px 0px;"
 bgcolor="#b99dc2" width="">&nbsp;</td>
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td _base_target="_top" colspan="2">&nbsp;</td>
    </tr>
<!-- Definiert die Spaltenbreiten --> <tr _base_target="_top">
      <td _base_target="_top" bgcolor="#b99dc2" width="136"><img
 _base_target="_top" src="../../system/images/blind.gif" height="1"
 width="136"></td>
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td _base_target="_top" style="vertical-align: top;"><br>
      </td>
      <td _base_target="_top" width="82"><img _base_target="_top"
 src="../../system/images/blind.gif" height="1" width="82"></td>
      <td _base_target="_top" width="430">&nbsp;&nbsp;&nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; <a href="http://www.IP-ermitteln.de/" target="_blank"
""><br>
      </a></td>
    </tr>
  </tbody>
</table>
</div>
<br>
<br>
</body>
</html>

SideWinder

Ich sehe schlechtes HTML und CSS.

http://de.selfhtml.org

MfG SideWinder

Ich sehe schlechtes HTML und CSS.

Naja, da ich HTML erst seit 3 tagen kann, und keine ahnung habe was css ist, weiß ich nicht mir deise information helfen kann ...

http://de.selfhtml.org

wie soll mir die seite helfen ???

Eigentlich will ich nur das grundgerüst beibehalten (alle textfelder und das lila) und den rest löschen ... wie erkenne ich css und wie lösche ich das (wenn man es löschen darf/kann/sollte ???

DJ BlackEagle

Was SideWinder meint, ist das du den Code neu machen sollst. Weil der nicht Standard konform ist.
Und sollst dir die de.selfhtml.org zu rate ziehen.
Auf der Seite wird ebenfalls erklärt was was ist...

otze

tulus schrieb:

http://de.selfhtml.org

wie soll mir die seite helfen ???

du hast garantiert nicht einmal auf den Link geklickt!

BloodLord

Das sieht ja so schlimm aus wie meine Quellcodes

Hallo, ich habe die seite neu gemacht. Hat jemand noch vorschläge zur verbesserung des designs und das codes ?? Auf meiner Homepage befinden sich auf der linken seite mehrere Links, zu denen hab ich noch eine frage :
Wie kann man es machen, dass ....
1. die jeweis untere begrenzung des links (als tabelle sichtbar) weis ist, sodas ich eine begrenzung habe??
2. wenn man mit dem mauszeiger auf einer schaltfläche ist, sie heller wird (ein ganz helles violett)???

Hier der neue code :

<html>
<head>
<title>caption-side</title>
</head>
<body
style="color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);"
alink="#ffffff" link="#ffffff" vlink="#ffffff">
<table border="0">
<caption style="caption-side: bottom;"><br>
</caption> <tbody>
<tr>
<th><br>
<br>
<br>
<br>
<br>
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<br>
</th>
<th><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<br>
</th>
</tr>
<tr>
<td style="vertical-align: top;"><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small><small>fffffffffffffffgfgfgfgfgfgfg</small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small></small><br>
</td>
<td style="vertical-align: top;"><small><small><small><small><br>
</small></small></small></small></td>
</tr>
<tr>
<td
style="background-color: rgb(185, 155, 194); vertical-align: top; text-align: left;">
<table
style="background-color: rgb(185, 155, 194); text-align: left; width: 160px; height: 185px;"
border="1" cellpadding="2" cellspacing="3">
<tbody>
<tr>
<td
style="vertical-align: top; background-color: rgb(207, 191, 215);">&nbsp;&nbsp;<big>
<small><span
style="font-weight: bold; color: rgb(185, 154, 169);"><big>Home</big></span></small></big><br>
</td>
</tr>
<tr>
<td style="width: 100%; vertical-align: top;">&nbsp;&nbsp;
Online-Magazien<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">&nbsp;&nbsp; Forum<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">&nbsp;&nbsp; Programme<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">&nbsp;&nbsp; Wir &uuml;ber
uns </td>
</tr>
<tr>
<td style="vertical-align: top;">&nbsp;&nbsp; Kontakt<br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
<td style="vertical-align: top;">
<table
style="background-color: rgb(185, 155, 194); text-align: left; width: 1076px; height: 29px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="width: 100%; text-align: right; background-color: rgb(185, 155, 194); vertical-align: top;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
Benutzername: <input type="text">&nbsp;&nbsp; &nbsp;&nbsp; Passwort: <input
type="password">&nbsp;
&nbsp; <span style="color: rgb(51, 51, 255);">&nbsp;</span><span
style="color: rgb(51, 51, 255); text-decoration: underline;"> Login</span>&nbsp;&nbsp;&nbsp;
<br>
</td>
</tr>
</tbody>
</table>
<br>
<table style="width: 100%; text-align: left;" border="0"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
</tr>
<tr>
<td style="text-align: right; vertical-align: top;"><br>
</td>
<td style="width: 60%; vertical-align: top;"><span
style="color: rgb(51, 0, 51);"><big><big>Herzlich willkommen auf
meiner Homepage.<br>
<br>
<small>Zur Zeit befindet sich diese Seite noch im Aufbau,<br>
aber ich tue mein bestes daran, sie so schnell wie m&ouml;glich fertig
zu bekommen</small>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</big></big></span><br>
</td>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<br>
</td>
<td><br>
</td>
</tr>
</tbody>
</table>
</body>
</html>

flenders

Naja, also prinzipiell ist <br> und nicht unbedingt das beste Mittel zur Formatierung...

zu deiner 2. Frage: sowas kannst du mit CSS machen - :hover