|
|
Posted by Jonathan N. Little on 06/09/06 14:08
Ed Mulroy wrote:
>
> To get it to display correctly. The tables are next to each other.
>
I am assuming you mean [links][pictures and junk]
> If set in the table header then the two columns flow down side by side.
> Should the browser window be too narrow, a horizontal scroll bar appears,
> allowing you access to the hidden content.
Can also be done without table and with CSS, look up CSS 'overflow'
property.
>
> If set by CSS then should the window be too narrow, half of the page
> dissapears - relocated below the bottom of the window. The size of window
> at which the display of the page is effected is also larger than when the
> <table align= is used.
1) I would put the links in a list as they semantically should and set
with width proportionally with the font, yeah not only window size
issues but change the font size and see what happens.
2) As a list your links could be floated to the left as you now have or
set as a horizontal bar, or float to the right. Changes made with
altering only your CSS and not the page.
3) With the nave links as you now have it, you could have your images
group so if space allowed they would be horizontally to the right as in
your mock up. It an be styled so that when there isn't room rather than
have the whole image and text business dive below your links your images
could stack vertically but remain to the right of your links. Possibly
a more desirable option for smaller viewports. The only time they would
scoot beneath the links would be when the window was so small that on
picture could not fit along side. That is very narrow and very unlikely
condition.
4) Lastly with CSS your have an option to change the presentation
without having to change the page markup, this means you can offer
optional versions to your view or for different media, e.g., for
printing, or handhelds, etc.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|