HTML Help

liamaldrich · Joined: 28 Apr 2009 Posts: 2

The image I am using is an image of a band with their logo and click here to enter on it, it fills about 3/4 of the page and i want to fill the other quarter with something as the image I am using will look bad stretched any further,
I was thinking of just cutting up their logo letter by letter and having going vertical down the last quarter in a jpg image.
How can i code it so the first image fills the 3/4 of the page on the left and the second image makes a large margin on the right.

Here is the code for the page

<html>
<head>
<title><NOISIA></title>
</head>
<body>
<a href="Noisia Page 2.html"><img src="NOISIA2.bmp"/></a>
<h1>"Welcome"</h1>
</body>
<html

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Well, without the full page or link to it, this is only a guess:

CSS:

Code: div#left {
width: XXpx;
height: YYpx;
float: left
}

div#right {
width: XXpx;
height: YYpx;
float: right;
background: url(path to tiled image) repeat-y scroll;
}

Clear floats as needed. Might need a wrapper div for those.

HTML:

Code: <div id="left"> <a href="Noisia%20Page%202.html" title="Your Mouseover Description Here"><img src="NOISIA2.bmp"/></a></div>

<div id="right"></div>

Set widths/heights to image or page size you need. That is only a guess at this point.

Don't use compound words with spaces for folder/file names.