display:block - geht nur in der 1. Tabellenzellle

ben-pen

ben-pen

Aktives Mitglied
Thread Starter
Dabei seit
26.08.2005
Beiträge
1.500
Reaktionspunkte
9
Hallo, bevor ich mein Problem erkläre, hier mein Quelltext und css:

Code: 
    <td width="200" height="129" align="left" valign="middle" class="Stil1"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="25" bgcolor="#999999" class="mainLinks"><a href="de/products/products.htm">Produkte</a></td>
      </tr>
      <tr>
        <td height="25" bgcolor="#999999" class="mainLinks"><a href="de/projects/projects.htm">Projekte</a></td>
      </tr>
      <tr>
        <td height="25" bgcolor="#999999" class="mainLinks"><a href="de/service/service.htm">Service</a></td>
      </tr>
      <tr>
        <td height="25" bgcolor="#999999" class="mainLinks"><a href="de/company/company.htm">Unternehmen</a></td>
      </tr>
      <tr>
        <td height="25" bgcolor="#999999" class="mainLinks"><a href="de/contact/contact.htm">Kontakt</a></td>
      </tr>

Code: 
.mainLinks a:hover {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
	text-indent: 10px;
	line-height: 25px;
	background-color: #264397;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

Auf nem Mac funktioniert der hover. Auf Windows funktioniert es nur in der ersten Zelle richtig. Bei den 4 folgenden Zeilen geht es nur wenn ich über die Schrift gehe. Woran liegt das?
 
Bei mir geht es (Mac/Safari, Win/IE), habe die Datei angehangen. Du kannst die Links als Blockelemente auszeichnen, mit einer eingestellten Breite funktioniert das dann im IE (bei mir 100%).

Bei Dir fehlt auch die schliessende Klammer im CSS (Tippfehler nur hier im Forum?)

Übrigens baut man keine Menus mehr in Tabellen, das ist Webdesign von vor 5 Jahren. Und es ist wieder eine Firmenseite, die solch ein Markup bekommt :kopfkratz:

Oder gibt es einen plausiblen Grund für die Tabelle?


2nd
 
Zuletzt bearbeitet:
2ndreality schrieb:
... als Blockelemente auszeichnen, mit einer eingestellten Breite funktioniert das dann im IE (bei mir 100%).
Zum Vergrößern anklicken....

wie mach ich dass, ich meine was meinst du mit Blockelemt

2ndreality schrieb:
Bei Dir fehlt auch die schliessende Klammer im CSS (Tippfehler nur hier im Forum?)
Zum Vergrößern anklicken....

Tippfehler

2ndreality schrieb:
Übrigens baut man keine Menus mehr in Tabellen, das ist Webdesign von vor 5 Jahren. Und es ist wieder eine Firmenseite, die solch ein Markup bekommt :kopfkratz:

Oder gibt es einen plausiblen Grund für die Tabelle?
Zum Vergrößern anklicken....

Ja gibt es oder auch nicht. Ich bin Laie ;) Obwohl, als Laie kann man es jetzt schon nicht mehr bezeichnen, nach 1,5 Jahren Versuche.

Wie meinst du dass mit der Firmenseite?? MarkUp

Danke für deine Hilfe
 
2ndreality schrieb:
Übrigens baut man keine Menus mehr in Tabellen, das ist Webdesign von vor 5 Jahren. Und es ist wieder eine Firmenseite, die solch ein Markup bekommt :kopfkratz:
Zum Vergrößern anklicken....

I second this. Genausowenig gibt es einen Grund für die Angaben der Zellenhöhe und der Hintergrundfarbe als Attribute im <td>-Tag.
 
Schau Dir das Bsp. oben an, welches ich Dir angehangen habe, da ist die Klasse .mainLinks und deren Pseudo-Selektoren als Blocklevel ausgezeichnet und mit 100% Breite versehen. Das funktioniert.

Unten noch das Bsp. als Liste, fkt. ebenfalls in beiden Browsern.

Wegen Firmenseite: Das sieht so aus, dass die Seite für eine Firma sein soll. Wenn es keinen guten Grund für die Tabellen gibt, bin ich persönlich der Meinung, dass man sowas nicht mehr verkaufen/anbieten darf/sollte...

@Matt: Kannst Du mir sagen, warum die Attribute der Selektoren margin:0; und padding:0; nicht vom body-Tag auf das ul#nav Tag vererbt werden :kopfkratz:

2nd
 
Jaja ich weiß dass ich hier eine veraltete Website programmiere. Werde ich auch mit der Zeit (und wenn ich Zeit habe) ändern ;)
 
ben-pen schrieb:
wie mach ich dass, ich meine was meinst du mit Blockelemt
Zum Vergrößern anklicken....

2nd meint
HTML: 
display: block

Jedes Element hat von Haus aus gewisse Eigenschaften, was sein Verhalten im Textfluß angeht. Es gibt Blocklevel-Elemente (wie etwa <p>, <div> und <blockquote>) und es gibt Inline-Elemente (wie etwa <a>, <img> oder <tt>). Über CSS kannst du bequem diese Standardeigenschaft ändern, um ein Verhalten zu erzielen, wie es von dir gewünscht ist.

Ja gibt es oder auch nicht. Ich bin Laie Obwohl, als Laie kann man es jetzt schon nicht mehr bezeichnen, nach 1,5 Jahren Versuche.

Wie meinst du dass mit der Firmenseite?? MarkUp
Zum Vergrößern anklicken....

Unwissenheit ist keine Ausrede.
http://www.css4you.de/
http://jendryschik.de/wsdev/einfuehrung/
http://de.selfhtml.org/

Oder, wenn du es lieber auf toten Bäumen hast:
Professionelles Webdesign mit (X)HTML und CSS
CSS Mastery. Advanced Web Standards Solutions

Vielleicht ist auch das was für dich:
CSS-Layouts. Praxislösungen mit YAML

Matt
 
2ndreality schrieb:
@Matt: Kannst Du mir sagen, warum die Attribute der Selektoren margin:0; und padding:0; nicht vom body-Tag auf das ul#nav Tag vererbt werden :kopfkratz:
Zum Vergrößern anklicken....

Ja ;)

margin und padding sind nicht vererbbar (siehe auch hier und hier).

Ich empfehle generell, alle margins, paddings und nach Beliebem auch borders direkt am Anfang für alle Elemente zurückzusetzen, damit geht man den diversen unterschiedlichen Standardwerten der Browser aus dem Weg:
HTML: 
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	border: 0;
}
</style>

Matt
 
Eure Links sind echt klasse. Super. Ihr habt mir auf jeden Fall geholfen. Vielleicht lasse ich mir eines der Bücher auch zu Weihnachten schenken.

Ich weiß, dass ich von der Tabellen-Sch.. weg muss. Aber die Seite steht im Moment und ist auch online. Ich werde aber parrallel die Seite neu überarbeiten.

Hab halt mit Dreamweaver hier versucht eine einigermaßen ordentliche Seite zu erstellen. Ich verkauf diese ja nicht oder so, ich arbeite in dieser Firma. Im Prinzip wusste ich von Anfang an dass ich eine veraltete Technik benutze ... fragt mich aber nicht warum ich dann nicht mir was neues angeeignet habe ;)
 
@Matt
Kannst du die Bücher empfehlen. Ich meine kennst du die Bücher oder hast du sie selber benutzt?
 
Professionelles Webdesign mit (X)HTML und CSS hab ich gelesen, fand es für mich persönlich nicht wirklich bewußtseinserweiternd, aber ich halte dieses Buch für das perfekte Werk zum Einstieg in die Materie.

CSS Mastery. Advanced Web Standards Solutions ist, wie der Name schon sagt, eher 'advanced'. Für alle, die mal schauen wollen, was sonst noch so geht mit CSS. Hab ein paarmal drin geblättert, ansonsten liegt es hier aber noch ungelesen rum.

CSS-Layouts. Praxislösungen mit YAML hab ich gestern erst bestellt. Düfte heute in der Packstation liegen.
 
Vielen Dank für Eure ausführlichen Infos
 
Ups, sorry. Entweder gab es wieder AJAX Synchroprobleme oder ich habe es überlesen, danke :)

Der ziziterte Bereich "Code" in dem Posting ist bei mir (OS 9/IE 5) auch leer, da steht bestimmt * {margin....padding....} drin...

Naja, das nehme ich eh schon immer, das mit der Vererbung war mir neu.

2nd
 
Ja, tut es:
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
}
</style>
Zum Vergrößern anklicken....

Hab das gerade mal im IE gegengecheckt. Der scheint generell nichts anzuzeigen, wenn das als in
HTML: 
 oder [code] eingeschlossen ist...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten