Ongelma onpi seuraavanlainen:
Sivun ylälaidassa olevat pudotusvalikot ovat oikein, omalla näytölläni :) Mutta kun niitä katselee esim. suuremmalta näytöltä, ne ovat vasemmassa laidassa, ja loppu osa on tyhjää. Eli kuinka rinnakkain olevat pudotusvalikot sivun ylälaidassa keskitetään niin, että ovat sitten kanssa keskellä sivua, oli näyttö millainen tahansa?? Yhtä jos toista on tullu kokeiltua... huonolla menestyksellä.
Ja kyseessähän on tietty valmiina napattu skripti :)
Sivun ylälaidassa olevat pudotusvalikot ovat oikein, omalla näytölläni :) Mutta kun niitä katselee esim. suuremmalta näytöltä, ne ovat vasemmassa laidassa, ja loppu osa on tyhjää. Eli kuinka rinnakkain olevat pudotusvalikot sivun ylälaidassa keskitetään niin, että ovat sitten kanssa keskellä sivua, oli näyttö millainen tahansa?? Yhtä jos toista on tullu kokeiltua... huonolla menestyksellä.
Ja kyseessähän on tietty valmiina napattu skripti :)
Vastaukset 5
Vanhimmat
laitat sen sivun koodin tähän, niin olis helpompi ymmärttää kysymys ja kommentoida.
Tässäpä se koodi, napattuna suoraan DynamicDrivestä :)
Eli kuinka se palkki, jossa on nuo valikot, saadaan näkymään kaikissa olosuhteissa keskellä näyttöä. Siis ylälaidassa tietty. Mulla se on ok, mutta isommilla ruuduilla vasemmassa laidassa ja loppuosa jää tyhjäksi. On se niin pirun hankala selittää... :)Itse sivu, johon tuota suunnittelen, ei valitettavasti ole laisinkaan vielä verkossa nähtävissä :(
/*
Top Navigational Bar II (By Mike Hall)
Last updated: 00/05/08
Permission granted and modified by Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var myNavBar1 = new NavBar(0);
var dhtmlMenu;
//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below
dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home", "http://dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("News", ""));
dhtmlMenu.addItem(new NavBarMenuItem("CNN", "http://www.cnn.com"));
dhtmlMenu.addItem(new NavBarMenuItem("MSNBC", "http://msnbc.com"));
dhtmlMenu.addItem(new NavBarMenuItem("ABCNews", "http://www.abcnews.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Technology", ""));
dhtmlMenu.addItem(new NavBarMenuItem("News.com", "http://www.news.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Techweb", "http://www.techweb.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Wired", "http://www.wired.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://www.dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Search", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://www.yahoo.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://www.altavista.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://www.infoseek.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://www.excite.com"));
dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://www.hotbot.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Webmaster", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://dynamicdrive.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://wsabstract.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://freewarejava.com"));
dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
myNavBar1.addMenu(dhtmlMenu);
//set menu colors
myNavBar1.setColors("#000000", "#000000", "#C0C0C0", "#ffffff", "#666666", "#000000", "#cccccc", "#ffffff", "#000080")
//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")
var fullWidth;
function init() {
// Get width of window, need to account for scrollbar width in Netscape.
fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
//UNCOMMENT BELOW LINE TO MOVE MENU DOWN 50 pixels
//myNavBar1.moveTo(0, 50);
}
rivillä 63 on kohta:
//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")
Äkkiä kuvitellen sillä vois olla vaikutusta...:-)
(en kokeillut koodia, kunhan lukaisin)
Siinähän se vika piili :) Oishan tuo pitäny tajuta... No, mutta kiva että joku ajatteli valmiiksi :) Kiitos.
Glad to be of assistance!