Autor Zpráva
karin
Profil *
ahoj, mám taký problém....
mám index, v ktorom mám celé nastavenie stránky a neviem, ako mám odkazy z menu previesť do časti určenej na text. Zatiaľ som pracovala len s frames, a toto neviem ako urobiť.
dík

zdroják: index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
body {background-color:#FFFFFF; background-image:none;padding:0;margin:0;}
#sitemain {position:relative; clear:both; width:760px; height:960px; background-color:transparent; font-size:10px;}
#hlavicka {position:relative; float:left; clear:both; width:760px; height:60px; background-color:transparent; font-size:10px;}
#hore {position:relative; float:left; width:760px; height:60px; background:url("images/lrs1.gif") repeat-y; font-size:10px;}
#hore img {position:relative; left:20px; top:13px; border:0}
#horizontMenu {position:relative; float:left; clear:both; width:760px; height:30px; background:#FFFFFF url("images/stp1.gif") repeat-x; font-family:arial,sans-serif; font-weight:bold; font-size:10px; z-index:90;}
#horizontMenu ul {margin:0; padding:0 0 0 5px; font-size:12px;}
#horizontMenu li {float:left; overflow:inherit; list-style-type:none; margin:0; padding:0; } 
#horizontMenu a {float:left; height:23px; text-decoration:none; margin:0; padding:7px 10px 0; display:block; color:#F0F0F0; background:url("images/stp2.gif") repeat-x; background-position:0 30px;}
#horizontMenu a.first {margin:0; padding:7px 10px 0; } 
#horizontMenu a:hover {color:#FFFFFF; background-position:0 0;}
#jadro {position:relative; float:left; clear:both; width:760px; height:390px; background-color:transparent; font-family:verdana,sans-serif; font-weight:bold; font-size:10px; z-index:90;}
#lavy {position:relative; float:left; width:180px; height:390px; background-color:transparent; font-family:verdana,sans-serif; font-weight:bold; font-size:10px; z-index:90;}
#ttline {position:relative; float:left; clear:both; width:180px; height:30px; background:#000000 url("images/uds1.gif") repeat-x; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:16px; color:#FFFFFF;}
#ttline .comment {position:relative; text-align:left; left:5px; top:6px;}
#menu3 {position:relative; float:left; clear:both; width:180px; height:360px; background:url("images/lrs2.gif") repeat-y; font-family:verdana,sans-serif; font-weight:bold; font-size:10px; z-index:90;}
#menu3 ul {margin:0; padding:5px 0 0; font-size:12px;}
#menu3 li {overflow:inherit; list-style-type:none; margin:0; padding:0; } 
#menu3 a {height:20px; text-decoration:none; margin:0; padding:7px 10px 1px; display:block; color:#000000; background:url("images/lrs3.gif") repeat-y; background-position:180px 0;}
#menu3 a.first {margin:0; padding:7px 10px 1px; } 
#menu3 a:hover {color:#FFFFFF; background-position:0 0;}
#hlavny {position:relative; float:left; width:580px; height:390px; background-color:transparent; font-size:10px;}
#nazov {position:relative; float:left; clear:both; width:580px; height:58px; background:url("images/lrs4.gif") repeat-y; font-size:10px;}
#nazov img {position:relative; left:20px; top:13px; border:0}
#textbox2 {position:relative; float:left; clear:both; width:580px; height:332px; background-color:#DCDCDC; font-size:10px;}
#textbox2 .boxsp {position:relative; background:transparent; font-size:1px;}
#textbox2 .box {position:relative; font-size:1px; left:15px; top:10px;}
#textbox2 h1 {font-family:tahoma,verdana,sans-serif; font-size:24px; font-weight:bold; color:#000000; margin:0;}
#textbox2 h2 {position:relative;  top:5px; left:10px; font-family:arial; font-size:18px; font-weight:bold; color:#555555; margin:0;}
#textbox2 p {position:relative; top:15px; left:12px; padding-right:45px; font-family:arial; font-size:12px; font-weight:normal; color:#000000; margin:0;}
#pata {position:relative; float:left; clear:both; width:760px; height:30px; background:#696969 url("images/stp3.gif") repeat-x; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:11px; color:#696969;}
#pata .tag {position:relative; text-align:center; top:8px; clear:both;}
#pata .tag a:link, a:visited {text-decoration:none; color:#C0C0C0;}
#pata .tag a:hover {text-decoration:none;color:#FFFFFF;}
</style>
</head>
<body>
<div id="sitemain">
  <div id="hlavicka">
    <div id="hore">
        <a href="index.html"><img src="images/logo1.gif" alt=""></a>
    </div>
  </div>
  <div id="horizontMenu">
      <ul><li><a href="index.html" class="first">Domov</a></li>
             <li><a href="oMne/index.html">O mne</a></li  
</div>
  <div id="jadro">
    <div id="lavy">
      <div id="ttline">
          <div class="comment">
            MENU:
          </div>
      </div>
      <div id="menu3">
          <ul><li><a href="index.html" class="first">Home</a></li>
                  <li><a href="oMne/index.html">o mne</a></li>
                  <li><a href="oPraci/index.html">o práci</a></li></ul>
      </div>
    </div>
    <div id="hlavny">
      <div id="nazov">
          <a href="index.html"><img src="images/logo2.gif" alt=""></a>
      </div>
      <div id="textbox2">
          <div class="boxsp">
            <div class="box">
              <h1>Support</h1>
              <h2>Support</h2>
              <p>text<br><br></p>
              <p>text<br><br></p>
            </div>
          </div>
      </div>
    </div>
  </div>
  <div id="pata">
      <div class="tag">
          <a href="kontakt/index.html">kontakt</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                </div>
  </div>
</div>
</body>
</html>
kogli
Profil
Jestli jsem dobře pochopil, nakopírovat něco z menu do části s obsahem je celkem snadné ale, asi jsem nepochopil otázku. Takže tady máš tu část určenou na text:

<div id="hlavny">
      <div id="nazov">
          <a href="index.html"><img src="images/logo2.gif" alt=""></a>
      </div>
      <div id="odkazy_z_menu">
   <ul><li><a href="index.html" class="first">Home</a></li>
          <li><a href="oMne/index.html">o mne</a></li>
          <li><a href="oPraci/index.html">o práci</a></li></ul>
karin
Profil *
zle som to popísala, myslela som to tak, že máš klasicky menu a ked kliknem na nejaký odkaz napr. home, tak by sa mi malo na pravej strane, kde je miesto na text zobraziť, čo je pod odkazom home. viem čo chcem, ale neviem to opísať. :o) skús pozrieť:
http://s.ics.upjs.sk/~matasova/generate/
blaaablaaa
Profil
pouzij php a include
v opacnem pripade nejspis budes muset pro kazdy odkaz vytvorit stranku znovu nebo pouzit iframe (fuj)
kogli
Profil
nebo javascript!! teda jestli to myslíš takhle:

<HTML> 


<HEAD>
<TITLE>Dynamic JS Menu 1.5</TITLE>
<SCRIPT language=JavaScript1.2>
td_1 = "Home Page"
url_1 = "pages.htm"
td_2 = "Services"
td_2_1 = "Category A"
td_2_1_1 = "Service A1"
url_2_1_1 = "pages.htm"
td_2_1_2 = "Service A2"
url_2_1_2 = "pages.htm"
td_2_1_3 = "Service A3"
url_2_1_3 = "pages.htm"
td_2_1_4 = "Service A4"
url_2_1_4 = "pages.htm"
td_2_1_5 = "Service A5"
url_2_1_5 = "pages.htm"
td_2_1_6 = "Service A6"
url_2_1_6 = "pages.htm"
td_2_1_7 = "Service A7"
url_2_1_7 = "pages.htm"
td_2_1_8 = "Service A8"
url_2_1_8 = "pages.htm"
td_2_2 = "Category B"
td_2_2_1 = "Service B1"
url_2_2_1 = "pages.htm"
td_2_2_2 = "Service B2"
url_2_2_2 = "pages.htm"
td_2_2_3 = "Service B3"
url_2_2_3 = "pages.htm"
td_2_3 = "Category C"
td_2_3_1 = "Service C1"
url_2_3_1 = "pages.htm"
td_2_3_2 = "Service C2"
url_2_3_2 = "pages.htm"
td_2_3_3 = "Service C3"
url_2_3_3 = "pages.htm"
td_2_3_4 = "Service C4"
url_2_3_4 = "pages.htm"
td_2_3_5 = "Service C5"
url_2_3_5 = "pages.htm"
td_2_4 = "Category D"
td_2_4_1 = "Service D1"
url_2_4_1 = "pages.htm"
td_2_4_2 = "Service D2"
url_2_4_2 = "pages.htm"
td_2_4_3 = "Service D3"
url_2_4_3 = "pages.htm"
td_2_4_4 = "Service D4"
url_2_4_4 = "pages.htm"
td_2_4_5 = "Service D5"
url_2_4_5 = "pages.htm"
td_2_4_6 = "Service D6"
url_2_4_6 = "pages.htm"
td_2_4_7 = "Service D7"
url_2_4_7 = "pages.htm"
td_2_5 = "Category E"
td_2_5_1 = "Service E1"
url_2_5_1 = "pages.htm"
td_2_5_2 = "Service E2"
url_2_5_2 = "pages.htm"
td_2_5_3 = "Service E3"
url_2_5_3 = "pages.htm"
td_2_5_4 = "Service E4"
url_2_5_4 = "pages.htm"
td_2_5_5 = "Service E5"
url_2_5_5 = "pages.htm"
td_2_6 = "Category F"
td_2_6_1 = "Service F1"
url_2_6_1 = "pages.htm"
td_2_6_2 = "Service F2"
url_2_6_2 = "pages.htm"
td_2_6_3 = "Service F3"
url_2_6_3 = "pages.htm"
td_2_6_4 = "Service F4"
url_2_6_4 = "pages.htm"
td_2_6_5 = "Service F5"
url_2_6_5 = "pages.htm"
td_2_6_6 = "Service F6"
url_2_6_6 = "pages.htm"
td_2_6_7 = "Service F7"
url_2_6_7 = "pages.htm"
td_2_6_8 = "Service F8"
url_2_6_8 = "pages.htm"
td_2_6_9 = "Service F9"
url_2_6_9 = "pages.htm"
td_2_6_10 = "Service F10"
url_2_6_10 = "pages.htm"
td_2_7 = "Category G"
td_2_7_1 = "Service G1"
url_2_7_1 = "pages.htm"
td_2_7_2 = "Service G2"
url_2_7_2 = "pages.htm"
td_3 = "Links"
td_3_1 = "First Link"
url_3_1 = "pages.htm"
td_3_2 = "Second Link"
url_3_2 = "pages.htm"
td_3_3 = "Third Link"
url_3_3 = "pages.htm"
td_3_4 = "Fourth Link"
url_3_4 = "pages.htm"
td_3_5 = "Fifth Link"
url_3_5 = "pages.htm"
td_3_6 = "Sixth Link"
url_3_6 = "pages.htm"
td_3_7 = "Seventh Link"
td_4 = "Top Picks"
td_4_1 = "First Pick"
url_4_1 = "pages.htm"
td_4_2 = "Second Pick"
url_4_2 = "pages.htm"
td_4_3 = "Third Pick"
url_4_3 = "pages.htm"
td_4_4 = "Fourth Pick"
url_4_4 = "pages.htm"
td_4_5 = "Fifth Pick"
url_4_5 = "pages.htm"
td_4_6 = "Sixth Pick"
url_4_6 = "pages.htm"
td_4_7 = "Seventh Pick"
url_4_7 = "pages.htm"
td_4_8 = "Eighth Pick"
url_4_8 = "pages.htm"
td_4_9 = "Ninth Pick"
url_4_9 = "pages.htm"
td_4_10 = "Tenth Pick"
url_4_10 = "pages.htm"
td_5 = "Website Info"
td_5_1 = "About The Site"
url_5_1 = "pages.htm"
td_5_2 = "Webmasters"
url_5_2 = "pages.htm"
td_5_3 = "Forum"
url_5_3 = "pages.htm"
td_5_4 = "Guest book"
url_5_4 = "pages.htm"
td_6 = "Contact Me"
url_6 = "pages.htm"
td_7 = "Help"
url_7 = "pages.htm"

</SCRIPT>

<STYLE type=text/css>
PRE {
COLOR: brown
}
TABLE.menu {
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
VISIBILITY: hidden;
CURSOR: pointer;
POSITION: absolute
}
#mainmenu {
POSITION: static
}
TABLE.menu TD {
COLOR: #000000; /* Must be the same as tdBgColor in MScript.js */
BACKGROUND-COLOR: #bbddff; /* Must be the same as tdBgColor in MScript.js */
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 0px;
FONT-SIZE: 8pt;
FONT-FAMILY: Arial;
WHITE-SPACE: nowrap;
}
</STYLE>
</HEAD>

<BODY background="background.gif">
<SCRIPT language=JavaScript1.2>
////////////////////Please leave this notice//////////////////////
// //
// Dynamic JS Menu 1.0 //
// By Pat Libby (Libbypa@maine.rr.com) //
// http://dragonsbane1.topcities.com //
// It works only with IE5.0(++) and Netscape6.0(++) //
// Free to use! //
// //
////////////////////Last modified 01-31-2003//////////////////////

// Modify following four lines to customize your menu
var tdColor="#000000"; // menu item text color
var tdBgColor="#BBDDFF"; // menu item background color
var hlColor="#000000"; // highlight text color
var hlBgColor="#FFFFFF"; // highlight background color
// After change, modify same values in your DropDown.css file

////////////////////DO NOT MODIFY BELOW HERE//////////////////////
var md=250;
var ti=-1;
var oTd=new Object;
oTd=null;

function doMenu(td){
clearTimeout(ti);
td.style.backgroundColor=hlBgColor;
td.style.color=hlColor;
var i;
var sT="";
var tda=new Array();
tda=td.id.split("_");
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
for(i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
if(tdo[i]!=tda[i]){
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";
}
}
}
oTd=td;
sT="tbl";
for(i=1;i<tda.length;i++)
sT+="_"+tda[i];
if(document.getElementById(sT)!=null)
document.getElementById(sT).style.visibility="visible";

}

function clearMenu(){
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
var sT="";
for(var i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";
}
oTd=null;
}
}

function runMenu(strURL){
location.href=strURL;
}

var tt="";
var sT="";
var pT=new Array();
var tA=new Array();

function getCoord(st){
tA=st.split("_");
if(tA.length>2){
tA=tA.slice(0,-1);
tt=tA.join("_");
return (document.getElementById("tbl"+tt).offsetTop+document.getElementById("td"+st).offsetTop+4)+"px;left:"+
(document.getElementById("tbl"+tt).offsetLeft+document.getElementById("td"+st).offsetWidth-2)+"px\">";
}
return (document.getElementById("mainmenu").offsetTop+document.getElementById("td"+st).offsetHeight-2)+"px;left:"+
(document.getElementById("mainmenu").offsetLeft+document.getElementById("td"+st).offsetLeft+5)+"px\">";
}

var sH="<table class=\"menu\" id=\"mainmenu\" cellspacing=\"0\"><tr>";
var p=0;
var j=0;
while(eval("typeof(td_"+ ++j +")!=\"undefined\"")){
sH+="<td id=\"td_"+j+"\" onmouseover=\"doMenu(this)\" onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
sH+=(eval("typeof(url_"+j+
tiso
Profil
kogli - čo to má spoločné s karin-inou otázkou?
A menu stránky ako pomocou JS vygenerovaná tabuľka? wtf?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: