안녕하세요 웹 디자인을 처음 접했지만 내 탐색이 상단에 정렬되거나 li에서 총알을 제거하지 못합니다. 나는 그것을 해결했지만 페이지의 나머지 부분을 방해하기 시작하여 일부를 다시 작업했으며 지금 작동하지 못했습니다. 어떤 도움이라도 대단히 감사하겠습니다!
.menuitem {
list-style-type: none;
text-align: center;
color: #fff;
text-decoration: none;
width: 240px;
}
#navigation {
width: 1000px;
background-color: #0b61a4;
font-size: 18pt;
}
nav a:visited{
text-decoration: none;
width: 240px;
float: left;
margin-left: -20px;
margin-bottom: -6px;
}
nav a:hover {
color: #CED9D9;
text-decoration: none;
width: 240px;
float: left;
margin-left: -20px;
margin-bottom: -6px;
}
nav a:link{
text-decoration: none;
width: 240px;
float: left;
margin-left: -20px;
margin-bottom: -6px;
}
nav a:active {
text-decoration: none;
width: 240px;
float: left;
margin-left: -20px;
margin-bottom: -6px;
}
HTML
<div id="navigation">
<ul>
<li><a href="index.html" class="menuitem">Home</a></li>
<li><a href="pharmacy_solutions" class="menuitem">Pharmacy Solutions</a></li>
<li><a href="about_us.html" class="menuitem">About Us</a></li>
<li><a href="contact_us.html" class="menuitem">Contact Us</a></li>
</ul>
</div>
이런 건 어때? http://jsfiddle.net/ACQ27/2/
#navigation {
width: 1040px;
background-color: #0b61a4;
font-size: 18pt;
}
#navigation ul{
list-style-type: none;
text-align: center;
color: #fff;
display:inline-block;
}
#navigation ul li {
display:inline-block;
width: 240px;
margin-bottom: -6px;
}
#navigation ul li a {
color: #fff;
text-decoration: none;
}
#navigation ul li a:hover {
color: #CED9D9;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다