Image as text input

Mark Forums Read

		Webmaster Forum > Designing and Developing Websites > Web Design
Image as text input

Web Design Discussions and help on Website Design, HTML, CSS, xHTML, DHTML, etc...

Closed Thread

#1

Old

08-06-2008, 05:33 AM

Aliniuz

Aliniuz is offline

WMG Newcomer

Join Date: Aug 2008

Posts: 1

iTrader: (0)

Aliniuz is on a distinguished road

Default

Image as text input

Hey!

Hope you help with my problem.

I know a input text can be stylized via CSS. But I created an image, the whole input, how would I like it to be and I want to use that image as a input text.

How can I do such a thing?
Thanks in advance.

Digg this Post!

Add Post to del.icio.us

Bookmark Post in Technorati

Furl this Post!

Reddit!

Share on Facebook

Sponsored Links

Register and sign in to hide this ad block

#2

Old

08-07-2008, 10:39 PM

jingwen

jingwen is offline

WMG Newcomer

Recent Blog: How to find a perfect After Sale Service supplier from China? ? 1

Join Date: Aug 2008

Posts: 8

iTrader: (0)

jingwen is on a distinguished road

Default

<img src="files....">
Have you try ?

Digg this Post!

Add Post to del.icio.us

Bookmark Post in Technorati

Furl this Post!

Reddit!

Share on Facebook

#3

Old

08-10-2008, 04:29 PM

tonyf12

tonyf12 is offline

WMG Newcomer

Recent Blog: Blog closed

Join Date: Jul 2008

Posts: 32

iTrader: (0)

tonyf12 is on a distinguished road

Default

Code:

input.styled {
border:none;
background:url("your-image.png") no-repeat;
}

There's the CSS code but it has different levels of support between browsers.

and in your html :

HTML Code:

<input type="text" name="name" id="name" class="styled" />

Digg this Post!

Add Post to del.icio.us

Bookmark Post in Technorati

Furl this Post!

Reddit!

Share on Facebook

#4

Old

06-15-2009, 02:54 AM

webtechno

webtechno is offline

WMG Resident Alien

Join Date: Jun 2009

Posts: 194

iTrader: (0)

webtechno is on a distinguished road

Default

plz check the following code, are you searching for this or what?

Quote:

<style type="text/css">
body
{
background-attachment:fixed;
background-position:center;
background-repeat:repeat-x;
background-image:url(bg.png);
}
</style>

Thanks.

Last edited by webtechno : 06-15-2009 at 02:56 AM.

Digg this Post!

Add Post to del.icio.us

Bookmark Post in Technorati

Furl this Post!

Reddit!

Share on Facebook

Closed Thread

« Previous Thread | Next Thread »

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off Trackbacks are Off Pingbacks are Off Refbacks are Off

All times are GMT -4. The time now is 04:58 AM.

• Freelance Web Designers

• Work At Home Forum

• Ad Marketplace

• Health & Wellness Forum

• Online Deals and Bargains