✔ Linkbezeichnung in Tab-Spalte zentriert darstellen

[hadrian]

Hallo,
ich habe in der CSS-Datei eine "Link-Formatierung" zentriert. Die
Linkbezeichnung (jeweils nur 3 Buchstaben) wird immer linksbündig dargestellt,
obwohl in der CSS-Date was anderes steht.
IE und Firefox machen die gleichen Probleme.

#item63 a:link, #item63 a:visited {
color: #000000;
width: 95px;
font-family: Verdana, sans-serif;
font-weight: bold;
font-size: 10px;
text-align: center;
background-color: #ffffff;
padding-top: 1px;
padding-bottom: 1px;
border-bottom: 1px #b2aebe solid;
text-decoration: none;
}

#item63 a:hover {
color: #000000;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: bold;
font-size: 10px;
background-color: #ffffff;
padding-top: 1px;
padding-bottom: 1px;
border-bottom: 1px #b2aebe solid;
text-decoration: underline;
}

$iata_upd="<a href=\"".$_SERVER["PHP_SELF"]."?func=iata_upd&inp1=".$inp."\">".$abk."</a>";
$liste=$liste ."<tr>
                     <td><div id=\"item63\">$iata_upd</td>
                     <td>...
                     </tr>

Warum wird die Def. "text-align: center" ignoriert und
die Var. $iata_upd linksbündig dargestellt ? Alle
anderen Definitionen für #item63 werden jedoch richtig
dargestellt.
Wer hat einen Tipp.
Wo liegt der Fehler ?
Danke.
Gruß Hadrian.

 

[Dr Dau]

Hallo!

Evtl. weil Du </div> vergessen hast?!

Gruss Dr Dau

[edit] Dir ist aber klar dass Du ID's nur einmal anwenden darfst? Nur so als Hinweis, ich weiss ja nicht wie der Rest vom Code aussieht. [/edit]

 

[Gumbo]

Du musst die CSS-Eigenschaft text-align:center auf das Elternelement des Textes, in diesem Fall das div-Element (obwohl es auch redundant ist), anwenden.

Übrigens solltest du dir die Definitionen und Beschreibungen des id- und class-Attributs zu Gemüte führen. Denn ich schätze, dass die ID item63 nicht das Ende der Fahnenstange ist, was jedoch absolut nicht nötig ist.

 

[hadrian]

Hallo Gumbo,
vielen Dank für den Tipp. Dein Hinweis war super.
Nun wird die Linkbezeichnung richtig dargestellt. Im Elternelement
war "text-align" nicht definiert. Somit wurde die Eigenschaft
aus dem Element vererbt, in dem "text-align" zuletzt
definiert wurde. Ich hoffe, ich hab das richtig erfasst.
Ich bin nun dabei, die redundanten Definitionen zu löschen.
Leider zeigt mir mein CSS-Editor im Preview nur die
Eigenschaften innerhalb des Elements an. Die vererbten
Eigenschaften jedoch nur teilweise.
Gruß Hadrian.