1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

fehler im Code?

  • Joerg69
  • 8. April 2008 um 13:52
  • Joerg69
    Youngster
    Beiträge
    13
    • 8. April 2008 um 13:52
    • #1

    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>

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 8. April 2008 um 14:00
    • #2

    Mach's doch nicht so umständlich und lass den ganzen onmouse-Kram mal weg.
    Ne einfache CSS-Navi und gut is.
    http://css.maxdesign.com.au/listamatic/
    http://www.ohne-css.gehts-gar.net/0003.php

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • jojo87
    der/die Göttliche
    Reaktionen
    6
    Beiträge
    3.131
    • 8. April 2008 um 14:09
    • #3

    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


  • Joerg69
    Youngster
    Beiträge
    13
    • 8. April 2008 um 20:35
    • #4

    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

  • jojo87
    der/die Göttliche
    Reaktionen
    6
    Beiträge
    3.131
    • 8. April 2008 um 20:40
    • #5

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

    Zitat


    #navlist li a:hover
    {
    padding: 7px;
    border-color: #A0DDFE;
    color: #333333;
    background-color: #A0DDFE;
    }

    Alles anzeigen

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

    Gruß,
    Jojo


  • Joerg69
    Youngster
    Beiträge
    13
    • 8. April 2008 um 20:44
    • #6

    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

  • jojo87
    der/die Göttliche
    Reaktionen
    6
    Beiträge
    3.131
    • 8. April 2008 um 20:46
    • #7

    Den Links die Höhe des Balkens zuweisen.


  • Joerg69
    Youngster
    Beiträge
    13
    • 8. April 2008 um 20:54
    • #8

    #navlist li a:hover
    {

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

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

    Danke!

    LG

    Jörg

  • jojo87
    der/die Göttliche
    Reaktionen
    6
    Beiträge
    3.131
    • 8. April 2008 um 20:58
    • #9

    weil du ihnen zuvor display: block zuweisen musst.
    Wieviele Angaben zu den Links machst du denn noch?


  • Elvis
    Kaiser(in)
    Beiträge
    2.536
    • 8. April 2008 um 20:59
    • #10

    line-height:Wert;

    Bitte nicht klicken!
    Fighting for Webstandards!
    Du bist Terrorist

  • Joerg69
    Youngster
    Beiträge
    13
    • 8. April 2008 um 21:07
    • #11

    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

  • Joerg69
    Youngster
    Beiträge
    13
    • 8. April 2008 um 21:20
    • #12

    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

  • Elvis
    Kaiser(in)
    Beiträge
    2.536
    • 8. April 2008 um 22:22
    • #13

    Einführung in XHTML, CSS und Webdesign

    Bitte nicht klicken!
    Fighting for Webstandards!
    Du bist Terrorist

Tags

  • www
  • html
  • color
  • http
  • klasse
  • links
  • problem
  • code
  • php
  • fehler
  • navi
  • div
  • javascript
  • script
  • height
  • css
  • führung
  • wert
  • display
  • webdesign
  • avi
  • padding
  • xhtml
  • mouse
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche