Jump to content

Help with layout troubles

Docpepper
 Share

Recommended Posts

Docpepper Tag Team Champion

Docpepper

Posted
Posted

heres the layout I have all sliced

here it is

I've tried coding it in Dreamweaver 4 using tables but everything comes out disjoineted and looking terrible. basically I'd like to code it using css but i cannot get the content area(middle area) and the content area for the What's new part to work right when I input my text and other data in those areas it messes up the layout by moving the slices out of place. is there any way(with Dreamweaver 4) to make both content area work without resorting to an iframe

any help will be greatly appreciated

Link to comment
Share on other sites
Docpepper Tag Team Champion

Docpepper

Posted
  • Author
Posted

can anyone help me. I tried reading the dreamweaver manual but I'm still stuck , I'm thinking the layout will need to be redone cause I don't think its possible to code it without using iframes

Link to comment
Share on other sites
Docpepper Tag Team Champion

Docpepper

Posted
  • Author
Posted

ok I decided to drop dreamweaver for the time being and code from scratch using css

/forum/index.php?act=Attach&type=post&id=2072">Here is my problem

and heres the code

<html>

<head>

<title>layout</title>

<style type="text/css">


body 

{ margin-top: 0;

  margin-bottom: 0;

  margin-left: 0;

  margin-right: 0;

  padding-left: 0;

  padding-right: 0;

}


#header {

  margin: 0px;

  padding: 0px;

  height: 183px;

}

#left {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 750px;

}

#center {

  top:;

  margin-left: 0px;

  margin-right: 0px;

}

#right {

  position: absolute;

  right: 138px;

  top: 180px;

  width: 750px;

}

#bottom {

  position: absolute;

  right: px;

  bottom: px;

  width: 750px;

</style>

</head>

<body>

<div id="header">

<div align="center"><img src="1top copy.jpg " width="750" height="50" alt=">

<div align="center"><img src="2banner copy.jpg " width="750" height="88" alt=">

<div align="center"><img src="3topcontent.jpg " width="750" height="45" alt=">

</div>

<div id="left">

<div align="left"><img src="4leftnavi copy.jpg " width="118" height="235" alt=">

</div>

<div id="center">

My layout duh. jsut testing and it looks like  theres problems

</div>

<div id="right">

<div align="right"><img src="5rightside copy.jpg " width="128" height="221" alt=">

</div>

<div id="bottom">

<div align="center"><img src="6bottomcopyright copy.jpg " width="750" height="43" alt=">

<div align="center"><img src="7bottom copy.jpg " width="750" height="51" alt=">

</div>

</body>

</html>

I cannot get the images to line up properly and still when I type in text the layout messes up

thought I'd supply the code might be abel to help me better thanks in advance

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. To learn more, see our Privacy Policy