HTML - Need Simple Background Code
I'm not good at writing HTML code, but I'm sure this is a simple problem. I have one background image on top repeating horizontally but would like another that shows up below it... basically one that repeats both horizontally and vertically but doesn't cover up the previous code. My second background is called: backtexture.PNG
If you could modify the code I have, I'd GREATLY appreciate it... and THANK YOU in advance! ---------------------------------------------------------------------------- <img src="back.PNG"> <style><body marginheight="0" marginwidth="0"> <STYLE TYPE="text/css"> <!-- BODY {margin: 0} ---> <style> html { overflow-x: hidden; overflow-y: auto; } </style> <style type="text/css"> body { background-image: url("backtp.PNG"); background-position:Top Center; background-attachment:scroll; background-repeat:repeat-x; } </style> Similar TutorialsHello World! (Where did that tradition start anyways?) Yes, I am fairly new at web design, and am using the method of "search-Google-whenever-you-have-a-problem-as-you-go" to learn HTML. I am pretty happy with the results I am getting in Dreamweaver, but there is one nagging thing that is throwing a kink into my designs. I have the majority of the content that is unique to each page within a table cell (<td>). Since I wanted to have the background color of the cell match exactly to an image that tops off the page body, I decided to have the background be one pixel of that color that repeats across the whole table cell. Originally, I just defined the background in the starting tag using "style=" then specifying the background. (Dreamweaver made sure I had it right using its Code Hinting). The background shows up perfectly when in the Dreamweaver editing view, but when looking at the page in any other view (Live view, preview in browser, etc.), the background of that cell is just white. I tried defining the background with a CSS ID, which has worked on other parts of the page, but no beans. What am I doing wrong? Is the fact it is only one pixel that has to repeat an issue? Here is the code: <td width="100%" height="103" colspan="8" align="center" id="page_background_beige" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: solid; border-top-width: 1; border-bottom-style: none; border-bottom-width: medium;"> <!-- TemplateBeginEditable name="Body" --> //In here goes all of the content of the page <!-- TemplateEndEditable --></td> The CSS: #page_background_beige { background-image: url(Background_Pixel.png); background-repeat: repeat; } Thanks, Wookieguy (Heh, I know tables are a fairly sloppy way to do things, but this is a fairly simple site anyways.) Hi all, I want to have 2 images as backgrounds but have one on top of the other. Is this possible? If so how would I do it / what is the code? Cheers Raggy Hi All, I have just started my first page and there is a little problem with it that is driving me nuts. Basically, Im trying to make a simple page where the content is centered and there are two background columns on the right and left: we see these pages everywhere. Here is the code (pseudo) I am trying <body> <centered content> <body_divis> <pic> insert picture (top left) <pic> </body_div> </centered content> <body> now im using a css file in which we have: <centetred content> : fix width (1000px), auto left and right margin, gray background. <body_div>: white background. <pic>: 0 margins. So far so good, I get the desired effect: white page in the middle, two side columns in gray. All of this starts at the very top of the page. Now I just want to move the picture slighlty down. As soon as I do that the whole white centered section moves down with it, creating a horizental gray bar on top of the page that is driving me nuts.... it seems that the white section starts where the first object is placed. I just want it to start at the top and then plance my objects wherever. All margins are good in my code as I have checked and rechecked. I appreciate any help. Thanks, Kakeez I've made an incredibly simple html page as an active desktop for a gpo policy, however there's been an uproar about colours so I thought I'd give it a stab to have a drop-down box to select from a range of colours for the body style tag. Any suggestions? <html> <head> <!--808080--> <title>ArchitenBG</title> <STYLE type="text/css"> body { background-color:#3A6EA5; } #div1 { position: absolute; size: 50%; bottom: 0px; right: 0px;} </STYLE> </head> <body> <div id="div1"><img src="Talbg.png" /></div> </body> </html> Hello there. I have a question regarding a simple html table code I made. My problem is, that when using it at livejournal.com as a profile layout, it shows up like this: BUT when I open it with FireFox it looks like this, and this is way it is supossed to look like: And here is the code for it: Code: <table width="500" height="704" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="246" height="704" background="http://img696.imageshack.us/img696/1996/border1.png"></td> <td width="245" height="704" valign="top" background="http://img266.imageshack.us/img266/1804/border2.png"> <div align="right"><font face="garamond" color="#8998a6" size="6">❝<b><i>your title here</i></b>❞</font></div><br><br> <div align="left"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div> <div align="left"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</font></div> <br><div align="right"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div> <div align="right"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</font></div> <br><div align="left"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div> <div align="left"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.</font></div> <br><br><div align="center"><font face="garamond" color="#8998a6" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link1</font></a> // <font face="garamond" color="#62130e" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link2</font></a> // <font face="garamond" color="#8998a6" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link3</font></a> // <font face="garamond" color="#8998a6" size="1"><a href="http://kessha.livejournal.com/"><font face="trebuchet ms" color="#62130e" size="1">profile</font></a></td <td width="14" height="704" background="http://img257.imageshack.us/img257/3012/border3g.png"</td> </tr> </table> Where is the error? I cant seem to find it, nor the reason why it shows up so differently when using it on livejournal. Thanks! Hello, i would like a code that would allow one user at a time to enter ONE word into a box and submit, once its submitted the word is put on the page, in order so it creates a sort of story. Any help is good!! Please read before moving to different forum. I feel the MP3 player is not the issue... I have an MP3 that is available to be played when the index page is loaded - users choice - works great. My situation is that I would like to have some text displayed over the activex control. The control and the text should always be displayed in the CENTER of the page, with the text (something like "Our Theme") tightly displayed & centered over top. I figured it is either extremely simple, or impossible. My current EMBED SRC is shown below. HTML Code: <span style="position: absolute; left:410; top:135"> <EMBED SRC="LittleGTO.mp3" autostart="false" VOLUME="50" HEIGHT="25" WIDTH="175"></span> Any help y'all can offer would be greatly appreciated. Bob Hello, I have a link on my homepage to another page of mine but I don't want the spiders to follow the link and index that page and the pages in it. Is there a simple way to fix this? I've heard of a "No Follow" thing but not sure if thats what I need or how to write it. Thanks. I want to put two different images in my background. one on the left and one on the right. and i would like it to be fixed. can someone help me with the code? i can only get one background image. this is what im using rite now: <style type="text/css"> body { background: url(example.jpg) fixed right no-repeat;} </style> I am using the coding below to add color and an image to my background. I have seen the codes to center my background and to fix it so it does not move, however, I do not know where to put that code in relation to the code below? I need to have a color background and non-repeating fixed background image. THANKS FOR ANY HELP THAT YOU CAN GIVE kara: <BODY BACKGROUND="http://i17.photobucket.com/albums/b96/inkedflamingo/logoandlinksperfectSMALLERcopy.png" BGCOLOR="#FFFF66" TEXT="#000000" LINK="#0000FF" VLINK="#FF66FF" ALINK="#FF0000" > hello i am new to javascript and i can't figure out why this code will not sort the user's line of text into alphabetical order. any help would be great thank you Code: <html> <head> <title> JavaScript array sort() alphabetically </title> <script type="text/javascript"> var arr = new Array(1); arr[1]=prompt("enter a line of text") document.write("Original Array is: "+arr+"<br>"); document.write("Sorted array is: "+arr.sort()+"<br> "); </script> </head> </body> </html> Hi guys, I have on my webhost a ton of pictures and I would like to be able to go to that directory... xxx.com/photos ...and have a page display all the files located in that directory just in a list....then be able to click on them so it displays. Just a file list basically. eg: pic1.jpeg pic2.jpeg etc Is there a simple code to allow me to do this? Thanks! Not sure what I'm doing wrong but this background is not showing up on my page. I've tried foxfire and chrome. Thanks <body style="background-image: url(http://img.photobucket.com/albums/v297/stebinus/texturesat9055041.jpg);"> Hello, First I want to say sorry if this is in the wrong place. I foud this forum and needed help badly. I am using sitebuilder and have discovered from this site a scroll box code which works great! But, there are some things I want to add to it. First, I want to make scroll box have a background color. I want it to be black. How do I do that? Also, can I change the color of the scroll? How do I do that. Thank you so much! Hi ! Found this code below in this HTML section.( How to make images & text boxes line up.) Thanks Coothead, but needs a "table" apparently. Need ( 6, say ) thumbnails across the page. Space around. Then, underneath, same again - and so on. Like a chess board This code brings up the FULL size image, in line across. Please could you add what is needed? Then I could use it as a template (?) and tweek the sizes (?) No text required. <table> <tr> <td><img src="pic1.gif"></td> <td><img src="pic2.gif"></td> </tr> </table> Thank you in advance for any help - Hi . Here is my script HTML Code: <table width="200" border="0"> <tr> <td><span class="style2"> <input name="button" type="button" onclick="show('Hello')" value="Button 1" /> </span></td> </tr> <tr> <td><span class="style2"> <input name="button22" type="button" onclick="show('Goodbye')" value="Button 2" /> </span></td> </tr> <tr> <td><span class="style2"> <input name="button23" type="button" onclick="show('Good Morning')" value="Button 3" /> </span></td> </tr> <tr> <td><span class="style2"> <input name="button2" type="button" onclick="show('Goodnight')" value="Button 4" /> </span></td> </tr> </table> <p class="style2"> </p> <p class="style2"> <textarea name="textarea" cols="50" rows="10" readonly id="area"> </textarea> In the areas where it says, for example ="show('Goodnight')", how do I add HTML code in the brackets but as normal text? At the moment it is trying to read it as HTML code but I want it to be displayed as text. How would I accomplish this. It is probably pretty simple but I am a bit of a noob Thanks Hello everyone I have run into a roadblock. I am trying to make a background image scale properly with Internet Explorer. I have successfully made the image fit the web browser right, using this code in a CSS class. The code I am using is as written: PHP Code: body.background { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/Website Background-3.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/Website Background-3.jpg', sizingMethod='scale')"; } this code makes the background I am using work correctly in Internet Explorer. However, when I use this code, it makes the rest of the website stop working. I can no longer click on any of the links on the page, or anything of the sort. However, all my styles for the links still remain on the page. Any suggestions? Thank you all, Mitch Guzman My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hi all, This is my first post and its so simple that i am a bit embarrassed to post it, I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated, Here is the code, http://www.ogeetek.com/dave_test/test.txt And here is the website http://www.ogeetek.com/dave_test/test.html Thanks in advance, |