Fixed Design Question ...

Hi there.

If you look at this site I am designing:

http://streetz.freestyledesign.cc/CYM/

look at the code, I have a 3 columns. One for the nav menu, one for the main content area and one for another table (i still need to implement, which will be sub navigation).

I am having problems with fixing the design down. The main problem is when I add more text to the content area it pushes the navigation menu down. But I want the buttons to run accurately along the background arch image.

How can I allow content to fit in the content area BUT NOT push the menu down ?

Thanks .. any help on my code is very grateful !!
JamesBrownIIIAsked:
Who is Participating?
 
ZylochCommented:
Mixing is ok if you do it correctly. It more or less depends on the content your site. For a site like yours, it may have been better to design the whole site in CSS, but I was trying to lessen the amount of code you would have to change since you may have the same design for other pages.

Regards,
${Zyloch}
0
 
ZylochCommented:
It may have been a better idea to not use <table>s in your case. The way to fix your menu is easy, (see below) but the main problem is that when the text becomes too long, the footer <td> till obscure the text. I recommend you do this:

1) To have the menu stay, take out ALL of the <tr> with the menus. For all the <td class="tdemail"> or the like tags, change the beginning and end to <div> instead, like this: <div class="tdemail"><img src="">Email</div> or something. Then, move them all up to the first <td> of the first <tr> which holds the bottom half of the circle image in the top left.

2) Move the footer out of a <td> into a <div> that is below the final </table>

Regards,
${Zyloch}
0
 
JamesBrownIIIAuthor Commented:
So mixing layers with tables is ok  like this ?
0
 
JamesBrownIIIAuthor Commented:
I used some nested tables in the end.

Thanks tho Zyloch.

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.