image keeps on tiling on bg [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : image keeps on tiling on bg

kartoonizt

03-21-2003, 09:26 PM

So yea i set my image as a background in the body tage but now it keeps tiling and looks extremely ugly. How do i stop this tiling?

please help ^_^;

alkaline39

03-21-2003, 09:56 PM

so you want this image to stretch across the page?

kartoonizt

03-21-2003, 10:00 PM

can i do it without stretching the image?
i want to try to do it without stretching the image.
if i cant, then i guess ill have to do with stretching it. =(

alkaline39

03-21-2003, 10:01 PM

well if the image is tiling that means its probably a small image, so you want the image centered? please post the link so we can see what your talking about :)

kartoonizt

03-21-2003, 10:18 PM

http://kartoonist87.tripod.com

-thanks for your help/interest btw :)

alkaline39

03-21-2003, 10:52 PM

Your code was messy, and you had style sheets in the body section, so i took the liberty of cleaning it up a bit

index.html

<HTML>
<HEAD>
<TITLE>SourSushi.dot</TITLE>
</HEAD>

<FRAMESET border=0 frameSpacing=0 frameBorder=0 cols=365,*>
<FRAME name=leftside src="SourSushi_dot_com_files/left.html" noResize scrollbar="yes">
<FRAME name=rightside src="SourSushi_dot_com_files/right.html">
</FRAMESET>

</HTML>

right.html

<HTML>
<HEAD>
<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #ffffff;
scrollbar-3d-light-color: #000000;
background-repeat: no-repeat;
}
A:link {COLOR: #000099; TEXT-DECORATION: underline overline}
A:visited {COLOR: #1a1a91; TEXT-DECORATION: underline overline}
A:active {COLOR: #0000cc; TEXT-DECORATION: underline overline}
A:hover {COLOR: #000000; TEXT-DECORATION: underline overline}
</STYLE>
</HEAD>
<BODY text=#000000 vLink=#660099 link=#000099 bgProperties=fixed background=right_files/ss2.jpg>

</BODY>
</HTML>

left.html

<HTML>
<HEAD>

<TITLE>SourSushi.dot.com</TITLE>

<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #ffffff;
scrollbar-3d-light-color: #000000;
background-repeat: no-repeat;
}
A:link {COLOR: #000099; TEXT-DECORATION: underline overline}
A:visited {COLOR: #1a1a91; TEXT-DECORATION: underline overline}
A:active {COLOR: #0000cc; TEXT-DECORATION: underline overline}
A:hover {COLOR: #000000; TEXT-DECORATION: underline overline}
</STYLE>
</HEAD>
<BODY text=#000000 vLink=#660099 link=#000099 bgProperties=fixed
background=left_files/ss1.jpg topmargin="0" leftmargin="0">
asdf 
asdf asdfasdf 
 asdfasdf 
 
 asdfasdf 
 
 
asdfasdf 
 
 
sdfasdf 
</BODY>
</HTML>

kartoonizt

03-21-2003, 11:25 PM

thanks a lot d00d but there's no way to make that white little area to go away?

:::sigh::: i didnt think of this...i guess ill have to make a new layout =\

alkaline39

03-21-2003, 11:33 PM

I myself dont know how to fix this, but im sure someone will come up with the answer soon:)

kartoonizt

03-21-2003, 11:37 PM

thanks for all your help!! i really appreciate it! ^___^

lefty

03-21-2003, 11:38 PM

you mean the white space next to the scrollbar? Try shrinking the width of your frame a little until it lines up, that should do it. :)

kartoonizt

03-23-2003, 12:26 PM

nope x__x;;

alkaline39

03-23-2003, 06:53 PM

try reading through this tutorial if it helps
http://www.daydreamgraphics.com/tutorials/list/details/7/13