HWE-Forum.de

Internet und Co. => HTML, PHP, XML, JavaScript u. Co. => Thema gestartet von: cadwich am 06. Februar 2005, 17:03:12 Uhr

Titel: Vertikale Zentrierung?????
Beitrag von: cadwich am 06. Februar 2005, 17:03:12 Uhr
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
Titel: Re: Vertikale Zentrierung?????
Beitrag von: Spider-Mann am 06. Februar 2005, 17:34:39 Uhr
Probiers mal hiermit:

<table width="100%" height="100%"><tr><td align=center valign=center>
<a href="#" class="button">hilfe</a>
</td></tr></table>
Titel: Re: Vertikale Zentrierung?????
Beitrag von: cadwich am 06. Februar 2005, 17:37:32 Uhr
funzt net
und es sollte am besten in css sein
Titel: Re: Vertikale Zentrierung?????
Beitrag von: Spider-Mann am 06. Februar 2005, 17:43:43 Uhr
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>
Titel: Re: Vertikale Zentrierung?????
Beitrag von: cadwich am 07. Februar 2005, 11:33:54 Uhr
hups
ich glaub ich hab mir falsch ausgedrückt
eigentlich meinte ich, dass das wort "hilfe" in
dem button zentriert sein sollte
Titel: Re: Vertikale Zentrierung?????
Beitrag von: cadwich am 08. Februar 2005, 12:40:41 Uhr
ich habs mit einem transparenten gif geschafft  ;D
Titel: Re: Vertikale Zentrierung?????
Beitrag von: X-1-ALPHA am 11. Februar 2005, 19:12:08 Uhr
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
Titel: Re: Vertikale Zentrierung?????
Beitrag von: cadwich am 12. Februar 2005, 12:47:23 Uhr
ja aber du hattest ein problem mit einem bild und nicht mit einem button
weil beim bild ist des anders
Titel: Re: Vertikale Zentrierung?????
Beitrag von: SYSTRAY am 13. Februar 2005, 22:49:55 Uhr
Hey X-1-Alpha hat das nun so hingehauen mit dem Bild wie ich es gemacht habe?
Titel: Re: Vertikale Zentrierung?????
Beitrag von: X-1-ALPHA am 16. Februar 2005, 00:28:31 Uhr
Irgendwie nicht. :(
Titel: Re: Vertikale Zentrierung?????
Beitrag von: SYSTRAY am 16. Februar 2005, 00:56:04 Uhr
Echt nicht?! Das check ich net... bei mir sitzt das Pic jetzt genau in der Mitte.