| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
css probelm
hi, i am trying to create a serach area with a blue bground which i have done. the problem being is that i have positioned the serach box to overlap the area, but instead the search area is covering the search box.
any ideas on how to reverse it? this is my code search area Code:
.search_box
{
BORDER-RIGHT: black 1pt solid;
BORDER-TOP: black 1pt solid;
PADDING-BOTTOM: 60px;
BORDER-LEFT: black 1pt solid;
MARGIN-RIGHT: 80%;
PADDING-TOP: 60px;
BORDER-BOTTOM: black 1pt solid;
POSITION: relative;
TOP: -75%;
BACKGROUND-COLOR: #213691
}
search box Code:
}
.textbox
{
LEFT: 5%;
POSITION: relative;
TOP: -55%
}
|
|
#2
|
||||
|
||||
|
You could try this...
Code:
.textbox
{
LEFT: 5%;
POSITION: relative;
TOP: -55%;
z-index: 10;
}
|
|
#3
|
|||
|
|||
|
what does the "z-index" command do?
the search box has moved down more on the page but i cant seem to adjust the position to move it higher up the page. |
|
#4
|
||||
|
||||
|
Z-index is how an element is positioned in front of (or behind) other
elements |
|
#5
|
|||
|
|||
|
ok but ive tried changing the percnetage for the top osition and it dosnt seem to change now.
any ideas why? |
![]() |
| Viewing: ASP Free Forums > Web Design > Web Layout > css probelm |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|