Div og CSS problem
Hej!Jeg sidder forsøger at lærer noget om css og div på hjemmesider!
Jeg har fundet et javascript herinde som kan gører divs synlige eller ikke synlige.
Jeg prøver så at putte noget css ind på mine divs. farver og sådan vises rigtigt nok, men placeringen bliver ikke vidst.
nogen som har en idee.
html kode:
----------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<link rel=stylesheet type="text/css" href="styles/menu_text.css" />
<SCRIPT LANGUAGE="JavaScript">
show = 0
function vis(i)
{
if (show>0) gem(show)
show = i
if (document.layers)
document.layers["area"+i].visibility='show';
else
document.all["area"+i].style.visibility='visible';
}
function gem(i)
{
if (document.layers)
document.layers["area"+i].visibility='hide';
else
document.all["area"+i].style.visibility='hidden';
}
</SCRIPT>
</head>
<body>
<A HREF="#" onmouseover="vis(1)">vis1</A>
<A HREF="#" onmouseover="vis(2)">vis2</A>
<div id ="area1">test </div>
<div id ="area2">test2</div>
</body>
</html>
css kode
----------------------------------------------------
#area1
{
position:relative;
top: 100;
left:10;
width: 20;
height: 50;
background-color: Red;
visibility: hidden;
border-style:solid;
border-width: 1px;
z-index:1;
}
#area2
{
position:relative;
top: 25;
left:100;
width: 100;
background-color:Transparent;
visibility: hidden;
border-style:solid;
border-width: 1px;
z-index:1;
}
Håber i har en idee
