fehler im Code?

    Hallo,

    habe das Problem, dass sich bei folgendem Code zwar die Fabre der Zelle ändert, der Text jedoch gleich bleibt ..... habe schon alles versucht .... und bitte um Hilfe

    Danke!

    Liebe Grüße!

    Jörg

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Immobilienmarkt Auswahl</title>
    <style type="text/css">
    <!--
    body,td,th {
    color: #330099;
    }
    body {
    background-color: #FDFED3;
    margin-top: 0px;
    margin-left: 0px;
    }
    .over {
    font-family: "Century Gothic";
    font-size: 14px;
    color: #333333;
    background-color: #66FFFF;
    }
    .out {
    font-family: "Century Gothic";
    font-size: 14px;
    color: #FFFFFF;
    background-color: #000066;
    }
    .Stil2 {font-size: large}
    a:link {
    color: #999999;
    text-decoration: none;
    }
    a:visited {
    color: #999999;
    text-decoration: none;
    }
    a:hover {
    color: #CCCCCC;
    text-decoration: none;
    }
    a:active {
    color: #333333;
    text-decoration: none;
    }
    .Stil15 {
    font-size: 24px;
    font-family: "Century Gothic";
    }
    .Stil16 {
    font-family: "Century Gothic";
    font-size: 16px;
    }
    .Stil17 {font-size: 36px; font-family: "Century Gothic"; }
    .Menue {
    font-family: "Century Gothic";
    font-size: 14px;
    font-weight: bold;
    background-color: #000066;
    }
    .Stil20 {
    font-family: "Century Gothic";
    font-size: 14px;
    }
    -->
    </style>

    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>

    <body>
    <table width="1007" border="0" align="left" class="out" >
    <tr>
    <td width="140" class="out" onmouseover="this.className='over'" onmouseout="this.className='out'" >
    <div align="center">Wohnung kauf</div></td>
    <td width="169" class="out" onmouseover="this.className='over'" onmouseout="this.className='out'" >
    <div align="center">Wohnung miete</div></td>
    <td width="93" class="out" onmouseover="this.className='over'" onmouseout="this.className='out'" >
    <div align="center">Haus kauf</div></td>
    <td width="134" class="out" onmouseover="this.className='over'" onmouseout="this.className='out'" >
    <div align="center">Haus miete</div></td>
    <td width="90" class="out" onmouseover="this.className='over'" onmouseout="this.className='out'" >
    <div align="center">Zinshaus</div></td>
    <td width="121" class="out" onmouseover="this.className='over'" onmouseout="this.className='out'" >
    <div align="center">Grundstück</div></td>
    <td width="228" class="out" onmouseover="this.className='over'" onmouseout="this.className='out'" >
    <div align="center">Gewerbeimmobilien</div></td>
    </tr>
    </table>


    </p>
    <table width="974" align="center">
    <tr>
    <td width="410" rowspan="9"><div align="center"></div>
    <div align="center"></div>
    <div align="center"></div></td>
    <td width="554" height="21"><div align="center"></div></td>
    </tr>
    <tr>
    <td height="50"></td>
    </tr>
    <tr>
    <td height="50"><div align="center" class="Stil17">Immobilientreuhand Rathmanner</div></td>
    </tr>
    <tr>
    <td height="50"></td>
    </tr>
    <tr>
    <td height="50"><div align="center">
    <p class="Stil15">Ihr Partner für </p>
    </div></td>
    </tr>
    <tr>
    <td height="50"><div align="center"><span class="Stil15">Kauf und Verkauf</span></div></td>
    </tr>
    <tr>
    <td height="50"></td>
    </tr>
    <tr>
    <td height="50"><div align="center"><span class="Stil16">wir beraten SIe gerne und finden die für Sie passende Immobilie</span></div></td>
    </tr>
    <tr>
    <td height="36"></td>
    </tr>
    </table>
    <p align="justify" class="Stil2">
    <form name="form" id="form">
    <div align="center">
    </p>
    <form name="form" id="form">
    <div align="center" class="Stil2"></div>
    </form>

    </p>

    </p>

    </p>

    </form>
    </body>
    </html>

    Mal davon augesehen, dass du dir die ganze Sache schwerer machst als nötig, hier noch ne Lösung.
    gib den Links ne Klasse, z.Bsp "navi".
    Dann noch im css das hier:

    Code
    a.navi {
display:block;
width: 100%;
}

    Dann gehts.

    Gruß,
    Jojo


    Danke ....
    ich denke ich habs vorerst mal geschafft ..... es einfacher zu gestalten ...

    nur hab ich jetzt das Problem, dass die Wörter beim rollover "wandern" ( in der Auswahl der Immobilien).... hab schon alles durchgesehen .... aber nichts gefunden .... vielleicht hat noch wer einen Tip für mich

    Danke

    Link: http://www.rathmanner.co.at

    Du sagst den Links doch selbst, dass sie "wackeln" sollen:

    Setz hier padding ebenfalls auf 0, bzw. nimm die Angabe einfach raus.

    Gruß,
    Jojo


    wenn ich paddin: 0 eingebe bzw es rausnehme, dann wackelt zwar die Schrift nicht mehr , jedoch ist dann der Balken der sich verfärbt nicht mehr so hoch wie ursprünglich

    was muss ich da eingeben damit der Balken gleich bleibt ? sich eben nur die Farbe verändert ?

    Danke!

    LG

    Jörg

    #navlist li a:hover
    {

    border-color: #A0DDFE;
    color: #333333;
    background-color: #A0DDFE;
    height: 30px;

    so funktioniert es leider nicht ........

    Danke!

    LG

    Jörg

    wenn ich display:block eingeben dann hab ich ja keine horizontale Liste meh oder ?

    wenn ich die höhe mit line hight eingebe ändert sich auch nichts ....

    LG

    Jörg

    wenn auch vielleicht nicht so professionell

    padding-top: 7px;
    padding-bottom: 7px;

    so funktioniert es .....

    bin leider eben erst Anfänger ...... in Sachen CSS ....

    villeicht kann mir jemand einen Tip geben wo es ein leicht verständliche Anleitung oder Buh für CSS gibt

    Danke!

    LG

    Jörg