[DeadlyDesigns]

CLICK HERE


I just was playing around and needed a new layout, what do you think of it?? Any way to improve ??

[Cookie Mobster]

It isn't displaying right on my system:
Windows XP pro
IE 6XP
1280x1024

Cheers Sam

Attached image(s)

• 

[capty99]

yeah, same thing unless i make the window smaller...

y did u do the site like that?
wouldve been much easier just using tables but w/e...

the text and nav need to be positioned correctly

[codeman]

Quote

y did u do the site like that?
wouldve been much easier just using tables but w/e...

Actually, it's easier to do it his way but it usually helps if you do it right. I noticed you used frontpage. DON'T. I would never put my CSS into the hands of Frontpage made by microsoft who, clearly, are the CSS experts. not. Hand code it and not mix absolute positioning and percentages. This is what I did when I first learned CSS.

Refrain from doing that. Simply nest several DIVs. I reccomend doing something like this:

<div id="container">
 <div id="heading"><img src="head.gif" alt="Deadly Design"></div>
 <div id="nav"><div class="padding"><a href="#">links</a></div></div>
 <div class="padding">
  <div id="frame">blah blah blah</div>
 </div>
</div>

Obviously you style the CSS and such. Do you get it?

One last thing. DON'T USE FONT TAGS!!!!!!!!!!!! Use CSS to style your text. It's
easier and the font tag has been deprecated for years now. There is not ONE reason to use the font tag. Did this help? I won't critique the design until you fix it. Oh, and don't use a giant image as the layout. OK?

[DeadlyDesigns]

Yeh but, I use a Different resolution for my screen display... Its like 1028x768 Should I make different layouts for each screen resolution........... Plus is there anything I could change on my layout? I was wondering I can I make those tenticles.. I seen Skyhawk made them in the tutorial section but now there gone...

[riceraver]

noooo, the point is to create one version of the site that will work on all resolutions, not one for each.

[Barefoot Kid]

wot ricey said

[DeadlyDesigns]

well how would i do that???

[objekt404]

codeman, on Jul 12 2002, 11:10 PM, said:

Actually, it's easier to do it his way but it usually helps if you do it right. I noticed you used frontpage. DON'T. I would never put my CSS into the hands of Frontpage made by microsoft who, clearly, are the CSS experts. not. Hand code it and not mix absolute positioning and percentages. This is what I did when I first learned CSS.

its all right there, kid....

[codeman]

Fortunately, you have the sort of design that could scale down to screen sizes as low as webTV (533 pixels wide).

Simply make a container DIV that you have centered and give it a border of

border: solid 1px #000;

Obviously, style the DIV appropiately by giving it a background color, etc. Make it either a width rendered by pixels (like width: 533px) or use a percentage (100%, 90% etc.).

Inside just put the logo thing in the box.

Then make a div below it with the darker background and create the borders that you want as such:

border: solid #000; border-width: 1px 0 1px 0;

Remember, the border width goes top, right, bottom, left. Put your links inside of this DIV.

Now the next part gets tricky so just post here if you want more because I'm tired of typing right now. Do you get the idea?

Take a look at my site. It scales down to a resolution of webTV (533px) but still fills out the screen at 1024x768 and even 1600x1200.