Einzelnen Beitrag anzeigen
Alt 22.11.2002, 13:25   #1 (permalink)
Gast
 

Beiträge: n/a

Standard Javascript Probleme, wie zentrieren ?

weiss einer wie ich den ******* mittig auf 970px bekomme unter das bild ?
Also die javanavleiste. Danke

http://www.stys-history.de/kingz/index.html

Was mach ich falsch ?

quellcode:

Code:
<html>
<head>
<title>Tha KinGz</title>
<style type="text/css">
<!--

body,td,font,input,textarea,select {
  font-family: Arial, Scruff LET, Ruach LET, Sickness, Verdana, Helvetica, sans-serif;
  font-size: 11px;
}
body,textarea,select {
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #cca30d;
  scrollbar-arrow-color: #cca30d;
  scrollbar-3dlight-color: #cca30d;
  scrollbar-track-color: #000000;
  scrollbar-darkshadow-color: #000000;
}

a, a:link, a:visited, a:activated {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  font-size: 12 px;
  background-color:#cca30d;
}
a:hover {
  color: #cca30d; background-color:#000000;
}

.table_border {
  background-color: #000000;
}
.tabletop {
  background-color: #122b3f;
  color: #ffffff;
}
.tabletop_links, .tabletop_links:link, .tabletop_links:visited, .tabletop_links:activated {
  color: #8aabca;
}
.tabletop_links:hover {
  text-decoration: none;
  color: #ffffff;
}
.tabletop_nav {
  background-color: #204164;
  color: #ffffff;
}
.tabletop_nav_links, .tabletop_nav_links:link, .tabletop_nav_links:visited, .tabletop_nav_links:activated {
  color: #8aabca;
}
.tabletop_nav_links:hover {
  text-decoration: none;
  color: #ffffff;
}

.tableleft {
  background-color: #204164;
  color: #ffffff;
}
.tableleft_title {
  color: #ffffff;
  font-weight: bold;
}
.tableleft_title_links, ..tableleft_title_links:link, .tableleft_title_links:visited, .tableleft_title_links:activated {
  text-decoration: none;
  color: #8aabca;
}
.tableleft_title_links:hover {
  color: #ffffff;
}
.tableleft_links, .tableleft_links:link, .tableleft_links:visited, .tableleft_links:activated {
  text-decoration: none;
  color: #8aabca;
}
.tableleft_links:hover {
  color: #ffffff;
}

.tableright {
  background-color: #2f5073;
  color: #ffffff;
}
.tableright_border {
  background-color: #000000;
}
.tableright_title {
  background-color: #204164;
  color: #ffffff;
  font-weight: bold;
}
.tableright_title_links, .tableright_title_links:link, .tableright_title_links:visited, .tableright_title_links:activated {
  text-decoration: none;
  color: #8aabca;
}
.tableright_title_links:hover {
  color: #ffffff;
}
.tableright_links, .tableright_links:link, .tableright_links:visited, .tableright_links:activated {
  color: #8aabca;
}
.tableright_links:hover {
  text-decoration: none;
  color: #ffffff;
}
.tableright_col1 {
  background-color: #2f5073;
  color: #ffffff;
}
.tableright_col1_links, .tableright_col1_links:link, .tableright_col1_links:visited, .tableright_col1_links:activated {
  text-decoration: none;
  color: #8aabca;
}
.tableright_col1_links:hover {
  color: #ffffff;
}
.tableright_col2 {
  background-color: #204164;
  color: #ffffff;
}
.tableright_col2_links, .tableright_col2_links:link, .tableright_col2_links:visited, .tableright_col2_links:activated {
  color: #8aabca;
}
.tableright_col2_links:hover {
  text-decoration: none;
  color: #ffffff;
}

.tablebottom {
  background-color: #122b3f;
  color: #ffffff;
}
.tablebottom_links, .tablebottom_links:link, .tablebottom_links:visited, .tablebottom_links:activated {
  color: #8aabca;
}
.tablebottom_links:hover {
  text-decoration: none;
  color: #ffffff;
}

.tableerror {
  color: #cc3300;
  font-weight: bold;
}
.error {
  color: #cc3300;
  font-weight: bold;
}

.input,.submit,.select,.textarea {
  border-width: 1px;
  border-color: #8aabca;
  border-style: solid;
  background: #122b3f;
  color: #ffffff;
  font-weight: bold;
}
.radio, .checkbox {
  border-width: 1px;
  background: none;
}

-->
</style>
</head>
<body bgcolor="#000000" link="#cca30d" vlink="#cca30d" alink="#cca30d" text="#cca30d" onload="init()" align=center>
<table border="0" cellpadding="0" cellspacing="0" height=120 width="100%" bgcolor="#000000" align=center>

 <tr align=center>
  <td align=center>
   <img src="pics/cs5.bmp">
  </td>
 </tr>

 <tr align=center>
  <td width="970" align=center>

<script language="JavaScript" src="navcond.js"></script>
<script language="JavaScript">

var myNavBar1 = new NavBar(0);
var dhtmlMenu;

dhtmlMenu = new NavBarMenu(120, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home", "http://"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Members", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dragon", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("MiNNiS", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Guerilla", "http://"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Technology", ""));
dhtmlMenu.addItem(new NavBarMenuItem("News.com", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Techweb", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Wired", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Drive", "http://"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Search", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Webmaster", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://"));
dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://"));
myNavBar1.addMenu(dhtmlMenu);

myNavBar1.setColors("#e7be0a", "#000000", "#e7be0a", "#ffffff", "#666666", "#000000", "#cccccc", "#ffffff", "#e7be0a")

var fullWidth;

myNavBar1.setAlign("center")



function init() {

  fullWidth = getWindowWidth()
    - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

  myNavBar1.resize(970);
  myNavBar1.create();
  myNavBar1.setzIndex(2);
}
</script>

</td>
</tr>

</table>

</body>
</html>
  Mit Zitat antworten