Can anyone help me with this code? I am new to this and just starting to try to use html and css for my bands myspace page- All I am trying to do is have a picture show up a background and keep the tables in front see-through.. I have the tables transparent but I cannot figure out why the picture is not showing up? <style type="text/css"> a,body input, table, td, textarea{background-color:transparent; border; none; border-width:0;} body{background-image: url ( <http://i473.photobucket.com/albums/rr94/synergy199/332533138605_0_BG1-1.jpg> ; background-attachment: fixed; background-repeat: no-repeat; background-position center: center;} </style> Like I said- I am just learning and thought I had this figured.... I guess not!!! ANy help would be really appreciated thanks
background-image: url ( <http://i473.photobucket.com/albums/rr94/synergy199/332533138605_0_BG1-1.jpg> ; Code (markup): is incorrect code background-image: url ('http://i473.photobucket.com/albums/rr94/synergy199/332533138605_0_BG1-1.jpg') ; Code (markup): is correct
Corrected that and it still wont show the pictuer as a background? I can insert the picture onto the site but for some reason it wont show as background- I understand this is basic- which is why I'm getting put off as I cant even get this just to show up
several bugs in your code try this body { background-attachment: fixed; background-image: url(/assets/albums/rr94/synergy199/332533138605_0_BG1-1.jpg); background-repeat: no-repeat; background-position: center top; } let me know if that helped
Tried it and it did not work, What was wrong with teh code I had? (apart form not working!!!! haha) I meant I am learning and trying to work out what I am doing wrong in writing the code?
Try this: <style type="text/css"> body { background-color: rgb(255, 255, 255); background-image: url(http://i473.photobucket.com/albums/rr94/synergy199/332533138605_0_BG1-1.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } table, tr, td { background-color: transparent; border: 0px; } table table { border: 0px; } table table table table{ border:0px; } table table table { border-width: 2px; border-color: rgb(102, 102, 102); border-style: solid; background-color: transparent; } table table table td { background-color: transparent; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; } table table table table td { filter:none; }</style> <style type="text/css"> body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 { font-family: Verdana; font-size: 12px; color: rgb(102, 153, 204); font-weight: normal; font-style: normal; text-decoration: none; } .nametext { padding: 5px; font-family: Verdana; font-size: 12px; color: rgb(0,0,0); font-weight: bold; font-style: normal; text-decoration: none; display: block; } .whitetext12, .orangetext15 { font-family: Verdana; font-size: 12px; color: rgb(102, 153, 204); font-weight: bold; font-style: normal; text-decoration: none; } a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover { color: rgb(0, 51, 153); font-weight: bold; font-style: normal; text-decoration: none; } a.navbar:hover, a.man:hover, a:hover { color: rgb(204, 0, 0); font-weight: bold; font-style: normal; text-decoration: underline; } .badge { position: absolute; left: 1px; top: 1px; } </style> Code (markup):
Thankyou MCFox- that worked. I'm sorry to be such a pain but I am self- learning and just to to work out how to do this... Is there a set standard I should do things in... like background first then define text or size etc that kind of thing? Any help is greatly appreciated
No probs. I'm glad it worked. Myspace layouts are a little tricky to get the hang of to begin with as you have to learn what the various bits do. What you can do as you are just starting out is use one of the many free online layout creators: http://www.google.co.uk/search?hl=en&q=myspace+layout+generator They pretty much create it for you (along with some embedded html) << something you should look out for. Then you should practice changing some of the attributes of each component to see what it does. For example, if you were to change the following: table, tr, td { background-color: transparent; border: 0px; } to this: table, tr, td { background-color: black; border: 0px; } Find out what happens. From the code it looks really obvious but that's where Myspace layouts are a bit tricky. Finally, download and use Firefox and then install the WOT (web of trust) plugin. You'd be surprised how many of those sites will try to install malware when you visit. WOT will give you a heads up beforehand. Additionally, you could also install the Firebug plugin - it'll help you with the coding (you'll need to mess about with it to find out how it works but it's pretty easy to do).
Yeah I've been using other peoples generators and playing around with as much of the code as I could figure out. I have always been restricted by either their code or not knowing what to change to get what I want etc- I really need to start div layouts etc- so I figured I should start trying to learn how to write and control the code from the start- that way I can control it and do what I want with it. Any places to go to read up on stuff for a beginner? Thanks for the advice about firefox- I used that for a while but for some reason I stopped..... Is it safer them ie?
Really, you need to know CSS and a little bit of html. My personal favourite CSS editor is Topstyle Pro ($80) but you could use Topstyle Lite (free). http://www.google.co.uk/search?num=50&hl=en&newwindow=1&q=myspace+div+layouts Here's a good place to begin, I guess. (w3.org) w3schools html.net (css section) To an extent it is safer than IE but it isn't bulletproof. What's so good about FF is the massive number of free add-ons you can get that will help you with all sorts of things, especially coding and fiddling about with stuff. For example, the web develper add-on that comes bundled with FF will let you change the css on a web page with a page loaded and display the results as you change the code. Perfect for finding your way around layout coding.