PDA

Click to See Complete Forum and Search --> : Image Alignment Problem

wrs
10-13-2009, 03:39 PM
Help! I have created my site in Go Live utilizing layers but when viewed in a browser the layers don't move when the browser window is resized. The main image for the page stays center like I want but can't get the nav buttons or other images placed in layers to do the same. Site is http://windyridgestudiollc.com Any advice is greatly appreciated!!!!
Eye for Video
10-16-2009, 07:25 PM
I don't quite understand your problem. It seems that the page is up against the left edge of the screen and stays there regardless of the monitor size. The blue space on the very left is part of a table, not a margin or padding around your main image. I see nothing in the code that attempts to center the image as the size is increased past 1024, the width of the table. And if you are targeting 1024 wide monitors, you should not use the entire width (1024), because that will not fully display on that monitor. Use 1000 pixels wide or so.
All the details for centering images, etc, will be better handled in the HTML or CSS section of this Forum.
Best wishes,
EfV
wrs
10-16-2009, 07:36 PM
Thank you for you response. I actually changed it to left align since I couldn't fix the issue and wanted to make sure the site was at least functioning accurately. When I created it in Go Live I have a layout grid and my main page graphic on this grid, centered. I then added layers with the buttons and other images. Whenever the page was viewed in a browser window the main image, which I had centered, moved with the window but the buttons just stayed in one spot, never moving. I even changed the layers to relative positioning and could get them to move with the window but it would put the layer image below the main page graphic and not where I wanted it. Even adjusting the margins wouldn't put it where I needed it to be.
Eye for Video
10-16-2009, 10:39 PM
Well no offense... but most people that know how to fix your problems are coders and really have no idea about how Go Live works with layout grid. While Go Live may have its advantages, apparently creating code from scratch is not one of them. For starters, the table layout is 10 yrs old at least, and will be highly dicouraged by any current developer. Modern Web sites should be layed out using <div>s, sort of what you call layers, and Cascading Style Sheets (CSS).
For a quick and easy example of how to center content on a page, create an html page from this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>How to Center</title>
<link href="sample_style_sheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main_container">
This is the main container.
</div>
</body>
</html>
Then create a CSS sheet (save as .css) from this:
/* Style sheet for center_sample */
body {
background-color: #ffffe1;
border: 0px;
margin: 0px;
padding: 0px;
}
#main_container {
width: 1000px;
height: 760px;
background-color: #cccccc;
border:none;
padding: 0px;
margin-left: auto;
margin-right: auto;
}Place them both in the same folder and test.
One of the main problems with WYSIWYG programs like Go Live is that they often use absolute positioning. That means absolute from the top left corner, regardless of what the monitor size is.. you can see the problem. But don't take my word for it, validate the code created by Go Live, here:
http://www.w3schools.com/site/site_validate.asp
Play with the code above. Put your content inside the main_container and work with that. But I highly advice that you visit the HTLM and CSS section of this Forum and instead of trying to learn Go Live, visit:
http://www.w3schools.com/default.asp
Best wishes,
Eye for Video
wrs
10-16-2009, 10:52 PM
Nope. No offense taken what so ever. I appreciate any insight you can provide. A programmer I am not...obviously. I am a graphic designer by trade. In Go Live you can change the code and add anything you want. I have made some head way in fixing the problem this way from researching information but still have not solved it. I just don't know enough and am trying to learn more about coding. You have the option to use tables, layout grids or nothing at all except adding content to a blank page within this program. I will definitely experiment with the information you have given me and can't thank you enough for taking your time. Thanks again!
Eye for Video
10-16-2009, 11:34 PM
Well have a go at it! and then if you have problems, start a new thread in the HTML or CSS section on this Forum. That would be the appropriate area. Being posted in the Server Side section, viewers may take a completely wrong impression of the post and never pay attention.
Best wishes,
EfV