Extended background image

Hi, I am trying to slice my background image horizontally, and then have the images extend out automatically when more text is added into the text area of the page.

I've tried to do this from a previous site, but the bcont div class tag is not extending, to add as much as 552px additional vertically...

What's the best way to make these images extend? This is what I have so far...

<!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">

Center a menu

I am struggling to be able to center a menu I have underneath a banner title. How do I center the UL so that it appears in the center of the page?

I have the following HTML code :

<div id="banner" align="center"><a href="mysite.com"><img src="images/top_banner.jpg" border="0"></a></div>
<ul id="menu">
	<li><a href="1.html" title=">1</a></li>
	<li><a href="2.html" title=">2</a></li>
	<li><a href="3.html" title=">3</a></li>
	<li><a href="4.html" title=">4</a></li>
	<li><a href="5.html" title=">5</a></li>
    	<li><a href="6.html" title=">6</a></li>

3 (sub-)column text wrap madness...

I have a page that I try to construct from scratch using css2.
So far I have minor issues, that I solved. But this one drives me crazy.
In the main section of the page, I have a container and 3 floated elements. The first 2 are aligned perfectly. The 3rd one has a large text. And there I have the problem. The div that contains the text is expanded with the text, instead of to be shrinked!

In the attached image, I want to text to be moved from its location to the blue area.

What am I doing wrong?

Left-floated image drops to below side menu... can't figure out why...

Hi all!

I have a classic two-column layout on this site (link is to the post with the problem I'm having):


I'm discovering that when I apply a left float to an image in the content area, it drops down to below the bottom of the left-side menu. In this case, it's the "Give Art to Make Music" graphic of the painting on a music stand that's having the problem.

List item elements overlapping floated left div


I am having problems with a floated left div, which contains an image and a caption. The floated left div is overlapped by an unordered list that appears to its right. Normal paragraph text correctly moves around the floated element but the list items do not.

A working example of what I mean can be found at: http://www.abstractproductions.com.au/about-us.php

The CSS I am using the float the image and caption is:

div.photo_left {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #000;
	background-color: #333;

Syndicate content