The Sea King Posted November 9, 2007 Share Posted November 9, 2007 I need some quick help.How do I do this image before this background image? Link to comment Share on other sites More sharing options...
Synook Posted November 9, 2007 Share Posted November 9, 2007 Err... what? What do you mean "do" this image? Perhaps a small diagram would help us. Link to comment Share on other sites More sharing options...
The Sea King Posted November 9, 2007 Author Share Posted November 9, 2007 ok... I meant that the first image doesn't repeat while the second background image does. Link to comment Share on other sites More sharing options...
Ingolme Posted November 9, 2007 Share Posted November 9, 2007 Can you show the HTML code that you want the background applied to first? Link to comment Share on other sites More sharing options...
celfyn Posted November 9, 2007 Share Posted November 9, 2007 do you mean put the purple square as a background of the table and have the other one (blue-ish rectangle) in a table cell? Link to comment Share on other sites More sharing options...
The Sea King Posted November 9, 2007 Author Share Posted November 9, 2007 I want the first image to be put first then the second image to complete the rest of the menu space. <html><title>The Lost Waters</title><body bgcolor="059DC6" background="http://img80.imageshack.us/img80/7098/lwbackgroundpz4.jpg"><style type="text/css">table, td { border-collapse: collapse;}a:link {color: #000000; text-decoration: none; }a:visited {color: #000000; text-decoration: none; }a:hover {text-decoration: underline;}</style><table align="center" width="780" border="1"><tr><td width="30" height="30" background="http://img125.imageshack.us/img125/1142/lwtopleftyg6.png"> </td><td width="700" height="30" background="http://img125.imageshack.us/img125/1142/lwtopleftyg6.png"> </td><td width="30" height="30" background="http://img125.imageshack.us/img125/1142/lwtopleftyg6.png"> </td></td></tr></table><table align="center" border="1" width="780"><tr><td width="30" background="http://img119.imageshack.us/img119/9986/lwleftls1.png"></td><td width="100"><table border="0" bgcolor="0076A3"><tr><td><img src="http://img206.imageshack.us/img206/8549/menumainmd6.png"><br><br><a href="/LW/Index.html">Home</a><br><a href="/LW/staff.html">Staff</a><br><a href="/LW/credits.html">Credits</a><br><a href="/LW/affiliates">Affiliates</a><br><a href="wwww.ipbfree.com">Forum</a><br><a href="/index.html">Entrance</a><br><br><img src="http://img253.imageshack.us/img253/3198/menugoldensunre5.png"><br><br><a href="/LW/GS1/introduction.html">Introduction</a><br><a href="/LW/GS1/characters.html">Characters</a><br><a href="/LW/GS1/maps.html">Maps</a><br><a href="/LW/GS1/djinn.html">Djinn</a><br><a href="/LW/GS1/weapons.html">Weapons</a><br><a href="/LW/GS1/armor.html">Armor</a><br><a href="/LW/GS1/items.html">Items</a><br><a href="/LW/GS1/walkthrough.html">Walkthrough</a><br><br><img src="http://img240.imageshack.us/img240/7639/menulostagenc8.png"><br><br><a href="/LW/GS2/introduction.html">Introduction</a><br><a href="/LW/GS2/characters.html">Characters</a><br><a href="/LW/GS2/maps.html">Maps</a><br><a href="/LW/GS2/djinn.html">Djinn</a><br><a href="/LW/GS2/weapons.html">Weapons</a><br><a href="/LW/GS2/armor.html">Armor</a><br><a href="/LW/GS2/items.html">Items</a><br><br><img src="http://img265.imageshack.us/img265/4369/menuothersl7.png"><br><br><a href="/LW/Other/fanart.html">Fan Art</a><br><a href="/LW/Other/storyWriting.html">Story Writing</a><br><a href="/LW/Other/music.html">Music</a><br><a href="/LW/Other/downloads.html">Downloads</a><br><a href="/LW/Other/helpOnOtherStuff.html">Help on Other Stuff</a></td></table><td width="30"><img src=""></td><td valign="top" width="690" background="http://img267.imageshack.us/img267/3472/lwcontextxl3.jpg">Context goes here</td><td width="30" background="http://img112.imageshack.us/img112/2989/lwrightgg0.png"></tr></table><table align="center" width="780" border="1"><tr><td width="30" height="30" background="http://img125.imageshack.us/img125/1142/lwtopleftyg6.png"> </td><td width="700" height="30" background="http://img125.imageshack.us/img125/1142/lwtopleftyg6.png"> </td><td width="30" height="30" background="http://img125.imageshack.us/img125/1142/lwtopleftyg6.png"> </td></tr></table> Link to comment Share on other sites More sharing options...
The Sea King Posted November 9, 2007 Author Share Posted November 9, 2007 do you mean put the purple square as a background of the table and have the other one (blue-ish rectangle) in a table cell?no... I meant to have the first image and it doesn't repeat. The second background image completes the rest of the menu.Something like this: Link to comment Share on other sites More sharing options...
The Sea King Posted November 11, 2007 Author Share Posted November 11, 2007 Could I do this with CSS? Link to comment Share on other sites More sharing options...
Ingolme Posted November 11, 2007 Share Posted November 11, 2007 Oh, I get it:You want that image to be on the top of the menu, and if the menu extends further down than the image you want it to continue with the other background image.You can do this:<div style="background: url(second image) top left"> <div style="background: url(first image) top left repeat-x;"> Menu content </div></div>First image would be the long one, and the second image refers to the smaller one. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.