Jump to content
php.lv forumi

Recommended Posts

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.

  • Replies 32
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted

Tikko pamanīju ka arī apakšējie menu ir nobīdījušies ļoti stipri pa labi, tā ka iespējams šis margins ietekmē arī apakšmenu (vienu klasi izmanto), margins šai menu tiešām nebūs risinājums.

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
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>

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
Posted

Nu ja tādus menu gribi būvēt ta bez javascripta īsti iztikt nevarēsi. Starp citu kādā pārlūkā manu variantu pārbaudīji? Es skatījos firefox un IE7, tur jāstrādā.

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

×
×
  • Create New...