How to stop text scrolling into background? |
How to stop text scrolling into background? |
Janesdf |
Jun 17 2019, 12:32 PM
Post
#1
|
Group: Members Posts: 4 Joined: 17-June 19 Member No.: 26,910 |
Hi,
I'm new to this forum. I am in the beginning stage of creating a website for myself and I am a novice with html. When I scroll to the end of the text instead of the entire page scrolling to the bottom, the text scrolls up into the background. Attached are two images. In the second image, you can see how my text is now spread across the background image after scrolling. I would like to avoid that and I know it is possible, I just don't know the code for it. Thank you for any help you can provide. Jane |
Janesdf |
Jun 19 2019, 03:03 PM
Post
#2
|
Group: Members Posts: 4 Joined: 17-June 19 Member No.: 26,910 |
Thank you both so much!
The page now scrolls as I wanted. I removed the beige canvas background as it was part of the image. However, what code would I use to add the beige canvas as a background for the text per your comment "I think the best solution is to make the beige canvas a different image, and use it as a tiling CSS background for the text". I removed the errors per your suggestions above, but, since I am such a beginner, I'm not sure if I caught all of the errors. You can see it again at http://teaherbmilksoaps.angelfire.com/ |
Christian J |
Jun 19 2019, 05:05 PM
Post
#3
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
I removed the beige canvas background as it was part of the image. However, what code would I use to add the beige canvas as a background for the text per your comment "I think the best solution is to make the beige canvas a different image, and use it as a tiling CSS background for the text". Use a CSS background-image on the element containing the text (the table cell), or maybe on the #content DIV. QUOTE I removed the errors per your suggestions above, but, since I am such a beginner, I'm not sure if I caught all of the errors. There's a nested SCRIPT element on line 48, a stray </head> end tag on line 107, </body> and </html> end tags on line 152 (even though the content continues after it). CODE <TD><center><b><A HREF="index.html" target="_blank"><IMG SRC="http://teaherbmilksoaps.angelfire.com/images/buttonhome.jpg"></A></center></TD> The B element's end tag is missing (I'd rather use CSS instead of the CENTER and B elements). Opening every link in a new window with TARGET="_blank" might be annoying. The IMG element must always have proper ALT text, especially if the picture is used in a navigation menu (this will help e.g. search engines, that can't see pictures). CODE <FONT SIZE=4><b>ABOUT ME</b> All the FONT elements's end tags are missing. But instead of FONT you might use a real heading element, like this: CODE <h1>ABOUT ME</h1> and style the H1 with CSS if you want. BTW you might also remove all the fixes for old IE browser versions, I doubt anyone is using anything older than IE11 today. |
Lo-Fi Version | Time is now: 23rd April 2024 - 09:48 PM |