Odkazování na CSS oddíly pomocí <a href="..."> – HTML / XHTML – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Odkazování na CSS oddíly pomocí <a href="..."> – HTML / XHTML – Fórum – Programujte.comOdkazování na CSS oddíly pomocí <a href="..."> – HTML / XHTML – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
MaxDJs0
Návštěvník
26. 12. 2009   #1
-
0
-

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.–
Reklama
Reklama
Anonymní uživatel
~ Anonymní uživatel
0 příspěvků
26. 12. 2009   #2
-
0
-

Na štýly sa používa:
<link ...>
Na súbory <a href="...

Nahlásit jako SPAM
IP: 85.135.173.–
MaxDJs0
Návštěvník
27. 12. 2009   #3
-
0
-

To Anonymní uživatel :

My si asi nerozumíme

Já potřebuji, když kliknu v menu na položku tak aby se mi stránka, na kterou odkazuje tlačítko zobrazila pod menu lištou. Aleš když tak udělám, tak se stránka zobrazí v novém okně a bez menu

Přikládám odkaz - funguje zatím jen položka O mě
http://tvorba-webu.wu.cz/new/index.html

Nahlásit jako SPAM
IP: 90.177.22.–
crAzY^
~ Moderátor
+10
Grafoman
27. 12. 2009   #4
-
0
-

buď použij rámce (ať už frameset nebo iframe), nebo efektivnější způsob pomocí php (include/require)

Nahlásit jako SPAM
IP: 89.190.90.–
All you need is vision and time.
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 18 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý