You are not logged in.

  • Login

1

Thursday, October 22nd 2009, 3:31pm

[HTML/CSS] Input text - padding

Moin moin,

folgendes Problem =>



Der Text soll aber eher weiter unten sein.
Hab das mit padding versucht, aber leider gab es dann unter dem inout einen weißen background.
Eine Idee Wie man das lösen könnte?

2

Thursday, October 22nd 2009, 4:30pm

HTML / CSS Quelltext bitte.

Wenn du es einfach nur "etwas tiefer" willst, ohne den Text z.B. immer mittig des Rahmens anzuzeigen: Ja, da sollte dir das CSS Attribut padding weiterhelfen.

Aber mir sind weder die Umstände, noch das genaue Problem so klar.

3

Thursday, October 22nd 2009, 4:46pm

Html:
<form action="#" method="post">
<input class="sufu" type="text"><input class="go" value=" " type="submit">
</form>

Css:

.sufu {
background-image: url('images/sufu.jpg');
width: 194px;
height: 26px;
border: none;
float: left;
color: #fff;
font-size: 11px;
font-family: Tahoma;
background-repeat: no-repeat;
}

Image:






Hoffe es sind genug Infos.

Und hier ein Bild wie es mit padding aussieht.




Edit:/ Nicht wundern, dass der Text so stark geglätet ist, hab ein Mac :P

4

Thursday, October 22nd 2009, 4:56pm

Die nie benutze Zeile von mir hat mir geholfen.
background-color:transparent;

Jaja ich seh den Wald vor lauter Bäumen nicht )=

5

Tuesday, October 27th 2009, 4:56pm

Hey,

ansonnsten schau mal ob du mit "line-height" weiter kommst.

Cascading Style Sheets

1
2
3
.deineKlasse {
    height:123px;
    line-height:123px;

Und schon ist der Text in allen Browser vertikal mittig.

Gruß,
Dominic
Latest blogs Latest blogs: Bloggen...

Similar threads

Social bookmarks