div navigation align problem!

hanpedro

I am making div navigation as included code.

<html><head> 
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /> 
<style type="text/css"> 
<!-- 
body { 
font-family: verdana, sans-serif; 
font-size: 11px; 
background: #f3f3f3; 
} 

h3 { 
font-size: 130%; 
} 

#top_hori_menu_body { 
width: 1000px; 
padding: 5px; 
margin: 20px 0 20px 0; 
border: 1px solid #ccc; 
background: #fff; 
} 

#top_hori_menu_tabs { 
margin: 0; 
padding: 0 0 20px 10px; 
border-bottom: 1px solid #696; 
} 

#top_hori_menu_tabs li { 
margin: 0; 
padding: 0; 
display: inline; 
list-style-type: none; 
} 

#top_hori_menu_tabs a:link, #top_hori_menu_tabs a:visited { 
float: left; 
font-size: 10px; 
line-height: 14px; 
font-weight: bold; 
margin: 0 10px 4px 10px; 
text-decoration: none; 
color: #9c9; 
} 

#top_hori_menu_tabs a.active:link, #top_hori_menu_tabs a.active:visited, #top_hori_menu_tabs a:hover { 
border-bottom: 4px solid #696; 
padding-bottom: 2px; 
background: #fff; 
color: #363; 
} 

#top_hori_menu_tabs a:hover { 
color: #696; 
} 

#tabs_foot { 
color: #999; 
} 


--> 
</style> 
</head> 

<body> 

<div id="top_hori_menu_body"> 
<ul id="top_hori_menu_tabs"> 
<li><a href=http://test>test_navi_1</a></li> 
<li><a href=http://test>test_navi_2</a></li> 
<li><a href=http://test>test_navi_3</a></li> 
<li><a href=http://test>test_navi_4</a></li> 
<li><a href=http://test>test_navi_5</a></li> 
<li><a href=http://test>test_navi_6</a></li> 
</ul> 
</div> 
</body> 
</html>

But, I add right align code, this navigation doesn't move as it is.

ul#menutabs { 
    float:right; 
} 

ul#menutabs li { 
    float:left; 
}

How can I move this navigation to right as it is?

FijiSmithy

What if you used Align tags instead of float tags.

hanpedro

FijiSmithy,

FijiSmithy;10892862 wrote:
What if you used Align tags instead of float tags.

It shows same.
Navgatign swingly.

<html><head> 
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /> 
<style type="text/css"> 
<!-- 
body { 
font-family: verdana, sans-serif; 
font-size: 11px; 
background: #f3f3f3; 
} 

h3 { 
font-size: 130%; 
} 

#top_hori_menu_body { 
width: 1000px; 
padding: 5px; 
margin: 20px 0 20px 0; 
border: 1px solid #ccc; 
background: #fff; 
} 

#top_hori_menu_tabs { 
margin: 0; 
padding: 0 0 20px 10px; 
border-bottom: 1px solid #696; 
} 

#top_hori_menu_tabs li { 
margin: 0; 
padding: 0; 
display: inline; 
list-style-type: none; 
} 

#top_hori_menu_tabs a:link, #top_hori_menu_tabs a:visited { 
float: left; 
font-size: 10px; 
line-height: 14px; 
font-weight: bold; 
margin: 0 10px 4px 10px; 
text-decoration: none; 
color: #9c9; 
} 

#top_hori_menu_tabs a.active:link, #top_hori_menu_tabs a.active:visited, #top_hori_menu_tabs a:hover { 
border-bottom: 4px solid #696; 
padding-bottom: 2px; 
background: #fff; 
color: #363; 
} 

#top_hori_menu_tabs a:hover { 
color: #696; 
} 

#tabs_foot { 
color: #999; 
} 

ul#menutabs { 
    float:right; 
} 

ul#menutabs li { 
    float:left; 
} 
--> 
</style> 
</head> 

<body> 

<div id="top_hori_menu_body"> 
<ul id="top_hori_menu_tabs"> 
<li><a href=http://test>test_navi_1</a></li> 
<li><a href=http://test>test_navi_2</a></li> 
<li><a href=http://test>test_navi_3</a></li> 
<li><a href=http://test>test_navi_4</a></li> 
<li><a href=http://test>test_navi_5</a></li> 
<li><a href=http://test>test_navi_6</a></li> 
</ul> 
</div> 
</body> 
</html>

And if change both float to align, navigation lacated at left side. I want left side at 1000px top.

bpat1434

Okay....

In your example, there is no UL element with the ID of "menutabs". I see "top_hori_menu_tabs" but not "menu_tabs".

hanpedro

bpat1434,

Thanks for your comment.

However, the result is same.

menutabs -> top_hori_menu_tabs

ul#top_hori_menu_tabs { 
    float:right; 
} 

top_hori_menu_tabs {
   float:left; 
}

bpat1434;10892881 wrote:
Okay....

In your example, there is no UL element with the ID of "menutabs". I see "top_hori_menu_tabs" but not "menu_tabs".

bpat1434

What is the ultimate goal of the design you're trying to achieve? Do you want the list elements on the left or right side of the UL?

hanpedro

bpat1434,

I want locate this menu left side of top - 1,000px length.

bpat1434;10892954 wrote:
What is the ultimate goal of the design you're trying to achieve? Do you want the list elements on the left or right side of the UL?

bpat1434

Okay, well I've got two "scenarios" for you to look at. One is your original code, the other is modified. Go to:

http://miscellaneous.dev.bpatterson.info:8080/phpBuilder/userHelp/hanpedro/10360662/

Compare and contrast them, and define what you want. Your original code does float it to the left; so you'll need to really explain what you're trying to achieve.

hanpedro

bpat1434,

Thank you for your kindness.

bpat1434;10893021 wrote:
Okay, well I've got two "scenarios" for you to look at. One is your original code, the other is modified. Go to:

http://miscellaneous.dev.bpatterson.info:8080/phpBuilder/userHelp/hanpedro/10360662/

Compare and contrast them, and define what you want. Your original code does float it to the left; so you'll need to really explain what you're trying to achieve.