01-06-2011, 23:36
Witam. Mam problem z odsyłaczami do podstron. Otóż tworzę stronę w której jest menu horyzontalne i wertykalne. Niestety linki do podstron z menu wertykalnego są nieaktywne. Zauważyłem, że tak się dzieje tylko, gdy znajdują się w kontenerze. Kiedy wychodzą (np. są za duże) to wtedy są aktywne. Strona wygląda w ten sposób, że w indexie jest tylko menu horyzontalne i po wejsciu w jedną opcję z tego menu pojawia się menu wertykalne. Drugą sprawą mniejszej wagi jest to w jaki sposób ustawić cały tekst, aby się znajdował w pewnej odległości od krawiędzi kontenera (lewa i prawa strona). Dołączam kod, proszę o szybką odpowiedź,bo jutro mam deadlina na tą stronę.
index:
css:
jedna ze stron w której jest menu wertykalne:
index:
Kod:
<!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>
<link rel="stylesheet" type="text/css" href="szablon.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>.:Jimi Hendrix:.</title>
<meta name="Description" content= "Fun page poświęcony Jimowi Hendrixowi" />
<meta name="Author" content="Damian Stelmasiak" />
<meta name="Keywords" content="Jimi Hendrix experience, Jimi Hendrix, James Marshall Hendrix" />
</head>
<body>
<div id="srodek">
<div id="gora">
<img src= "JimiHendrix_StoreBanner._V199976933_.jpg" alt="Jimi Hendrix Experience" width="1000px" height="150px" />
</div>
<div id="menu_h">
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="biografia.html">Biografia</a></li>
<li><a href="index.html">Twórczość</a></li>
</ul>
</div>
<div id="menu_v">
<img src= "Jimi_Hendrix_1967.png" alt="Jimi Hendrix Experience" width="180px" height="500px" />
</div>
<div id="tresc">
<p> Witamy na polskiej stronie poświęconej Jimi'emu Hendrixowi - jednego z
najwybitniejszych i najbardziej wpływowego gitarzystę w historii, a także najbardziej znanej postaci w historii muzyki rockowej.
</p>
</div>
</div>
</body>
</html>
css:
Kod:
#gora{
top: 25px;
width: 1000px;
height: 150px;
border: 1px solid #000;
}
#menu_h{
border: 1px solid #000;
position:relative;
height: 60px;
width: 1000px;
background-color:#575757;
}
ul{
/*border: 1px dashed #000;*/
}
li{
text-align: center;
display:block;
list-style:none;
float: left;
padding: 5px 10px 5px 10px;
width:300px;
font-size:20px;
font-weight:bold;
}
li a{
background-color:#867144 ;
color:#FFFF00;
display:block;
text-decoration: none;
}
li a:hover{
background-color: #000;
color:#FFFFFF;
display:block;
text-decoration: none;
}
ol{
margin:8;
display:block;
list-style:none;
float: left;
padding: 5px 10px 5px 10px;
font-size:20px;
font-weight:bold;
}
ol a{
width:130px;
background-color:#867144 ;
color:#FFFF00;
display:block;
text-decoration: none;
}
ol a:hover{
background-color: #000;
color:#FFFFFF;
display:block;
text-decoration: none;
}
#menu_v{
border:1px solid #000;
position:relative;
float:left;
height:500px;
width:180px;
}
#tresc{
border:1px solid #000;
position:relative;
height:500px;
width:1000px;
}
p{
font-size:20px;
text-align: center;
font-family: forte;
}
p1{
font-size:16px;
text-align:center;
font-family:arial;
margin-left:10px;
}
#srodek{
margin-left:auto;
margin-right:auto;
height:auto;
width:1000px;
background-color:#D4C3B8;
}
jedna ze stron w której jest menu wertykalne:
Kod:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="szablon.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>.:Jimi Hendrix:.</title>
<meta name="Description" content= "Fun page poświęcony Jimowi Hendrixowi" />
<meta name="Author" content="Damian Stelmasiak" />
<meta name="Keywords" content="Jimi Hendrix experience, Jimi Hendrix, James Marshall Hendrix" />
</head>
<body>
<div id="srodek">
<div id="gora">
<img src= "JimiHendrix_StoreBanner._V199976933_.jpg" alt="Jimi Hendrix Experience" width="1000px" height="150px" />
</div>
<div id="menu_h">
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="biografia.html">Biografia</a></li>
<li><a href="index.html">Twórczość</a></li>
</ul>
</div>
<div id="menu_v">
<ol>
<li> <a href="biografia.html">Dzieciństwo</a></li>
<li><a href="pierwsze_wystepy.html">Pierwsze występy</a></li>
<li><a href="wojsko.html">Służba wojskowa</a></li>
<li><a href="inspiracje.html">Inspiracje</a></li>
<li><a href="zainteresowania.html">Zainteresowania</a></li>
<li><a href="uzaleznienia.html">Uzależnienia</a></li>
</ol>
</div>
<div id="tresc">
<p1>
Największy wpływ na jego muzykę mieli następujący artyści: Bob Dylan[54], Muddy Waters, Buddy Guy, Otis Rush, John Lee Hooker, Chuck Berry, Curtis Mayfield, Kenny Burrell, Eddie Cochran[37], Robert Johnson, B.B. King, Howlin' Wolf, Jimmy Reed, Elmore James, Ray Charles[5], Albert King, Lightnin' Hopkins[6], Buddy Holly[18], The Beatles[50].
</p1>
</div>
</div>
</body>
</html>