Layout issues.

**Moonb** · 01-31-2012 08:03 PM

I have 4 images I want to be side by side (not so close, say 25%,25%,etc.. each to equal 100% to fit the width of the page) in the middle of my page.

All I've been able to do is put them in frames to get them side by side. I don't know how to move them. I don't have a style sheet, and if I did I'd need to know where to put what.

Here's what my code is like.

Code:

<html> 
<HEAD>
<TITLE>SITE TITLE</TITLE>
<style type="text/css">frameset, p {background:black}</style>
</HEAD>

<frameset cols="25%,25%,25%,25% "border="0" frameborder="0" framespacing="0" noresize="noresize" scrolling="no">
  <frame src="/images/1.png"/>
  <frame src="/images/2.png"/>
  <frame src="/images/3.png"/>
  <frame src="/images/4.png"/>
</frameset>

<noframes></noframes>

</html>

This puts all the images side by side how I want, but at the top of the screen. I want them to be in the center, regardless of whatever someone's resolution is. How do I do this?

**coothead** · 02-01-2012 07:33 AM

Hi there Moonb,

and a warm welcome to these forums .

You really should not be using frames for this, it is twentieth century methodology.

Further reading:-

If you give me your four images, I will code the page for you.

coothead

Thread: Layout issues.

Thread Tools

Display

Layout issues.

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions