나는 회사의 웹 사이트를 다시 디자인하고 버튼 링크가있는 가로 방향 탐색 막대를 만들려고 노력하고 있습니다. 문제는 정확히 같은 메뉴가 모든 페이지 (100 개 이상 있음)에 표시되고 버튼 옵션이 앞으로 감소 할 수 있다는 것입니다.CSS의 일부로 버튼 텍스트와 링크를 포함하는 방법
제 질문은 : 버튼 텍스트와 관련 링크를 외부 CSS에 삽입하여 모든 페이지를 다시 코딩하고 나중에 편집하는 방법이 있습니까? 나는 내가 생각할 수있는 모든 것을 수색하고 시도했다. 아래의 코드는 아직 많은 작업이 진행되고 있으므로 조언을 제공해 주시면 감사하겠습니다.
관련 CSS :
/* BEGIN Menu Buttons*/
#menu {text-align:center;}
#menu ul {
display: inline-block;
list-style-type: none;
text-align: center;}
#menu ul li {
float: left;
width: 140px;
height:50px;
list-style-type:none;}
#menu li a {
width: 130px;
height:40px;
padding:5px;
display:block;
color: #fff ;
background-color: #000 ;
font: Times New Roman;
font-size:14pt;
line-height:40px;
text-align:center;
text-decoration: none ;
border-right:1px solid #fff;
border-left:1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;;}
#menu li a:hover {
border-top: 3px solid #000;
border-bottom: 3px solid #000;
outline: 1px solid #fff;
font-size:16pt;}
/* END Menu Buttons*/
관련 HTML :
<header>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="buy.html">Buy</a></li>
<li><a href="sell.html">Sell</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="parts.html">Parts</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</header>
어떤 유형의 프레임 워크를 사용하고 있습니까? .Net, PHP, Ruby 등 ... – snowYetis
내가 알고있는 것은 아니지만 의도적으로는 아닙니다. Dreamweaver CS4, 메모장 및 Apache OpenOffice를 사용하여 모든 것을 직접 작성하고 있습니다. – SalesAssistant
php는 사용하기 위해 설정해야 할 서버 측 언어입니다. 사용하는 경우 "알지 못하는"경우 가장 대답이 "아니오"보다 큽니다. 널리 사용 가능하지만 가장 좋은 해결책은 호스트 회사가 이미 서버에 설치되어있을 수도 있다는 것입니다 ... 서버에서 "hello world".php 파일을 시험해보고 볼 수 있는지 확인하십시오. 할 수 있으면, 당신은 모두 준비되어 있고 .php를 배우기 시작합니다. – Phlume