PDA

View Full Version : Help with CSS/HTML



Mocha
03-30-2011, 12:13 AM
I have a question, I made a button image in Photoshop, so then I did the css styleing, and when i go to add it to the html I use: <input type="submit" class="button" value="Register"/> but when I view it it just uses the defualt button. mocha-mods.net/Home/Index.html do you know what i could possibly be doing wrong?

Here is the CSS for the button:


a.button{
display:inline-block;
width:50px;
height:40px;
padding:5px;
border:1px #D7D7D7 solid;
text-align:center;
text-decoration:none;
color:#666666;
background:url(../Images/button.png) repeat-x;
}

GP I Zero
03-30-2011, 12:16 AM
I have a question, I made a button image in Photoshop, so then I did the css styleing, and when i go to add it to the html I use: <input type="submit" class="button" value="Register"/> but when I view it it just uses the defualt button. mocha-mods.net/Home/Index.html do you know what i could possibly be doing wrong?

Here is the CSS for the button:


a.button{
display:inline-block;
width:50px;
height:40px;
padding:5px;
border:1px #D7D7D7 solid;
text-align:center;
text-decoration:none;
color:#666666;
background:url(../Images/button.png) repeat-x;
}


well i admit im out of my element here, but what part of that actually tells it where the buttons picture is lol? when i was dabbling in html i had to either have it pull from my computer for testing, but when it was a page online i had to upload it to a photo host site and use the url of that photo to use the pic.

i appologize if i made it more confusing, but hopefully i've helped even a lil

Mocha
03-30-2011, 12:20 AM
well i admit I'm out of my element here, but what part of that actually tells it where the buttons picture is LOL? when i was dabbling in HTML i had to either have it pull from my computer for testing, but when it was a page online i had to upload it to a photo host site and use the URL of that photo to use the pic.

i apologize if i made it more confusing, but hopefully I've helped even a little.

The image locating is the last line in the CSS snippet.

Sephiroth
03-30-2011, 12:35 AM
http://woork.blogspot.com/2008/07/nice-login-and-signup-panel-newsvine.html

JizzaBeez
03-30-2011, 12:58 AM
You need to do the background like:



background-image:url('http://www.360haven.com/image.jpg');
Read more.. (http://www.w3schools.com/css/css_background.asp)
(http://www.w3schools.com/css/css_background.asp)