Xe레이아웃으로 게임사이트를 배끼고 있는데..
Div id 가 메뉴마다 다르면 어떤식으로 짜야 하나요? 혹시 css 를 수정 해야하나요?
-
?
배포나 운영은 안하고 그냥 공부겸 만들고 지웁니다..
말을 잘못했네요 ..
Class 가 메뉴마다 다를때는 어케 해야하나요? -
?
같은 스타일을 적용하는데 클래스 명이 다른건 원 저작자가 제대로 만들지 못한 것이고, 스타일이 다르다면 각각 써주어야겠지요 :)
loop 문 바깥에서 변수 하나를 설정하시고 {$idx++} 같은 식으로 이용하시면 각 항목마다 다른 이름을 만드실 수 있을거에요. -
다르면 어떡하냐에 의미를 잘 이해하지 못하겠네요.
다르면 다른대로 css를 정의하시면 되고
다르지만 모두 같은 스타일을 줘야한다면
임의 클래스를 추가하여 추가한 클래스에 공통으로 들어갈 스타일을 주면 됩니다. -
실제 사이트의 소스? 를 볼때
가끔 보면 이런 메뉴들이 있습니다.~
<div id="menu1">
<div class="menu1">
<li>메뉴1</li>
</div>
<div id="menu2">
<div class="menu2">
<li>메뉴2</li>
</div>
이런씩으로 메뉴 하나하나 id가 다르고 class가 다릅니다... -
class가 다른 게 문제가 있는 건 아니지 않나요? 다른데 style은 통일시킬려면 임의로 class로 넣어주거나 하시면 될 것이고..
그냥 클래스 이름을 다르게 하고 싶다 하시면
loop 밖에서 {@ count=0; } 이렇게 변수 하나 설정해주시고 loop안에 {@ count++ } 하신다음에
메뉴 id 부분에 menu{$count} 와 같이 선언해주면
말씀하신 것처럼 메뉴마다 다르게 되지요.그리고 위의 예시는 오류가 있는데 li 태그는 <ul> 하위 요소입니다. ul 없이 단독으로 쓰일 수 없습니다.
마지막으로, 만약 아이디가 다 다른데 직접 컨트롤은 안되지만 일괄로 변경하고 싶다라는 게 목적이라면
보통 메뉴는 <ul>태그로 묶여있을 겁니다.
ul 태그에 class나 id가 있다면 ( 예를 들어 id='menu' )
면
#menu > li { 적용할 스타일 }
이런식으로 접근하면 됩니다.
-
아 넵 자세히 알려주셔서 감사합니다 ^^
같은 스타일을 여러 요소에 적용하고 싶으면 class 를 이용하세요.
HTML
<div id="iamdiv1" class="iamdiv"></div>
CSS
#iamdiv1 {}
.iamdiv {}
div.iamdiv {}