Jump to content


Photo

Help with Tableless Design


  • Please log in to reply
1 reply to this topic

#1 TylerL

TylerL
  • Members
  • PipPip
  • Member
  • 12 posts

Posted 13 March 2006 - 10:12 PM

So I've been trying to make my site tableless for the past two days and Im slowly getting there.

[a href=\"http://tylerleisher.com/\" target=\"_blank\"]http://tylerleisher.com/[/a] -- The design with tables, this is what I want my site to look like

[a href=\"http://tylerleisher.com/notables/index.php?css=default\" target=\"_blank\"]http://tylerleisher.com/notables/index.php?css=default[/a] -- The design without tables.

My question is, what is the best way to make my menu look like that, while still having independent links.

Right now, I have one long <div> but that isnt working out. I also need to know how to center vertical-align it within the image.

My CSS can be seen here: [a href=\"http://tylerleisher.com/notables/default.css\" target=\"_blank\"]http://tylerleisher.com/notables/default.css[/a]

Thank you!

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 14 March 2006 - 12:14 AM

Create your top menu using a list. Set the list itself to [!--fonto:Lucida Console--][span style=\"font-family:Lucida Console\"][!--/fonto--]display: none;[!--fontc--][/span][!--/fontc--] and the things inside it to [!--fonto:Lucida Console--][span style=\"font-family:Lucida Console\"][!--/fonto--]display: inline;[!--fontc--][/span][!--/fontc--]. For an example of this, go to [a href=\"http://www.tv.com/;\" target=\"_blank\"]http://www.tv.com/;[/a] they have a menu similar to what you're trying to accomplish.
Disclaimer: No matter how harsh I may be, I'm always IMO only.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users