|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
 |
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
|
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
Dev Articles Community Forums Sponsor:
|
|
|
|
#1
July 20th, 2004, 12:01 PM
|
|||
|
|||
|
Grouping / Linking Layers
Hi,
I'm trying to centralise a navigation bar. It's made up of 9 tab buttons which are each in a seperate layer and are kept in position by defining the left and top attributes. It seemed the easiest way to enable me to do mouse over actions on each of the buttons. I have managed to centralise everything on the page except these tabs because they just overlap each other when centralised. (I took out the left attribute to enable all the elements of my page to be centralised.) But if l could group or link the tabs then l would not have this problem. Is there any way to do this, or should l have designed just one layer for all the tabs and put them in there beside each other? ( Since this template is complete it would be better to group them rather than start the navigation bar again) Thanks.
|
|
#2
July 20th, 2004, 02:47 PM
|
||||
|
||||
|
Consider positioning the button divs absolutely within a relatively positioned container div. Also look into the float and clear attributes for keeping your button divs from overlapping.
__________________
Please don't PM me asking for solutions outside the scope of a thread. Keeping all responses in a thread stands to help others who come along later, which is after all what this forum's all about.
|
|
#3
July 21st, 2004, 04:53 AM
|
|||
|
|||
|
Thanks. I've decided to redo the navigation bar though, putting all the tab images in one layer and postioning the 'mouse_over' layers behind. The code l then used to center the page was:
Code:
div#centered{
width:600px;
margin-left:auto;
margin-right:auto;
}
and then adding Code:
<div id="centered"> </div> around the code that was relevant to the part l wanted centering. (i.e the whole page). 
|
|
| Viewing: Dev Articles Community Forums > Web Design > Web Development > Grouping / Linking Layers |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
