tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
458
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 15.10.03 21:50 #1
    Pacific Pacific ist offline Mitglied
    Registriert seit
    Feb 2003
    Ort
    Schweiz
    Beiträge
    17
    an folgendem Script werde ich noch blöd
    kann mir vielleicht jemand helfen?

    ich möchte, dass wenn man über die zelle färbt, diese
    von einem tabellenrand umrandet wird, sich aber der
    text darin natürlich NICHT verschiebt .....

    wär cool wenn jemand wüsste wie das geht





    <html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive 5">
    <title>Willkommen bei Adobe GoLive 5</title>
    <style type="text/css">
    <!--


    .td-over {border-width:1px; border-style:groove; border-color:#000000; cursor: hand; border-collapse:collapse;}
    .td-out { }

    .zelle {border-width:1px; cellpadding:10px; cellspacing:5px; border-collapse: collapse; this.layer.visibility:hidden;}

    .1 { font-face: geneva, verdana, tahoma, arial; padding-left: 10px;}

    -->
    </style>

    </head>

    <body bgcolor="#ffffff">
    <table cellpadding="1" cellspacing="2">
    <tr height="30">
    <td class="zelle" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" height="30" width="70"><font class=1>xx</td>
    <td height="30" width="15">xx</td>
    <td height="30" width="15">xx</td>
    </tr>
    <tr height="30">
    <td class="zelle" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" height="30" width="70"><font class=1>xx</td>
    <td height="30" width="15">xx</td>
    <td height="30" width="15">xx</td>
    </tr>
    <tr height="30">
    <td class="zelle" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" height="30" width="70"><font class=1>xx</td>
    <td height="30" width="15">xx</td>
    <td height="30" width="15">xx</td>
    </tr>
    </table>
    <p></p>
    </body>

    </html>
     
  2. 16.10.03 08:21 #2
    Avatar von Xaicon
    Xaicon Xaicon ist offline
    Registriert seit
    Aug 2003
    Ort
    Black Mesa
    Beiträge
    174
    Wenn der Hintergrund eine einfarbige Fläche ist würde ich einfach einen Border in der selbigen Farbe einfügen, und nur die Farbe per "mouseover" anpassen...
     
    press any key to continue...
  3. 16.10.03 12:58 #3
    Pacific Pacific ist offline Mitglied
    Registriert seit
    Feb 2003
    Ort
    Schweiz
    Beiträge
    17
    genau ..... WENN
    nur eben - ist es leider nicht ...... mehr ideen?
     
  4. 16.10.03 15:00 #4
    Tim C. Tim C. ist offline
    Registriert seit
    Dec 2001
    Beiträge
    4.791
    Geb der td via CSS im Falle, dass kein Rahmen vorhanden ist einen margin: Wert von 1px. Kann sein, dass das bei einer td nicht funktioniert, dann ist die Idee nichtig.
    Wenn es jedoch geht, machst du bei einem MouseOver über eine Funktion
    1) den margin Wert auf 0
    2) die border-width auf 1px
    Und beim MouseOut wieder rückwärts.

    Müsstest du mal probieren.
     
« Button-Text hochstellen | Würfel aus Containern »

Ähnliche Themen

  1. Tabellenrand
    Von hury im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 06.10.09, 05:30
  2. tabellenrand
    Von CosmoKey im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 26.01.05, 16:14
  3. Tabellenrand in CSS?
    Von GreenThunder im Forum CSS
    Antworten: 8
    Letzter Beitrag: 02.03.04, 11:21
  4. tabellenrand
    Von qqpp im Forum CSS
    Antworten: 2
    Letzter Beitrag: 19.09.03, 17:40
  5. 1px Tabellenrand
    Von ~SpArGs~ im Forum HTML & XHTML
    Antworten: 7
    Letzter Beitrag: 27.12.01, 11:10