| |
|
|
| | Вот етот код в опере работает не так как в експлорере, как изменить стили, что б было одинаково всюду?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
DIV.tabs_container {
position: relative;
float: left;
left: 0px;
top: 30px;
width: 80%;
}
DIV.tabs_na {
background: #ffff99;
border-bottom:1px solid #eeeeee;
font-size:15px;
float: left;
margin-left: 3px;
position: relative;
padding:4px;
text-align: center;
}
DIV.tabs_a {
background: #ffcc00;
font-size: 15px;
float: left;
margin-left: 3px;
padding: 4px;
position: relative;
text-align: center;
}
DIV.tabs_bottom {
position: relative;
background: #ffcc00;
text-align: center;
width:100%;
top: 26px;
}
</style>
</head>
<body>
<div style="width: 10%; float: left; "> </div> <!-- ident for tabs -->
<div class="tabs_container" >
<div class="tabs_a" style="width:70px">
<a href="?content=1" class="tabsa" >Catalog</a></div>
<div class="tabs_na" style="width:100px">
<a href="?content=2" class="tabsna" >Online shop</a></div>
</div>
<div style="width: 10%; float: left;"> </div> <!-- ident for tabs -->
<div class="tabs_bottom"><input type="text"> <input type="submit" value="Submit">
<div align="right">
<a href="#" onclick="loadXMLDoc_l('?lng=deu');return false;" class="tabsa">Deu</a>
<a href="#" onclick="loadXMLDoc_l('?lng=eng');return false;" class="tabsa">Eng</a>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Саша
(23.09.2006 в 19:11)
| | | Оперу - фтопку | |
| |
|
|
| |
|
|
| |
для: elenaki
(23.09.2006 в 19:33)
| | | Зря вы так об Опере.
На самом деле, самый гадкий браузер это - Safari от Macintosh. | |
| |
|
|
| |
|
|
| |
для: codexomega
(23.09.2006 в 20:16)
| | | в следующий раз крепите картинку с желаемым результатом
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
.tabs_container {
margin:30px 0 0 0;
width: 80%;
}
.tabs_na {
background: #ffff99;
border-bottom:1px solid #eeeeee;
font-size:15px;
float: left;
margin-left: 3px;
padding:4px;
text-align: center;
}
.tabs_a {
background: #ffcc00;
font-size: 15px;
float: left;
margin-left: 3px;
padding: 4px;
position: relative;
text-align: center;
}
.clear{clear:both;}
DIV.tabs_bottom {
background: #ffcc00;
text-align: center;
width:100%;
margin:0;
}
</style>
</head>
<body>
<div class="tabs_container" >
<div class="tabs_a" style="width:70px">
<a href="?content=1" class="tabsa" >Catalog</a>
</div>
<div class="tabs_na" style="width:100px">
<a href="?content=2" class="tabsna" >Online shop</a>
</div>
</div>
<div class="clear"></div>
<div class="tabs_bottom">
<form style="padding:0; margin:0"><input type="text"> <input type="submit" value="Submit"></form>
<div align="right">
<a href="#" onclick="loadXMLDoc_l('?lng=deu');return false;" class="tabsa">Deu</a>
<a href="#" onclick="loadXMLDoc_l('?lng=eng');return false;" class="tabsa">Eng</a>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
