Web design question regarding blocks?

When will i group a variety of links together while positioned with a element

As an example:say theres your box and as box you desire just one particular link though the link connot move outside the actual box while moved, making them related merely the container has higher permission insurance policy coverage link won’t but nevertheless greatly giving you control.

MY PARTNER AND I cannot claim if ive learnt this.to date my codes established like the following.

<div id="navigation
<div id="m1"
onmouseover=”mcancelclosetime()”
onmouseout=”mclosetime()<a href="#<a href="#<a href="#

/* Menus */ listed below is nav with which has block stated as present, when listed as nav that goes just about all wrong, all i want will be able manage my aspects inside so they really cannot move with out permission should it seriously matter if it isn’t with throughout block factors links along with text.

#navigation /* controls every one of the button links/and bring style to help it by using photoshop*/
thicker:980px;
peak:51px;
margin:0px vehicle;
line:solid 1px #39f;
border-color:ffffff;
background-color:crimson;
background-image:url(../destination/file
display:block;

margin:0px 59px; /* posotions inbound links temporary transform when nessecary*/
display:block;

margin:2px 1px 3px 4px; /*null=nothing*/
underlay:4px 10px 9px 3px;
display:block;

#menu li
margin:0;
underlay:0; /*letters model only!! regarding menu standard links*/
list-style:not one;
float:left;
font:striking 11px arial;
display:block;

track record:none try scroll 0 0 #5970B2;
background-image:url(../image/); /*changes the actual button model image*/
line:1px sturdy #FFFFFF;
bottom:2px;
coloration:#FFFFFF;
display:block;
peak:13px;
margin:2px 3px 3px 4px; /*controls that position with the link bars and color*/
underlay:4px 8px 7px 3px;
text-align:center;
text-decoration:not one;
prime:3px;
thicker:110px;
background-image:url(../image/header.
display:block;

situation:relative;
display:block;
margin:2px 1px 3px 4px; /*controls that position with the scroll standard and color*/
underlay:4px 10px 9px 3px;
thicker:auto;
white-space:nowrap;
text-align:remaining;
text-decoration:not one;
track record:#EAEBD8;
coloration:#2875DE;
font:11px arial;
text-align:center;
line:1px sturdy #5970B2;

track record:none try scroll 0 0 #EAEBD8;
line:1px sturdy #5970B2;
margin:15px 0 0 8px;
underlay:3px 4px 6px 1px;
situation:absolute; /*controls the actual position with the scroll bars left in order to righ so on*/
equality:hidden;

track record:none try scroll 0 0 #49A3FF;
coloration:#FFFFFF;
/* regarding IE */
sift:alpha(opacity=60);
/* CSS3 standard */
opacity:JUST ONE.0;

CSS Library Horizontal CSS Possibilities:
http://www.dynamicdrive.com/style/csslibrary/category/C1/
CSS Library Vertical CSS Possibilities:
http://www.dynamicdrive.com/style/csslibrary/category/C2/

http://www.cssplay.co.uk/menus/
The right way to Style a strong Unordered Checklist with CSS:
http://www.webreference.com/programming/css_style2/index.html

Producing CSS Rollover Control keys:
http://www.elated.com/articles/css-rollover-buttons/

Leave a Reply