What I am trying to do is probably very simple. I currently have frames in my index.html. I have a top, left, right bottom and center frame. This makes my page look pretty awkward. Here is my index.html: \[code\] <html> <head> <title>Support Portal</title> </head> <frameset rows="28,*,5" frameborder="0" border="0" framespacing="0"> <frame name="topNav" src="http://stackoverflow.com/questions/15690996/top_nav.html" scrolling="no" noresize> <frameset cols="110,*,110" frameborder="0" border="0" framespacing="0"> <frame name="menu" src="http://stackoverflow.com/questions/15690996/menu_1.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> <frame name="content" src="http://stackoverflow.com/questions/15690996/content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> <frame name="related" src="http://stackoverflow.com/questions/15690996/related.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> </frameset> <frame name="footer" src="http://stackoverflow.com/questions/15690996/footer.html"> <noframes> <p>This section (everything between the 'noframes' tags) will only be displayed if the users' browser doesn't support frames. You can provide a link to a non-frames version of the website here. Feel free to use HTML tags within this section.</p> </noframes> </frameset> </html>\[/code\]What I was hoping to do was take my 'content.html' and all of my other html files and make the background-color transparent, and then put a background image behind everything so the page would look more like 1 page, instead of 5 put together. Here is the top of my content page: \[code\] <!DOCTYPE html> <html> <head> <style type="text/css"> body { font-family:Ubuntu, sans-serif; font-size:10pt; margin:10px; background-color:transparent; } a { color:white; }\[/code\]How would I go about accomplishing this?
html: Putting a background under a frameset
- Thread starter celerina
- Start date