logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Closed Thread
 
Thread Tools Display Modes
Old 01-04-2011, 04:02 PM   #1
teresamar2
 
Join Date: Oct 2010
Posts: 20
Default CSS for search box

I'm adding a search box to my website through hostgator. I have the html, but hostgator provides no CSS. Can someone please help me with the CSS for this html?

<div id="search">
<form action="/cgi-sys/entropysearch.cgi" target=searchwindow>
<input type="text" name="query" value="">
<input type="hidden" name="user" value="jewelry">
<input type="hidden" name="basehref" value="http://ttjewelry.net">
<input type="submit" value="Search">
</form>
</div>

I need code for positioning and size of box too. I would also like to use my own image for the search box. What code would I change to do this?

All help is appreciated.
teresamar2 is offline  
Old 01-04-2011, 04:45 PM   #2
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Something like this will line up the search field and search button next to each other with some image styles.
Code:
#search input[type="text"] {
    float: left;
    display:block;
    width: 240px;
    height: 26px;
    padding: 3px 10px 6px 10px;
    border:1px solid #ccc;
    margin-right: 15px;
    background: url(fld_search.gif);
}

#search input[type="submit"] {
    float: left;
    width: 90px;
    height: 35px;
    background: url(btn_search.gif);
    cursor:pointer;
    text-indent: -9999px;
    border: none;
}
__________________
www.gentlemedia.nl
gentleone is offline  
Old 10-12-2015, 08:49 PM   #3
ragortue
 
Join Date: Mar 2015
Posts: 15
Default

Hi, with the latest version, does that script still works?
ragortue is offline  
Old 10-13-2015, 04:03 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,170
Default

im starting to wonder if you are a bot, crawling these long closed posts. not even specifying what you are asking
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline  
Closed Thread


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:44 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com