Connecting Tech Pros Worldwide Help | Site Map

Layout

  #1  
Old July 29th, 2008, 07:05 PM
shapper
Guest
 
Posts: n/a
Hello,

I am creating the base design of a web site that consists in two
horizontal bars: Navigation and Intro.

"Navigation" will contain the menu.

"Intro" will contain two items: a logo (image) on the left and a
banner (flash) on the right.

In this moment I have the following:
http://www.27lamps.com/Beta/Bar/Bar.html

I am not sure if using a background image is the best way to do
this ...
.... it seems to me that since the two bars are two different sections
then I should use two divs.

So the questions I have:

1. Should I use two divs, one for each bar, and setting the line-
height in em instead of using the background image?
2. How to place side by side the logo and the banner and centered them
vertically?
3. I would like the Navigation and the Intro bars to have a minimum
height.

Thanks,
Miguel
  #2  
Old July 30th, 2008, 04:35 AM
dorayme
Guest
 
Posts: n/a

re: Layout


In article
<faaa921b-db12-4e9a-8990-0053d8f9ce54@i76g2000hsf.googlegroups.com>,
shapper <mdmoura@gmail.comwrote:
Quote:
So the questions I have:
>
1. Should I use two divs, one for each bar, and setting the line-
height in em instead of using the background image?
You might as well use two elements. Line height is mainly for text and
it is only sometimes a good idea to give it a unit.
Quote:
2. How to place side by side the logo and the banner and centered them
vertically?
Placing inline things side by side is achieved by having them fit on one
line. That is their natural way. Otherwise, you can float elements. As
for centering, inline objects are centred by styling the container they
are in with 'text-align: center'. To centre a block element like a div,
specify a width and set the left and right margins to auto.
Quote:
3. I would like the Navigation and the Intro bars to have a minimum
height.
If you mean this literally, then you can use min-height. If you mean it
more losely, just be sure to set small top margins and paddings and
minimum line heights to get the look you want.

--
dorayme
  #3  
Old July 31st, 2008, 03:15 PM
shapper
Guest
 
Posts: n/a

re: Layout


On Jul 30, 4:28*am, dorayme <doraymeRidT...@optusnet.com.auwrote:
Quote:
In article
<faaa921b-db12-4e9a-8990-0053d8f9c...@i76g2000hsf.googlegroups.com>,
>
*shapper <mdmo...@gmail.comwrote:
Quote:
So the questions I have:
>
Quote:
1. Should I use two divs, one for each bar, and setting the line-
height in em instead of using the background image?
>
You might as well use two elements. Line height is mainly for text and
it is only sometimes a good idea to give it a unit.
>
Quote:
2. How to place side by side the logo and the banner and centered them
vertically?
>
Placing inline things side by side is achieved by having them fit on one
line. That is their natural way. Otherwise, you can float elements. As
for centering, inline objects are centred by styling the container they
are in with 'text-align: center'. To centre a block element like a div,
specify a width and set the left and right margins to auto.
>
Quote:
3. I would like the Navigation and the Intro bars to have a minimum
height.
>
If you mean this literally, then you can use min-height. If you mean it
more losely, just be sure to set small top margins and paddings and
minimum line heights to get the look you want.
>
--
dorayme
Thank You!
Closed Thread


Similar Threads
Thread Thread Starter Forum Replies Last Post
No TABLES in html. No hacks in CSS. Any layout possible,crossbrowser. Try it. brave1979 answers 53 January 15th, 2008 03:45 PM
Layout Question. Ed Sproull [MSFT] answers 5 May 3rd, 2007 08:55 PM
How to make layout without tables (using div's)... Luke answers 10 February 7th, 2006 11:45 PM
Table Layout and What's Wrong With it Neal answers 47 July 20th, 2005 11:47 PM
How to make footer at the bottom in 5 box 3 columns layout Peter Diedrich answers 82 July 20th, 2005 06:55 PM