Jump to content
php.lv forumi

Problēmas ar JS menu iecentrēšanu


Jamesons

Recommended Posts

Labdien atkal.

 

Ir tāda problēma, ka nevaru iecentrēt pa visu savai lapai menu, menu ir JS, šis te ir izdarīt - <div align="center">, bet vienlaga necentrējas, stāv tā mīļķīgi pa kreisi.

Lūk šeit varat apskatīties- http://92.49.17.93.

 

Piedodiet, ja esmu uzdevis muļķīgu jautājumu, bet esmu tikai iesācējs.

 

PS: nesmejaties lūdzu par bērnišķīgo dizainu! :)

 

Jau iepriekš paldies.

Link to comment
Share on other sites

  • Replies 32
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Es zinu ka kautkas ir nepareizi :D Bet, es to menu pats nerakstīju, atradu netā, tad var būt, ka kkas kkur nav jau bijis pareizi, vai arī es esmu pilnīgs....

 

<body> 
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<center><div class="horizontalcssmenu">
<ul id="cssmenu1">
<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>
<br style="clear: center;" />
</div></center>

</body>

tā tas aptuveni izskatās iekšā, man šķiet, ka viss ir pareizi! Un to margin es jau nomainīnu css faila uz 0 auto

Edited by Jamesons
Link to comment
Share on other sites

Tev šis meņu parādās tā kā tam būtu jāparādās šādā gadījumā. Lieta ir tā ka menu elementiem tiek izmantota css vērtība 'float: left' (peldošo objektu struktūra), tāpēc arī viņi izlīdzinās pa kreisi, ja lapas izmēri samazināsies, tad viņi sāks izkārtoties viens zem otra.

 

Šajā gadījumā risinājuma variants varētu būt sekojošs: izveido div kas būs kā konteineris menu, šim div uzliec platumu kāds ir lapas satura platums (pieļauju ka jābūt tādam kā tā vidējā baltā daļa) un tad arī centrē to konteineri, bet menu liec viņā iekšā.

Link to comment
Share on other sites

Var meiģināt atrisināt šādi šo problēmu, bet tev pašam jānorāda, kur tieši būs pa vidu:

 

Iekšs: csshorizontalmenu.css

 

margin-left: 150px; // norādi cik daudz tur vajag, nebūs precīzi tieši pa vidu, bet iespējams, ka trāpīsi.

 

.horizontalcssmenu ul{
margin: 0 auto;
padding: 0;
list-style-type: none;
margin-left: 150px;
}

Link to comment
Share on other sites

Norādot marginu pilnīgi noteikti radīsies problēmas ar dažādām izšķirtspējām ja pārējo saturu centrē.

 

 

Tas tiesa, bet, lai tieši norādītu pa vidu, lai nerādītos viens zem otra, jāpārveido visa struktūra.

Link to comment
Share on other sites

Njā, sākumā nepievērsu uzmanību, bet izskatās ka piemērā uz ko norāda Jamesona iemestais links menu platums ir mazliet lielāks par lapus satura lauku.. Varētu norādīt tā paša konteinera platumu atbilstošu, bet tas var radīt problēmas ja teiksim pastāv iespēja ka lapai menu lauciņu izmēri var mainīties, piemēram dažādu valodu pārslēgšanās rezultātā. Kaut gan pēc piemēra neizskatās ka menu lauciņu izmēri nebūs iepriekš zināmi.

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

Nu bet tad lūdzu pasakiet ko var mēģināt labot vai paeksperimentēt, tiešām šitajā js esmu 0!

 

edit: Oi sorry džeki neizlasīju, neievēroju dažus postus, tulīt pamēģināšu visu variantu. Paldies, ka palīdzat :)

 

edit2: NBS paldies! ar 150px netrāpiju, bet ar 327px trāpiju :)) Paldies visiem, kuri palīdzēja! :) tiešām liels paldies. biju izmisumā :))

Edited by Jamesons
Link to comment
Share on other sites

Jā, bet paskaties kā tā lapa izskatās uz 800*600 izšķirtspējas, pieļauju ka uz 1024*768 arī nobīde būs uz 1280*1024 jau smuki ir. Pie tam ne vienmēr mājas lapas (pārlūka) logs būs izstiepts pa visu ekrānu.

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


×
×
  • Create New...