CSS Button

[kesart]

Ich bin neu bei der Verwendung von CSS Scripts.

Ich habe eine Button mit CSS gemacht, ich habe Probleme mit der vertikalen Text innerhalb der Button nicht richtig positioniert ist http://www.k-e-s-art.eu/button-test-page.htm Gibt es eine Möglichkeit, den Text vertikal ausrichten innerhalb der Schaltfläche, habe ich Vertical align, Position versucht, aber es funktioniert nicht den Text immer mehr nach oben der button Border.

<style type="text/css">
<!--
.Button {
cursor: pointer;
font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px;
font-weight: bold;
}
.Button {
border: 3px double #FFFFFF;
display: block; height: 20px; width: 230px;
background-color: #000000;
}
.Button {
text-decoration: none; color: red;
text: middle;
}
.Button:hover {
text-decoration: none;color: white;
cursor: pointer;
}
-->
</style>

Ich möchte die Funktion onclick für ein Popup-Fenster Width 980px 650px Height mit einem externen Link "www.power-child.de" zu den Button hinzufügen. Der Pop-up sollte in der Mitte des Bildschirms öffnen.

Kann jemand bitte helfen?

mfg kesart
PS Sorry für die Rechtschreib Fehler, aber ich bin Englisch

 

[Cheffchen]

Hallo,

ganz einfach, lösch alles und fang noch mal neu an.
selbst auf der sehr kleinen testseite sind so viele fehler vorhanden.
fang am anfang an, wie muss eine html seite aufgebaut sein.
tabelle ist kein designe.

wenn das gemacht hast, kannst bei validator.w3.org mal testen wie das ist.
das jetztig ist nur zufall das der das anzeig wie das vielleicht möchtest.

Cheffchen

 

[Tronjer]

Um einen Text vertikal zentriert in einem Blockelement zu platzieren, gibt man dem Element die CSS-Attribute height und line-height mit denselben Werten.

Zu der JS-Frage sage ich jetzt mal nichts. Bau erstmal eine vernünftige HTML-Seite, ohne Tabellenlayout und deprecated Tags.