Tabellenzelle übernimmt Tabellenreihe (IE7)

[sebastian]

Hi,

erstmal nein, es geht nicht um ein Tabellenlayout.

Habe eine Login Box, diese ist am besten und sinnvollsten als Tabelle zu lösen. Klappt auch alles wunderbar nur im IE7 gibts zicken.

Habe eine Tabellenreihe (tr) mit der ID login-bottom und dieser habe ich über CSS ein Hintergrundbild gegeben.

Nun nehmen die Zellen das Hintergrundbild mit. Wollte das verhindern und habe #login-bottom den Wet inherit: none; gegeben und habe #login-bottom td den Wert background-image: none;.

Hat jemand ne Idee??

Braucht ihr Code, oder reicht das so??

Gruß Sebastian

[Florian Stascheck]

Hallo,

Habe nicht verstanden. Brauche Code. Und gutes Deutsch. S-P-O mal gelernt. Nicht als Standart angesehen. Nun vom Gegenteil überzeugt worden. Ende.

mfg, Flo

[sebastian]

Habe nicht verstanden. Brauche Code. Und gutes Deutsch. S-P-O mal gelernt.

Haha, wie lustig

Hier der entscheidende Code:

  
<form action="/" method="post" id="login">  
  <table cellspacing="0" cellpadding="0">  
    <tr id="login-bottom">  
      <td class="space_l"><a href="/" title="Registrieren">Registrieren</a></td>  
      <td class="space_r"><a href="/" title="Passwort vergessen">Passwort vergessen</a></td>  
    </tr>  
  </table>  
</form>  

  
#login{  
  float: right;  
  margin: 2em;  
}  
  
#login > table{  
  width: 300px;  
  background: url(images/verlauf.png) repeat-x top left;  
}  
  
#login .space_l{  
  padding-left: 1.5em;  
}  
  
#login .space_r{  
  text-align: right;  
  padding-right: 1.5em;  
}  
  
#login-bottom{  
  height: 30px;  
  background: url(images/login-bottom.png) no-repeat top left;  
  vertical-align: bottom;  
  color: #fff;  
}  
  
#login-bottom td{  
  inherit: none;  
}  
  
#login-bottom a, #login-bottom a:active, #login-bottom a:visited, #login-bottom a:hover{  
  color: #fff;  
  text-decoration: none;  
  font-size: smaller;  
  font-style: italic;  
}  

Gruß Sebastian

[Florian Stascheck]

Hallo,

inherit ist keine eigene Eigenschaft, sondern nur ein möglicher Wert.

mfg, Flo

[Vinzenz Mai]

Hallo,

<table cellspacing="0" cellpadding="0">
  <!-- cellspacing und cellpadding sind veraltete Attribute. Entsorge sie. -->
    <tr id="login-bottom">
      <td class="space_l"><a href="/" title="Registrieren">Registrieren</a></td>

  
Hmm, Du solltest keine Tabelle verwenden :-)  
  
  
Freundliche Grüße  
  
Vinzenz

[Vinzenz Mai]

Hallo,

Habe eine Login Box, diese ist am besten und sinnvollsten als Tabelle zu lösen. Klappt auch alles wunderbar nur im IE7 gibts zicken.

Habe eine Tabellenreihe (tr) mit der ID login-bottom und dieser habe ich über CSS ein Hintergrundbild gegeben.

Nun nehmen die Zellen das Hintergrundbild mit. Wollte das verhindern und habe #login-bottom den Wet inherit: none; gegeben und habe #login-bottom td den Wert background-image: none;.

und warum sollte dann das Hintergrundbild nicht angezeigt werden? Jeder Browser der es nicht anzeigt, macht meiner Meinung nach etwas falsch - und mit CSS bei Tabellen haben die von mir getesteten Browser

- Firefox (2.x, 3.x)
 - Internet Explorer (6, 7)
 - Opera (9.x)
 - Safari (3.x)

allesamt unübersehbare Schwächen.

Braucht ihr Code, oder reicht das so??

(aufs Wesentliche reduzierter) Code und eine Fehlerbeschreibung:
Welches Ergebnis erwartest Du? Welches erhältst Du?
Gern auch mit verlinkten Grafiken erläutert.

Freundliche Grüße

Vinzenz

[sebastian]

Code ist in der Antwort auf die andere Antwort (tolle Satzkonstruktion)

hier die Bilder:

Box OK:
http://www.sebastian-bechtel.info/share/box-ok.png

Box IE7:
http://www.sebastian-bechtel.info/share/box-ie.png

Gruß Sebastian

[ChrisB]

Hi,

Habe eine Login Box, diese ist am besten und sinnvollsten als Tabelle zu lösen.

Begruendung?

MfG ChrisB

[sebastian]

Da die ganze Box insgesammt frei mal ein Hintergrundbild benötigt und man so die Input felder besser ausrichten kann.

Und nun nochmal zur Info.

Die Seite ist komplett in xhtml strict geschrieben, die Tabelle ist ebenfalls per CSS gestilt und ist auch die einzelne Tabelle, die in der ganzen Seite verwendet wird.

Ich habe ja bereits Bilder von der Box gepostet, ich wüsste nicht, wie ich das anderst anstellen könnte, sodass weniger Code dabei rauskommt.

Im übrigen meckert der validator bei cellspacing und cellpadding nicht.

Gruß Sebastian