Jump to content
php.lv forumi

Problēmas ar JS menu iecentrēšanu

Jamesons

By Jamesons
in JavaScript, VBScript

 Share

Recommended Posts

Maris-S Newbie

Maris-S

Posted
Posted

Tāpēc ka Tev ir pavisam cita izšķirtspēja monitoram. Ja problēma tiks risināta ar marginu, tad šī problēma visu laiku būs, tādā veidā var atrast pozīciju tikai konkrētam loga izmēram, samazini pārlūka logu kaut vai par centimetru platumā uzreiz menu nederēs.

Link to comment
Share on other sites
  • Replies 32
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Maris-S Newbie

Maris-S

Posted
Posted (edited)

Tev lapa neveras vaļā, tāpēc nevaru atbilstoši Tavam kodam sarakstīt, bet doma šāda.

 

<style type="text/css">
  #menu_container {
  width: tava_menu_platums;
  margin: auto; /*centrēšana mozilla pārlūkos, IE nestrādās.*/
  vēl_kaut_kas_ja_vajag;
  }
</style>

<div id="menu_container">
  <div id="menu"></div>
</div>

 

Nepārbaudīju, iespējams ka kļūdījos sintaksē vai vēl kaut kur, bet doma ir tādā.

 

IE centrēšanai izmanto vai nu align="center", kas ir deprecated, vai arī text-align:center (css), elementam kurā atrodas menu konteineris.

Edited by Maris-S
Link to comment
Share on other sites
Maris-S Newbie

Maris-S

Posted
Posted

Kaut kā tā varētu strādāt.

 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Atrodi Sevi  LV</title>
<style type="text/css">
	<!--
	body {
		background-image: url(img/bg.jpg);
		background-color: #34AB47;
		background-repeat: no-repeat;
		background-position:top;	
	}
	body,td,th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}

	#menu_container {
		width: 740px;
		margin: auto; /*centrēšana mozilla pārlūkos, IE nestrādās.*/
		border: solid 1px;
	}
	-->
</style>

<link rel="stylesheet" type="text/css" href="csshorizontalmenu.css" />

<script type="text/javascript" src="csshorizontalmenu.js">

	/***********************************************

	* CSS Horizontal List Menu- by JavaScript Kit (www.javascriptkit.com)
	* Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/ 
	* This notice must stay intact for usage
	* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

	***********************************************/

</script>
</head>
<body> 
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>

<div style="text-align: center">
<div id="menu_container">
	<div class="horizontalcssmenu">
		<ul id="cssmenu1" style="margin: 0px">
			<li style="center: 1px solid #202020;"><a href="http://www.javascriptkit.com/"> Sākums</a></li>
			<li></li>
			<li><a href="http://www.javascriptkit.com/">Galerijas</a></li>
			<li><a href="#">References</a>
				<ul>
					<li><a href="http://www.javascriptkit.com/jsref/">JS Reference</a></li>
					<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
					<li><a href="http://www.javascriptkit.com/dhtmltutors/cssreference.shtml">CSS Reference</a></li>
				</ul>
			</li>
			<li><a href="http://www.javascriptkit.com/howto/">web Tutorials</a></li>
			<li><a href="#">Resources</a>
				<ul>
					<li><a href="http://www.dynamicdrive.com">Dynamic HTML</a></li>
					<li><a href="http://www.codingforums.com">Coding Forums</a></li>
					<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
					<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
					<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
					<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Generator</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>
</div>

<div align="center">
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>

 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>

 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>

 <p> </p>
 <p>Sākums | Reklāma | Blogs</p>
</div>
</body>
</html>

Link to comment
Share on other sites
Jamesons Newbie

Jamesons

Posted
  • Author
Posted (edited)

Arī tā negrib strādāt, bāc es jau esmu pazaudējis pārliecību, tagad vispār vairs nesaprotu, kur ir īsti vaina htmlā vai css'a!

 

edits:: ATklāti sakot, šitas SŪDA menu man visus darbus kavē, pirmoreiz saskaros ar tik stulbu problēmu, nebūtu šī menu, es jau būvētu iekšā galeriju!!!

 

nevarat man ieteikt kautkādu, vienalga kādu dropdown menu, html, php vienalga tikai ne JS- vienmēr JS esmu ienīdis un šī bija pēdēja reize kad kautko ar to daru!

 

paldies visiem, ka palīdzējāt! var redzēt, ka šijā forumā apgrozās nopietni cilvēki, nevis 13 gadīgie programmētāji- cs webu būvētāji!

Edited by Jamesons
Link to comment
Share on other sites
Maris-S Newbie

Maris-S

Posted
Posted (edited)

Tak viss Tev strādā tur, tikko pa Tavu linku apskatījos, piedzen vienīgais izmērus un noņem borderi.

 

#menu_container {
width: 740px;
margin: auto; /*centrēšana mozilla pārlūkos, IE nestrādās.*/
border: solid 1px; /*Šito kad izmērus atradīsi izņem ārā.*/
}

 

Visa māksla slēpjās tajā ka centrējās konteinera div, bet menu ir pozicionēta viņam iekšpusē, kreisajā malā, tāpēc konteinera divam jābūt precīzi tik platam cik ir platas visas 5 menu šūniņas kopā. Ar javascript tam nav nekāda sakara, vienkārši pareizi jāsapozicionē css.

Edited by Maris-S
Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...