HTML - Scrolling Breaks Background Repeat

Hi all,

I want to change the look of my blog, and am interested in the overlapping style shown in this example: http://etsytreasuryteam.blogspot.com...ingcolors.html

I need to know how to have a main background and then the overlapping image shown in the example (the leaves and colored dots/berries(?))

Hope this makes sense! I know basic HTML, but am stumped with this one. I am still working on creating the images I am going to use. Any help with this would be MUCH appreciated. Thanks!

http://knexinnovation.net/store/

I thought that if your background is wider than the window, it won't create a scrollbar to show the full image. Or is this not the case?


Currently it has a horizontal scroll bar for 1024px users. The footer image is actually the
body { } background, aligned to the bottom center.

can someone outline the steps to making a page with a fixed background and a scrolling foreground such as can be found here?

http://www.paul-wallas.co.uk/

i've looked at the code and what information i've found on the web but i don't see how it is done.


tia,

Hey, I'm working on a site, and I've made a background that works for what I'm doing, but it repeats on the bottom. See, I can't use the no-repeat (or so I think) because the image is 3px wide.

What do I do?

hey everyone - im really not a scripter i only do designs, but i wanted to know if its possible to repeat an image that is not set as background
like in a table?
thanks alot! x

here's my site: gypsysphere.com

I'm trying to get the dates on the posts below to not repeat when they are multiple posts on the same day. Any ideas?

Here's the html:

<div class="datebox">
<div class="date"><?php the_time('d'); ?><?php _e('th'); ?></div>
<div class="month"><?php the_time('M'); ?></div>
<div class="year"><?php the_time('Y'); ?></div>
</div>

And CSS:

.datebox{margin-left:-50px;position:absolute; border-bottom:solid 1px #dcdcdc; margin-top:10px;}
.date{ display:block; width:40px; padding:2px 0px; font-size:17px; font-weight:bold; color:#f2f2f2; background:#222; text-align:center;border-bottom:solid 1px #666;}
.month{ display:block; width:40px; font-size:17px; font-weight:bold; color:#222; background:#cdcdcd; text-align:center; text-transform:uppercase;border-bottom:solid 1px #c5c3c3;}
.year{ display:block; width:40px;font-size:14px; font-weight:bold; color:#222; background:#e7e7e7; text-align:center;}

Thanks

Hi all, I'm new here and was hoping I could get some help. I am trying to make an image repeat right next to a first image.

Example:

img1, img2, img2, img2, img2, img2, img2, img2, img2, .....

Here's a better example using the drupal logo.

Say I needed to place this image at the top of my page:




and needed this one to go on the right of the first image and repeat over and over
(Horizontal only to the end of the page):



Any help is greatly apreciated, thanks in advance

Hi, i have the following problem. I'm working on a site that uses a table. The middle part of the table has a background image that should be stable and should not move, stretch or repeat itself within the table cell.

On top of that backgroundimage are points that when a mouse hovers over it an image specific to that location is deisplayed....the background image being a map and the fixed points specific locations on the map.

I have 2 questions :

1) To fix the background i used :
<table background-repeat:no-repeat="" background="campustour%20flensburg_files/flcampus.jpg" border="0" height="633" width="753">

is that correct ? if so why does it not work and as soon as someone hover over the location the background get's repeated ?

2) Is there a better way to do this interactive map without using tables ?

The site is here :http://www.cartoonorama.de/

Thanks for any suggestions. George

how do you get music to repeat itself over and over.
and to auto play?



here is the code

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="13" height="13" allowNetworking="internal"> <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=97664201&flp=false" /> <param name="movie" value="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" quality="high" FlashVars="resourceID=97664201&flp=false" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <a href="/music/Linkin+Park"></a><a href="/music/Linkin+Park//Wake"></a>



problem is i dont know how to make it repeat
and i dont know how to make it autoplay


i would be very gratefull for any help given

Hi all,

I sold an ad on my blog and they want it placed beneath each individual post. I know where to place the code within my template to make that happen, BUT they only want it to appear under the top 3 posts, not every single post. I'm assuming there is some sort of "no repeat" or "limited repeat" code I can use, but my skillz do not venture that far. Can anyone offer any help?

Thank you!!

www.yankeeschick.com

Yeah, it's probably a real simple question but it's bugging the heck out of me.
I'm trying to design my first layout (hence why it looks so simple), but it's not working out.

Here's the layout: http://www.lifeschronicles.net/index_test_brown.html

I want the content boxes (pale brown) to run all down the page.

How do I do that?

Please help.

Edit: Ok I have finally realised what I need to do. So simple! Haha. Can ignore/delete this thread if you want to. Sorry guys!

I have created a menu bar that runs horizontally along the top of my website (not as a frame) and repeats across every webpage.

I was just wondering if it was possible to insert some shorter code that referenced a text file that contained the menu bar code so that I would not have to put my menu code on every page.

I'm thinking something in CSS might do it, but I'm not sure.

Thanks.

I've been writing this xhtml/css page and ive run into a problem. It should be a bit confusing to explain but ill try. Basically i want a nav bar on the left side, one solid color going from top to bottom, and then text next to this. So i have a div tag for the nav bar that ive set with css to have a height of 100%. the text however, makes the page too big and thus it has to scroll. But when I scroll down the nav bar is gone. By that I mean it doesnt repeat past where I can see on the page before scrolling. How would i make the nav bar go ALL the way to the base of the page?

I am trying to use two different repeat bg images for right and left side. I want them to repeat on 'x-repeat' coordinated and they are going to be on the right-left side of the .swf , Here is my code;

<html>
<head>
<title>SeanDon.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

body {
background-color: #aef0ff;
}

.leftRepeat
{
background-image: url( 'images/index_01.jpg' );
background-repeat: repeat-x;
}

.rightRepeat
{
background-image: url( 'images/index_03.jpg' );
background-repeat: repeat-x;
}

</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (SeanDon_web_illustration 950x650 b.ai - Slices: 01, 02, 03) -->
<table id="Table_01" width="950" height="650" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="30%" height="652" class="leftRepeat"> </td>
<td align="center" valign="top">
<div align="center">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="650" title="SeanDon">
<param name="movie" value="index.swf">
<param name="quality" value="high">
<embed src="index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="950" height="650"></embed>
</object>
</div>
</td>
<td width="30%" height="652" class="rightRepeat" ></td>
</tr>

</table>
<!-- End ImageReady Slices -->
</body>
</html>