First Flash Site

Webmonkey

no no,

<div id="wrapperdiv">
//all your current inner body html here
</div>

and that CSS in the stylesheet obviously.

vodkadub

Ok then do i put div elements in that wrapper div? How would I align the images in the positions there meant to be?
Thanks

vodkadub

Could you look at my source and post back what to do please?

p

vodkadub wrote: »

Could you look at my source and post back what to do please?

What you need to do is learn the fundamentals of HTML & CSS.
Looks like you've just exported your stuff from Photoshop or something like that. Sadly, exporting things like that just doesn't work. You end up with messed up sites like what you've got there.

You need to learn HTML & CSS in order to understand what's going on, and to be able to solve these problems. Here's 2 good books:

http://headfirstlabs.com/books/hfhtml/
http://www.maxdesign.com.au/book/

vodkadub

I appreciate the advice, in the meantime I'm just looking for a quick fix to this problem. I've sliced the layout in photoshop, and I'm looking to position each of the images in css in such away that when the window resizes or there is a greater resolution than the one is was designed for(1024x768), they don't clump or overlap.

Thanks

Stab*City

vodkadub wrote: »

I appreciate the advice, in the meantime I'm just looking for a quick fix to this problem. I've sliced the layout in photoshop, and I'm looking to position each of the images in css in such away that when the window resizes or there is a greater resolution than the one is was designed for(1024x768), they don't clump or overlap.

Thanks

the quick fix is to take the time and learn html & css properly yourself not post every single problem you have with your site.. if your trying to sell your services as a designer and u dont know these basic design languages what are you going to do if a client requests these??

Webmonkey

<div id="wrapperdiv"> <!--- Start of Wrapper DIV -->

<div id="header"><img src="images/header.png" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div>
<div id="nav"><img src="images/nav.png" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div>
<div id="left_content"><img src="images/left_content.png" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div>
<div id="ads"><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<div id="left_header"><span class="left_header"><strong>Advertisements</strong></span></div>

<div id="main_content"><img src="images/main_content.png" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div>
<div id="space"><img src="images/space.png" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div>
<div id="button1"><a href="index.html"><img src="images/button_normal.png" onmouseover="this.src='images/button_hover.png'" onmouseout="this.src='images/button_normal.png'" border="0" alt="** PLEASE DESCRIBE THIS IMAGE **" /></a></div>
<div id="button2"><a href="index.html"><img src="images/button_normal.png" onmouseover="this.src='images/button_hover.png'" onmouseout="this.src='images/button_normal.png'" border="0" alt="** PLEASE DESCRIBE THIS IMAGE **" /></a></div>
<div id="button3"><a href="index.html"><img src="images/button_normal.png" onmouseover="this.src='images/button_hover.png'" onmouseout="this.src='images/button_normal.png'" border="0" alt="** PLEASE DESCRIBE THIS IMAGE **" /></a></div>
<div id="button4"><a href="index.html"><img src="images/button_normal.png" onmouseover="this.src='images/button_hover.png'" onmouseout="this.src='images/button_normal.png'" border="0" alt="** PLEASE DESCRIBE THIS IMAGE **" /></a></div>
<p id="content">
Looking for <strong>web &amp; graphic design</strong> with no compromise?<br/>
Well look no further, we offer a complete design package to our customers, complete professionalism is assured combined
with a vast array of web building knowledge and experience.<br/><br/>
From once-off logo or image design, to creating dynamic web sites built to the latest web standards, 
we can help you. Whether your a small or large company, an individual, a band or an organisation.. We can assist you in having
a formidable online presence for the world to see!

<br/><br/>
Visit the <strong>about</strong> section to get a free quote and see what you can expect from my services

</p>

</div> <!--- END OF WRAPPER -->

CSS

#wrapperdiv
{
width: 800px;
margin-left: auto;
margin-right auto;
}

make 800 px the width of your widest DIV, but 800 should work anyways.
I don't even know how it will work - give it a try.

tricky D

Stab*City wrote: »

the quick fix is to take the time and learn html & css properly yourself not post every single problem you have with your site.. if your trying to sell your services as a designer and u dont know these basic design languages what are you going to do if a client requests these??

+1 qft

vodkadub

That code doesn't seem to work, the main_content bit is always out of alignment

Stab*City

vodkadub wrote: »

That code doesn't seem to work, the main_content bit is always out of alignment

i think i can see where your problem lies.. but rather than tell you the answer i let you figure it out for yourself.. because if your planning on designing for the general public you need to know this stuff.. plus you only have 28 posts and most are you asking people to fix your website when you call yourself a designer!! enjoy html and css!! i love em!!

vodkadub

I think I solved the problem there, have a look http://ryansdesigns.tk

Webmonkey

Yep looks ok for me now.