[CSS] Bottom und Center wie ?[Erledigt][NICHT LÖSCHEN BITTE]

Webdesign & Technik HTML & CSS
21

[quote=“fishi”][/quote]

Ich habs mit Paint gemacht (Das 2te )[/quote]

Das Programm ist irrelevant. meinst du die Grafiken unten?

22

Ich habs mit Paint gemacht (Das 2te )[/quote]

Das Programm ist irrelevant. meinst du die Grafiken unten?[/quote]

Beim 2ten Buttom hab ich mit paint verbessert …so müsste es sein aber kriehs net hin …

23

Geht irgent wie nicht…
kotz

24

Dann erkläre mal bitte genau, was du möchtest. Die Justierung habe ich ja schon hinbekommen.

25

So wie ich jetzt das sehe …mit Bottom wird nicht mehr …
Darum nun GENAU in die Mitte …
Info: Ich meinte mit Buttom eig. nicht ganz unten von Rand (Browser) sonder nur im Button

26

Die Werbung von bplaced geht mir auf den Sack.
Wenn du nicht “buttom” meinst, dann musst du auch gleich “button” schreiben. man kommt sonst nicht klar.

Du möchtest also die Grafik im hover Effekt versetzt haben? Oder wie?
Schaue dir mal meine Seite an: Homepage.
Findest du dort etwas vergleichbares? Wenn ja, was?
Vieleicht kann ich mir so ein besseres Bild von deiner Vorstellung machen.

27

http://hummer.bplaced.net/button.htm

.menue { font-family: Arial; font-size: 14px; text-decoration: none; color: #000000; text-align: center; background-image: url('normal.png'); width: 80px; height: 25px; padding-top: 5px; display: block; }

28

was hier herum gestümpert wird…

michi7x7.homelinux.net/test.html

29

[quote=“hummer”]http://hummer.bplaced.net/button.htm

.menue { font-family: Arial; font-size: 14px; text-decoration: none; color: #000000; text-align: center; background-image: url('normal.png'); width: 80px; height: 25px; padding-top: 5px; display: block; }[/quote]

GENAU SO ! in die mitte !THX!

30

[quote=“michi7x7”]was hier herum gestümpert wird…

michi7x7.homelinux.net/test.html[/quote]

Das wahr meine alte idee…aber thx !

£dit: Wenn ich meinen Quellcode einfüge geht es gar nicht -.-

31

dort musst du nur den Wert von text-align ändern (middle), dann hast du auch ein center, das aber unabhängig von der Größe ist :wink:

32

mit text-align hab ich versucht aber in dem Quellcode von hummer:

<html>
<head>
  <style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
background-image: url('background.png');
}
.menue {
font-family: Arial;
font-size: 14px;
text-decoration: none;
color: #000000;
text-align: center;
background-image: url('normal.png');
width: 80px;
height: 25px;
padding-top: 5px;
display: block;
}
.menue:hover {
background-image: url('hover.png');
}
-->
</style>
</head>
<body>

<table cellpadding="1" cellspacing="0">
<tr>
  <td><a class="menue" href="#" title="">TEST</a></td>
  <td><a class="menue" href="#" title="">TEST</a></td>
</tr>

</table>

</body>
</html>

ist mir was aufgefallen und zwar :

.menue:hover {
background-image: url('hover.png');
}

ich habs immer wie oben rein gesetzt :

.menue {
font-family: Arial;
font-size: 14px;
text-decoration: none;
color: #000000;
text-align: center;
background-image: url(normal.png);
width: 80px;
height: 30px;
display: block;
}
.menue:hover {
font-family: Arial;
font-size: 14px;
text-decoration: none;
color: #000000;
text-align: center;
background-image: url(hover.png);
width: 80px;
height: 30px;
display: block;
}

Da könnte der fehler bei mir sein…

[size=150]Danke ihr habt mir sehr geholfen ! [/size]
Dieses Thema kann geschlossen werden …

33

sorry…meinte natürlich vertical-align :wink:
michi7x7.homelinux.net/test.html

34

Moin,

das Problem bei fishi ist eher, dass er aus den Links block-Elemente macht (display:block;) und auf block-Elemente hat vertical-align keinen Einfluss, da es nur auf inline-Elemente wirkt.

Mit display:inline-block; könnte es eventuell gehen… (nicht getestet) - (EDIT) wobei ich gerade sehe, dass gerade ältere Browser mit der Eigenschaft Probleme haben…

Ansonsten würde ich mich mal mit line-height versuchen - wobei das dafür eigentlich nicht unbedingt gedacht ist :wink:

MfG
myPages