2017-12-04 2 views
-1

웹 사이트의 다른 모든 페이지에서 탐색 모음은 일반 글꼴이지만 어떤 이유로 홈 페이지 탐색 모음의 글꼴은 기울임 꼴로 표시됩니다. 나는 완전히이 기울임 꼴이 없거나 어디를 변경하려면 검색 할 수 있도록 그것을 만들 그래서 당신은 <em>를 사용하는내 탐색 막대의 단어에서 이탤릭체를 제거하려면 어떻게합니까?

http://surbaisse.com/index.html

#tabsJ { 
    float:left; 
    width:100%; 
    background:#F4F4F4; 
    font-size:93%; 
    line-height:normal; 
     border-bottom:1px solid #24618E; 
    } 
#tabsJ ul { 
    margin:0; 
    padding:10px 10px 0 50px; 
    list-style:none; 
    text-align: center; 
    } 
#tabsJ li { 
    display:inline-block; 
    margin:0; 
    padding:0; 
    } 
#tabsJ li a:hover { 
    background color: #111 
    } 
#tabsJ a { 
    float:left; 
    background:url(file:///C|/Users/xw4600/Documents/Bugatti Dave/tableftJ.gif) no-repeat left top; 
    margin:0; 
    padding:0 0 0 5px; 
    text-decoration:none; 
    } 
#tabsJ a span { 
    float:left; 
    display:block; 
    background:url(file:///C|/Users/xw4600/Documents/Bugatti Dave/tabrightJ.gif) no-repeat right top; 
    padding:5px 15px 4px 6px; 
    color:#24618E; 
    } 
/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
#tabsJ a span {float:none;} 
/* End IE5-Mac hack */ 
#tabsJ a:hover span { 
    color:#FFF; 
    } 
#tabsJ a:hover { 
    background-position:0% -42px; 
    } 
#tabsJ a:hover span { 
    background-position:100% -42px; 
    } 

    #tabsJ #current a { 
      background-position:0% -42px; 
    } 
    #tabsJ #current a span { 
      background-position:100% -42px; 
      color:#FFF; 
    } 
+1

제발, navbar를 만드는 데 사용하는 코드를 게시하십시오. –

+0

Ok 업데이트 됨 – Sol

답변

0

를이 텍스트 italic.Your 마크 업을하게 도와주세요 방법을 잊어 버린 구조가 좋지 않다. 당신이 <em> 태그에 넣어 때문에

사이트를 검토 한 후 #tabsJ font-style: normal;

+0

고마워요. – Sol

0

에 CSS에서 추가 텍스트가 이탤릭체로 인 이유입니다. w3schools에서 볼 수 있듯이 <em>은 여는 태그와 닫는 태그 사이의 문자열을 강조하여 이탤릭체로 표시합니다.

#Layer3에서 3 em 블록을 제거하십시오.

또한 잘못된 방식으로 생각하지 말고 HTML 구조가 끔찍합니다. 앞으로도 쉽게 유지할 수 있도록 사이트의 구조를 다시 고려하십시오.

예를 들어 eminline 유형 요소이고 div은 블록 유형 요소입니다. 블록 요소를 인라인 요소에 넣는 것은 불가능하지는 않지만 피해야합니다. 유지 관리가 가능한 구조와 정상적인 CSS를보다 어렵게 만들고, 장래에 두통, 눈물 및 맹세로 이어질뿐입니다.

+0

하하, 고맙습니다. 그래, 나도 알아, 웹 사이트의 구조가 꽤 지저분하지만 다른 사람에 의해 완료되었고 나는 그것을 시각적으로 보이게하려고 노력하고있다 ... 더 나은 (만약에 가능하다면 나의 스킬은 거의 없다.) – Sol

관련 문제