TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Návštěvník
Zdravím,
potřeboval bych poradit jak odkazovat na CSS oddíly pomocí <a href="...">, protože vždycky, když kliknu na tlačítko tak se nová stránka zobrazí v tom samém panelu, ale pouze čistý text bez menu
CSS
.nav {
height:35px;
background: url(images/bg.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:100%;
z-index:100;
margin:0;
padding:0;
}
.nav .table {
display:table;
margin:0 auto;
}
.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}
.nav li {
margin:0;
padding:0;
height:auto;
float:left;
}
.nav .select a {
display:block;
height:35px;
float:left;
font-weight:bold;
background: url(images/bg.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#2b3238;
}
.nav .select a:hover,
.nav .select li:hover a {
background: url(images/hover.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#2b3238;
}
.nav .select a b{
font-weight:bold;
}
.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(images/hover.gif) right top;
cursor:pointer;
}
.nav .select_sub {
display:none;
}
/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}
.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}
.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#2b3238;
}
.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:100%;
top:35px;
background:url(images/back.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}
.nav .current .show {
z-index:10;
}
.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#2b3238;
}
.nav .current .sub li.sub_show a {
color:#2b3238;
cursor:default;
}
.nav .select .sub li a {
font-weight:normal;
}
.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#73a0d2;
}HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<style media="all" type="text/css">@import "./menu/menu_style.css";</style>
<!--[if IE]>
<style media="all" type="text/css">@import "./menu/ie.css";</style>
<![endif]-->
<style type="text/css">
#hlavicka {
height: 120px
background: white
position: relative
}
.obsah {
height: 1000px
background: white
position: relative
}
</style>
<title></title>
</head>
<body>
<div id="hlavicka">
<img src="./logo.jpg" />
<div class="nav">
<div class="table">
<ul class="select"><li><a href="./o-me.html" target="_self"><b>O mě</b></a>
</li>
</ul>
<ul class="select"><li><a href="./cenik.html" target="_self"><b>Ceník</b></a>
</li>
</ul>
<ul class="select"><li><a href="./kontakt.html" target="_self"><b>Kontakt</b></a>
</li>
</ul>
<ul class="select"><li><a href="./tvorba-webu.html" target="_self"><b>Tvorba webu</b></a>
</li>
</ul>
<a href="./en/index.html"><img src="./usa-icon.png" weiht="30" height="30" /></a>
<a href="./de/index.html"><img src="./germany-icon.png" weigt="30" height="30" /></a>
</div>
</div>
</div>
<div class="obsah">
<p style="text-align: center;">
Hledáte-li způsob jak se prezentovat v dnešní hektické době,tak webové stránka je ten pravý způsob. Můžeme pro vás připravit webovou stránku podle Vašeho přání.Také Vám nahrajeme webové stránky ne hosting,ať již placený nebo neplacený. Aby celá tato akce měla smysl,tak Vám také stránky zaregistrujeme v internetových vyhledávačích.</p>
<p style="text-align: center;">S pozdravem</p>
<p style="text-align: center;">Aleš Hološka</p>
</div>
</frame>
</body>
</html>
Děkuji za odpověď
Nahlásit jako SPAM
IP: 90.177.22.–
Grafoman
Zjistit počet nových příspěvků
