justaguy Posted September 29, 2012 Share Posted September 29, 2012 (edited) Hello, Quick question about CSS and styling the html tag. I have applied a html background image to repeat along the x-axis of my landing page. The length of the image is custom to the length of the page. The image is a gradient. Looks great, no problem. My next web page requires the same html background image, again to be tiled. The issue is that the length of this page exceeds that of the the landing page therefore I need to apply a different image for the html background. My CSS is linked to the html and is external (resides in main.css) In other words, I need to apply a proportional gradient image to the html tag for this page and each consecutive page thereafter. I have measured the length, and updated my image. How would I go about applying the new html background, specific to page length for each after the landing page? Thanks in advance. Edited September 29, 2012 by justaguy Link to comment Share on other sites More sharing options...
niche Posted September 29, 2012 Share Posted September 29, 2012 Please post the code for your landing page using the code tags. Link to comment Share on other sites More sharing options...
justaguy Posted September 29, 2012 Author Share Posted September 29, 2012 Please post the code for your landing page using the code tags. I apologize for my ignorance here. Would that be the code for my html or CSS? I assume you'd only require the code that addresses the html tag, or the entire landing page itself? Code tags ..hmmmm? Is that something internal to the forums to address formatting, or are you referring to the html tags themselves? Thanks for your patience. Link to comment Share on other sites More sharing options...
justaguy Posted September 29, 2012 Author Share Posted September 29, 2012 I assume you'd like to see the CSS since I assume it is a CSS issue? Here you go, nothing "advanced" to be sure. html {background-repeat: repeat-x;background-image: url(../MNet%20Workbook/htmlSliceGrad.png);} Link to comment Share on other sites More sharing options...
Ingolme Posted September 29, 2012 Share Posted September 29, 2012 If you want a different background for different pages, give the <html> element an ID. <html id="page1"> #page1 { ...} <html id="page2"> #page2 { ...} Link to comment Share on other sites More sharing options...
justaguy Posted September 29, 2012 Author Share Posted September 29, 2012 If you want a different background for different pages, give the <html> element an ID.<html id="page1"> #page1 { ...} <html id="page2"> #page2 { ...} Thanks for your reply Ingolme. I will give it a whirl, seems simple enough. Will let you know. Link to comment Share on other sites More sharing options...
justaguy Posted September 29, 2012 Author Share Posted September 29, 2012 I always feel as though I am "looking-a-gift-horse-in-the-mouth" when I have to ask for additional assistance when someone posts such a prompt solution. Sorry. How would I assign an ID to <html> when My current <html> is as follows: <html xmlns="http://www.w3.org/1999/xhtml"></html> The cooresponding CSS for my landing page Bg is as follows: html {background-repeat: repeat-x;background-image: url(../MNet%20Workbook/htmlSliceGrad.png);} Link to comment Share on other sites More sharing options...
justaguy Posted September 29, 2012 Author Share Posted September 29, 2012 I have it, was sweating it, but it has succeeded. Thanks a lot! Much appreciated. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now