Minor CSS Help needed.

[warezrock]

In the CSS file
Find

#searchbox
Change

padding: 5px 0px 3px 0px;

To this

padding: 5px 10px 3px 10px;

Thanks

[ProtoWorker]

Replace #searchbox

#searchbox { 	width: 180px; 	float:left; 	padding: 5px 10px 3px 10px; 	background: url('images/search.png') no-repeat; 	border: 0; 	margin: 2px 2px 2px 0px; 	color: #fff; 	font-size: 11px; 	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; }

[ProtoWorker]

In the CSS file
Find

#searchbox
Change


To this


Thanks

This is going to repeat the bg, as there is no rule set for it

[BlaZe]

Have you tried padding:15px in the search css. yet?

Yup, it didn't work.

padding-left: 10px;
width: 165px;

in #searchbox & it works fine

It work too

In the CSS file
Find

#searchbox
Change


To this


Thanks

Its perfect ! This worked ! THANKS !!!!!!!

Replace #searchbox

#searchbox {     width: 180px;     float:left;     padding: 5px 10px 3px 10px;     background: url('images/search.png') no-repeat;     border: 0;     margin: 2px 2px 2px 0px;     color: #fff;     font-size: 11px;     font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; }

I'll try it and will tell.

EDIT:

This worked too ! Thanks !

This is going to repeat the bg, as there is no rule set for it

It worked.

[BlaZe]

Thanks everyone for your putting your time into it

[warezrock]

Your welcome

[BlaZe]

Oh my, I'm idiot.

This is how its looking now


Now please guide how can I shift the magnifying glass to more left. lol

[warezrock]

Firstly make the width of

#searchbox

to 160px;

example

width:160px;

Edit.................

and remove this from CSS

/**
#searchbox {
width: 180px;
float:left;
padding: 5px 10px 3px 10px;
background: url('images/search.png');
border: 0;
margin: 2px 2px 2px 0px;
color: #fff;
font-size: 11px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}
*//

[BlaZe]

Thats the original code. I kept it as backup.

This is how its looking after the 160px width

/***** SEARCH FORM FORMATTING *****/

#search {
    display: inline;
    float: right;
    margin: 0px 25px 0 0px;
    padding: 0px 0px 0 0px;
    text-align: left;
    top: 0px;
}

#searchbox {
    width: 160px;
    float:left;
    padding: 5px 0px 3px 10px;
    background: url('images/search.png');
    border: 0;
    margin: 2px 2px 2px 0px;
    color: #fff;
    font-size: 11px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

.go {
    margin-top: 6px;
    margin-left: -20px;
    padding: 0px;
    color: #000;
    display:inline;
} 

[warezrock]

make width 170px;

of #searchbox the one which is not comment out