2 replies [Last post]
lifetalk
Offline
Regular
Last seen: 11 years 28 weeks ago
Joined: 2007-11-08
Posts: 13
Points: 0

I'll keep this plain and simple.

I've been having a huge problem trying to place the SUBMIT button beside the URL Form.
Yeah, am coding a new proxy template, but, since I am just learning CSS (been a few days) I've come across a problem.
I tried to look at other CSS files, but I guess am just too dumb to notice what's wrong. Help would be appreciated.

Here's the info needed
URL: http://www.rule-breakers.info/test
CSS: http://www.rule-breakers.info/test/style.css
Both of them have been validated.

Here's the code from index.html

check

somecontenthere

And here's the code from the CSS

/* * From Stackians.Com * * * Have Fun. But, do not remove the link back to our site. We don't ask anything else! * Unless ofcourse.. you paid for this template. Well.. it is obvious. You DON'T have to link to us! * (Appreciate if you do, though!) */

body {
background: #BBBBBB url(images/bg.gif) repeat-x;
margin: 0px;
text-align: center;
margin: 0px;
font-family: Tahoma;
font-size: 13px;
}

#layout {
width: 700px;
text-align: left;
margin: 0 auto;
}

#header {
background: #BBBBBB url(images/logo.gif) no-repeat;
width: 451px;
height: 115px;
}

#content {
margin-left: 20px;
text-align: center;
}

#addressbox {
margin-left: 140px;
width: 425px;
}

#formbox {
margin: 4px 0 0 0;
float:left;
background: #BBBBBB url(images/address_box.gif) no-repeat;
width: 423px;
height: 49px;
border: none;
}

#form #address_box {
text-align: left;
float:left;
margin-top: 8px;
margin-left: 5px;
padding-top: 4px;
background: none;
border-style: none;
width: 407px;
height: 33px;
font-family: Tahoma;
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
}

#form #submit {
float:right;
padding: 0px;
background: url(images/go.gif) no-repeat;
width: 90px;
height: 48px;
border: none;
}

a:link, a:visited, a:active {
color: #626262;
font-style: italic;
}

a:hover {
color: #484848;
font-style: italic;
}

All help appreciated Smile

syrupcore
Offline
Enthusiast
Last seen: 10 years 44 weeks ago
Timezone: GMT-8
Joined: 2004-03-10
Posts: 108
Points: 0

hi. div id=formbox isn't

hi.

div id=formbox isn't wide enough to fit both items so your submit button is getting pushed down a line. make it a little wider and give a little left margin to the submit button and you're set. you'll need to fix your background image but that's not big deal.

will

lifetalk
Offline
Regular
Last seen: 11 years 28 weeks ago
Joined: 2007-11-08
Posts: 13
Points: 0

Thanks. That worked!

Hey thanks a lot for the quick answer.
That worked like a charm.

Appreciate your help Smile