Vertikale Zentrierung?????

Begonnen von cadwich, 06. Februar 2005, 17:03:12 Uhr

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

cadwich

hi leute,
wie kann ich bei dem button des hilfe in die mitte (also von oben und unten) setzten, aber es soll in der mitte sein bei verschiedenen auflösungen
hier ist der quellcode dafür
Zitieren
<html>

<head>
<title>Neue Seite 1</title>
<style>
<!--
a.button {border:1px hidden #e3e3e3; font-family: Verdana;
        font-size: 10pt;
          text-decoration: none;
          display: block;
          width: 15%;
          height: 15%; 
          text-align: center;
          color: black;
          background: #66FF33
          }
         
a.button:hover {border:1px hidden #00ff00; font-family: Verdana;
        font-size: 10pt;
          text-decoration: none;
          display: block;
          width: 15%;
          height: 15%;
          text-align: center;
          color: black;
          background: #ebebeb;
          }
-->
</style>

</head>

<body>

<a href="#" class="button">hilfe</a>

</body>

</html>

gruß cadwich

Spider-Mann

Probiers mal hiermit:

<table width="100%" height="100%"><tr><td align=center valign=center>
<a href="#" class="button">hilfe</a>
</td></tr></table>
Wrote with 100% recycled Bits.

Wer Rechtschreibfehler findet darf sie behalten.
Sie sind OpenSource und dürfen von jedem in beliebiger Form benutzt und verändert weden.
Wenn Autofahren verboten ist nachdem man Alkohol getrunken hat, warum haben Bars und Kneipen dann Parkplätze?

cadwich

funzt net
und es sollte am besten in css sein

Spider-Mann

Das funktioniert nicht? Seltsam, bei mir klappt das hervorragend.

<html>
<head>
<title>Neue Seite 1</title>
<style>
<!--
a.button {border:1px hidden #e3e3e3; font-family: Verdana;
         font-size: 10pt;
         text-decoration: none;
         display: block;
         width: 100;
         height: 50;
         text-align: center;
         color: black;
         background: #66FF33
         }
a.button:hover {border:1px hidden #00ff00; font-family: Verdana;
         font-size: 10pt;
         text-decoration: none;
         display: block;
         width: 100;
         height: 50;
         text-align: center;
         color: black;
         background: #ebebeb;
         }
-->
</style>
</head>
<body>

<table width="100%" height="100%"><tr><td align=center valign=center>
<a href="#" class="button">Hilfe</a>
</td></tr></table>

</body>
</html>
Wrote with 100% recycled Bits.

Wer Rechtschreibfehler findet darf sie behalten.
Sie sind OpenSource und dürfen von jedem in beliebiger Form benutzt und verändert weden.
Wenn Autofahren verboten ist nachdem man Alkohol getrunken hat, warum haben Bars und Kneipen dann Parkplätze?

cadwich

hups
ich glaub ich hab mir falsch ausgedrückt
eigentlich meinte ich, dass das wort "hilfe" in
dem button zentriert sein sollte

cadwich

ich habs mit einem transparenten gif geschafft  ;D

X-1-ALPHA

Benutzte nächstes mal die Suche denn gleiches habe ich nur knapp vier Threads unter dir gefragt:

http://www.hwe-forum.de/index.php/topic,8395.0.html ;P
"Zum Leben zu wenig, zum Sterben zu viel"

cadwich

ja aber du hattest ein problem mit einem bild und nicht mit einem button
weil beim bild ist des anders

SYSTRAY

Hey X-1-Alpha hat das nun so hingehauen mit dem Bild wie ich es gemacht habe?

X-1-ALPHA

"Zum Leben zu wenig, zum Sterben zu viel"

SYSTRAY

Echt nicht?! Das check ich net... bei mir sitzt das Pic jetzt genau in der Mitte.