Позиционирам с div и използвам java бутони+css но БЪГ

lamer · 4 Декември 2007

Значи искам да позиционирам с див и дива да отиде в средата и в същото време да използвам java бутони и скрол да ама не

Java бутоните са тук в друг файл( http://bugnati.hit.bg/new_menu2.js ):

Код:

function cdd_menu797231(){//////////////////////////Start Menu Data/////////////////////////////////    //Unique Menu Id	this.uid = 797231/**********************************************************************************************                               Icon Images**********************************************************************************************//**********************************************************************************************                              Global - Menu Container Settings**********************************************************************************************/	this.menu_background_color = "#cccccc"	this.menu_border_color = "#999999"	this.menu_border_width = "1"	this.menu_padding = "0,0,0,0"	this.menu_border_style = "solid"	this.divider_caps = false	this.divider_width = 4	this.divider_height = 0	this.divider_background_color = "transparent"	this.divider_border_style = "none"	this.divider_border_width = 0	this.divider_border_color = "#000000"	this.menu_is_horizontal = false	this.menu_width = "100"	this.menu_xy = "-80,-2"	this.menu_scroll_direction = 1	this.menu_scroll_reverse_on_hide = true	this.menu_scroll_delay = 5	this.menu_scroll_step = 8/**********************************************************************************************                              Global - Menu Item Settings**********************************************************************************************/	this.menu_items_background_color_roll = "#999999"	this.menu_items_text_color = "#000000"	this.menu_items_text_decoration = "none"	this.menu_items_font_family = "Verdana"	this.menu_items_font_size = "11px"	this.menu_items_font_style = "normal"	this.menu_items_font_weight = "normal"	this.menu_items_text_align = "left"	this.menu_items_padding = "3,2,3,3"	this.menu_items_border_style = "solid"	this.menu_items_border_color = "#000000"	this.menu_items_border_width = 0	this.menu_items_width = 98	this.menu_items_text_color_roll = "#ffffff"/**********************************************************************************************                              Main Menu Settings**********************************************************************************************/        this.menu_background_color_main = "#ffffff"        this.menu_items_background_color_roll_main = "transparent"        this.menu_items_text_color_main = "#666666"        this.menu_items_text_color_roll_main = "#000000"        this.menu_items_background_image_main = "main_default.gif"        this.menu_items_background_image_roll_main = "main_roll.gif"        this.menu_items_font_family_main = "Verdana"        this.menu_items_font_weight_main = "bold"        this.menu_items_font_style_main = "normal"        this.menu_items_font_size_main = "11px"        this.menu_border_width_main = "0"        this.menu_padding_main = "0,0,0,0"        this.menu_items_padding_main = "4,5,11,0"        this.menu_is_horizontal_main = true        this.item0 = "Products"        this.item1 = "Solutions"        this.item2 = "Support"        this.item3 = "Purchase"        this.item4 = "Company"/**********************************************************************************************                              Sub Menu Settings**********************************************************************************************/    //Sub Menu 0        this.menu_xy0 = "-98,0"        this.menu_width0 = "98"        this.item0_0 = "All<br>"        this.item0_1 = "Acrobat Family"        this.item0_2 = "Document<br>Services"        this.item0_3 = "Digital Imaging"        this.item0_4 = "Video and<br>Audio"        this.item0_5 = "Web Publishing"        this.item0_6 = "Print Publishing<br>"        this.url0_0 = "sample_link.html"        this.url0_1 = "sample_link.html"        this.url0_2 = "sample_link.html"        this.url0_3 = "sample_link.html"        this.url0_4 = "sample_link.html"        this.url0_5 = "sample_link.html"        this.url0_6 = "sample_link.html"    //Sub Menu 1        this.menu_xy1 = "-98,0"        this.menu_width1 = "98"        this.item1_0 = "Enterprise<br>"        this.item1_1 = "Government<br>"        this.item1_2 = "Adobe Studio<br>"        this.item1_3 = "Digital Imaging<br>"        this.item1_4 = "Education<br>"        this.item1_5 = "Partners<br>"        this.url1_0 = "sample_link.html"        this.url1_1 = "sample_link.html"        this.url1_2 = "sample_link.html"        this.url1_3 = "sample_link.html"        this.url1_4 = "sample_link.html"        this.url1_5 = "sample_link.html"    //Sub Menu 2        this.menu_xy2 = "-98,0"        this.menu_width2 = "98"        this.item2_0 = "Support Main<br>"        this.item2_1 = "Downloads"        this.item2_2 = "Training"        this.item2_3 = "Forums"        this.item2_4 = "Announcements"        this.url2_0 = "sample_link.html"        this.url2_1 = "sample_link.html"        this.url2_2 = "sample_link.html"        this.url2_3 = "sample_link.html"        this.url2_4 = "sample_link.html"    //Sub Menu 3        this.menu_xy3 = "-98,0"        this.menu_width3 = "98"        this.item3_0 = "Adobe Store"        this.item3_1 = "Your Account"        this.item3_2 = "Volume Licensing"        this.item3_3 = "Other ways to<br>buy"        this.item3_4 = "Customer<br>Service"        this.url3_0 = "sample_link.html"        this.url3_1 = "sample_link.html"        this.url3_2 = "sample_link.html"        this.url3_3 = "sample_link.html"        this.url3_4 = "sample_link.html"    //Sub Menu 4        this.menu_xy4 = "-98,0"        this.menu_width4 = "98"        this.item4_0 = "About Adobe"        this.item4_1 = "Press"        this.item4_2 = "Jobs"        this.item4_3 = "Investors"        this.item4_4 = "Adobe Ventures"        this.item4_5 = "Community"        this.item4_6 = "Contact Adobe"        this.url4_0 = "sample_link.html"        this.url4_1 = "sample_link.html"        this.url4_2 = "sample_link.html"        this.url4_3 = "sample_link.html"        this.url4_4 = "sample_link.html"        this.url4_5 = "sample_link.html"        this.url4_6 = "sample_link.html"}///////////////////////// END Menu Data ///////////////////////////////////////////Document Level Settingscdd__activate_onclick = falsecdd__showhide_delay = 100cdd__url_target = "_self"cdd__url_features = "resizable=1, scrollbars=1, titlebar=1, menubar=1, toolbar=1, location=1, status=1, directories=1, channelmode=0, fullscreen=0"cdd__display_urls_in_status_bar = truecdd__default_cursor = "hand"if (window.showHelp){b_type = "ie"; if (!window.attachEvent) b_type += "mac";}if (document.createElementNS) b_type = "dom";if (navigator.userAgent.indexOf("afari")>-1) b_type = "safari";if (window.opera) b_type = "opera"; qmap1 = "\<\script language=\"JavaScript\" vqptag='loader_sub' src=\""; qmap2 = ".js\">\<\/script\>";;function iesf(){};;function vqp_error(val){alert(val)}if (b_type){document.write(qmap1+cdd__codebase+"pbrowser_"+b_type+qmap2);document.close();}

и нали правя го като нормалните хора самоче не позиционира дива в средата нищо че използвам margin-left:auto;
margin-right:auto; и вижте кво става с моя браузър(ЕКСПЛОРЕР7 ПОСЛЕДЕН ЪПДЕИТ) http://bugnati.hit.bg/new_menu2.html :

Код:

<html>
<style type="text/css">

div.menu{
background:#ffffff;
margin-left:auto;
margin-right:auto;
height:700px;
width:860px;
}
</style>
<body>
<div class="menu">
<br>
<script language="JavaScript" vqptag="doc_level_settings" is_vqp_html=4 vqp_datafile0="new_menu2.js" vqp_uid0=797231>cdd__codebase = "";cdd__codebase797231 = "";</script>
<script language="JavaScript" vqptag="datafile" src="new_menu2.js"></script>
<script vqptag="placement" vqp_menuid="797231" language="JavaScript">create_menu(797231)</script>
</div>
</body>
</html>

после видях че в сайтове слагат при див този ред:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

да дива застана в средата но стилът на скрола не го разчете и java-та се бъгна ето: http://bugnati.hit.bg/new_menu2.2.html
ето сорса:

Код:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<style type="text/css">
<!-
-body{
                        background:#BB3E10;
			SCROLLBAR-FACE-COLOR: #BB3E10;
		   	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	   		SCROLLBAR-3DLIGHT-COLOR: #666666;
	   		SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	   		SCROLLBAR-DARKSHADOW-COLOR: #666666;
	   		SCROLLBAR-ARROW-COLOR: #EAEAEA;
	   		SCROLLBAR-TRACK-COLOR: #EAEAEA;
}
-->
div.menu{
background:#ffffff;
margin-left:auto;
margin-right:auto;
height:700px;
width:860px;
}
</style>
<body>
<div class="menu">
<br>
<script language="JavaScript" vqptag="doc_level_settings" is_vqp_html=4 vqp_datafile0="new_menu2.js" vqp_uid0=797231>cdd__codebase = "";cdd__codebase797231 = "";</script>
<script language="JavaScript" vqptag="datafile" src="new_menu2.js"></script>
<script vqptag="placement" vqp_menuid="797231" language="JavaScript">create_menu(797231)</script>
</div>
</body>
</html>

викам аз съм гении и ще го направя и ... махнах реда :Д и понеже съм много умен :Д викам ето слагам <center> преди дива и </center> след дива и мисля че ще стане..Да стана но прати и бутоните в средата а не трябва(мога да ги сложа в друг див ама се пак това е селско) етп гп резултата http://bugnati.hit.bg/new_menu2.1.html
сорс:

Код:

<html>
<style type="text/css">

div.menu{
background:#ffffff;
margin-left:auto;
margin-right:auto;
height:700px;
width:860px;
}
</style>
<body>
<center>
<div class="menu">
<br>
<script language="JavaScript" vqptag="doc_level_settings" is_vqp_html=4 vqp_datafile0="new_menu2.js" vqp_uid0=797231>cdd__codebase = "";cdd__codebase797231 = "";</script>
<script language="JavaScript" vqptag="datafile" src="new_menu2.js"></script>
<script vqptag="placement" vqp_menuid="797231" language="JavaScript">create_menu(797231)</script>
</div>
</center>
</body>
</html>

MontefuckeR · 4 Декември 2007

дива ти започва така:
<div align="center" >
информацията в дива..........
</div>
добави това червеното и кажи резултата

lamer · 4 Декември 2007

MontefuckeR каза:
дива ти започва така:
<div align="center" >
информацията в дива..........
</div>
добави това червеното и кажи резултата

сложих но цемтрира само садържанието на дива сиреч бутоните отиват в средата но дива си седи в ляво....... http://bugnati.hit.bg/new_menu2.3.html

K0ceTo · 4 Декември 2007

<div margin-left="100px" margin-right="100px" align="center" >

Това ще ти отдалечи дива от краищата на страницата със 100px (можеш да смениш цифрата, докато ти дойде добре).

За да е в средата, остави числата да са равни!

Не съм много сигурен, дали ще бачка, понеже това си го правя със външен стил, но опитай.

lamer · 4 Декември 2007

K0ceTo каза:
<div margin-left="100px" margin-right="100px" align="center" >

Това ще ти отдалечи дива от краищата на страницата със 100px (можеш да смениш цифрата, докато ти дойде добре).

За да е в средата, остави числата да са равни!

Не съм много сигурен, дали ще бачка, понеже това си го правя със външен стил, но опитай.

Код:

<div margin-left="100px" margin-right="100px" align="center">
<div class="menu">
<br>
<script language="JavaScript" vqptag="doc_level_settings" is_vqp_html=4 vqp_datafile0="new_menu2.js" vqp_uid0=797231>cdd__codebase = "";cdd__codebase797231 = "";</script>
<script language="JavaScript" vqptag="datafile" src="new_menu2.js"></script>
<script vqptag="placement" vqp_menuid="797231" language="JavaScript">create_menu(797231)</script>
</div>
</div>

ефекта е същия като <center> центрира и садържанието на дива ако е текст който трябва да почва от началото ще се центрира явно align центрира и садържание значи трябва да е друго което центрира само дива ако знаете какво е пишете...... в случая резултата е това http://bugnati.hit.bg/new_menu2.4.html

MontefuckeR · 4 Декември 2007

Значи центирай дива с бутоните вътре и тях да са на центара после на тях даи да отидат в ляво

K0ceTo · 4 Декември 2007

Опааа, извинявай човек, не съм махнал alighn="center"

затова става така

<div margin-left="100px" margin-right="100px">

Ето.

Само 100px сигурно ще са ти много, може да ги намалиш.

lamer · 5 Декември 2007

MontefuckeR каза:
Значи центирай дива с бутоните вътре и тях да са на центара после на тях даи да отидат в ляво

Няма да стане ве аз искам да имам главен див който да праща другите дивове в центара без да центрира садържанието им представиси че имам хиляда дива тва ше рече че всеки див ще сложи всеки един обект в средата което ще размести страницата ако има друг начин за позициониране кажете......

lamer · 5 Декември 2007

K0ceTo каза:
Опааа, извинявай човек, не съм махнал alighn="center"

затова става така

<div margin-left="100px" margin-right="100px">

Ето.

Само 100px сигурно ще са ти много, може да ги намалиш.

искам дива да е в средата така ще седи в ляво пак и няма да го центрира просто ще се измести с 100 пиксела в дясно смисъла...

StormBreaker · 5 Декември 2007

http://web-tourist.net/forum/viewtopic.php?t=28212&highlight=div

Виж моя пост.

jooorooo · 5 Декември 2007

Код:

body 
   { 
      text-align: center; 
   }

lamer · 5 Декември 2007

jooorooo каза:
Код:

body { text-align: center; }

АВЕ ГЛЕДАЙТЕ ПРЕДИ ДА ПИШЕТЕ ВЕ АЛИГН ЦЕНТРИРА ВСИЧКО

StormBreaker:
Аве така става ама тогава за какво са измислили маргин лефт маргин раит след като не работи като хората бахти простите хора са тея дето са го писали езика цсс

K0ceTo · 5 Декември 2007

Не разбирам защо с маргин не става?

Трябва да ти го отдалечеи на еднакво разстояние от ъглите на страницата.

jooorooo · 5 Декември 2007

Код:

 body 
   { 
      text-align: center; 
   }

центрира всичко, след това ползваш

Код:

.klas_nekakav 
   { 
      text-align: left; 
   } 

.klas_drug 
   { 
      text-align: left; 
   }

и си готов. и CSS си е много хубаво нещо, тва, че не го разбирате не значи че е глупав.

Позиционирам с div и използвам java бутони+css но БЪГ

lamer

Registered

MontefuckeR

Registered

lamer

Registered

K0ceTo

Registered

lamer

Registered

MontefuckeR

Registered

K0ceTo

Registered

lamer

Registered

lamer

Registered

StormBreaker

Registered

jooorooo

Registered

lamer

Registered

K0ceTo

Registered

jooorooo

Registered