Formatovanie textu v inpute

Programovacie jazyky, rady, poradňa...
G0lDiER_
King
King
Používateľov profilový obrázok
Príspevky: 1948
Registrovaný: 16 máj 2007, 16:09
Bydlisko: Topolcany
Kontaktovať používateľa:

Formatovanie textu v inpute

Príspevok od používateľa G0lDiER_ »

Cafte, tak hned na uvod hodim kod ktory mam a potrebujemho upravit, ide hlavne o CSS.

Kód: Vybrať všetko

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.inputt {
	background-image:  url(input.png);
	width:155px;
	height: 44px;
	font-size: 20px;
	color: #FFFFFF;
	border: 0px solid #000000;
	background-repeat: no-repeat;
}
-->
</style>
</head>

<body>
<input name="meno" type="text" class="inputt" value="User"  >
</body>
</html>
(do prilohy som dal input.png ktory je nastaveny ako bg)..
a teraz potrebujem nejakym sposobom ten text "User" dat trochu doprava, aby nevytrcal von z toho pozadia a trochu dole aby bol vyskovo na strede..dakujem.
Prílohy
html+png.rar
(4.91 KiB) 25 stiahnutí
input.png
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

s tým textom nemáš ako manipulovať, uprav si obrázok (daj ho širší ak ti text vytrča)
G0lDiER_
King
King
Používateľov profilový obrázok
Príspevky: 1948
Registrovaný: 16 máj 2007, 16:09
Bydlisko: Topolcany
Kontaktovať používateľa:

Príspevok od používateľa G0lDiER_ »

skusal si si to vobec otvorit? ten text vytrca na zaciatku nie na konci, zvecsenie toho pozadia na sirku mi nic nepomoze(/hlo)
awtt
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1234
Registrovaný: 01 nov 2006, 19:37
Bydlisko: San Francisco
Kontaktovať používateľa:

Príspevok od používateľa awtt »

do css k .inputik pridaj toto

Kód: Vybrať všetko

padding: 10px 0px 0px 45px;
G0lDiER_
King
King
Používateľov profilový obrázok
Príspevky: 1948
Registrovaný: 16 máj 2007, 16:09
Bydlisko: Topolcany
Kontaktovať používateľa:

Príspevok od používateľa G0lDiER_ »

:smt007 K+ dakujem.
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Ten padding naozaj pomôže? Netrčí to potom z pravej strany?
G0lDiER_
King
King
Používateľov profilový obrázok
Príspevky: 1948
Registrovaný: 16 máj 2007, 16:09
Bydlisko: Topolcany
Kontaktovať používateľa:

Príspevok od používateľa G0lDiER_ »

Trči, nastavim si padding z pravej strany a netrci potom ani tam :)

padding: 10px 0px 0px 45px;

prve cislo je padding z HORA, druhe z PRAVA, tretie z DOLA a stvrte s LAVA :)
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

nezabúdaj ale že každý prehliadač má "inak veľké pixely". Vo firefoxe a na moje počudovanie aj v IE to vypadá celkom dobre, ale opera hodí ten text dosť nízko oproti obrázku
Mmartin
Guru
Guru
Používateľov profilový obrázok
Príspevky: 2786
Registrovaný: 07 feb 2009, 12:49
Bydlisko: Bratislava

Príspevok od používateľa Mmartin »

a co tak

Kód: Vybrať všetko

text-align:center;
padding-top:0px;
G0lDiER_
King
King
Používateľov profilový obrázok
Príspevky: 1948
Registrovaný: 16 máj 2007, 16:09
Bydlisko: Topolcany
Kontaktovať používateľa:

Príspevok od používateľa G0lDiER_ »

ale ja ten text nechcem do stredu..
Napísať odpoveď