J

탭을 표현하는데 문제가 있어 질문드립니다.

· 2010-11-06 (토) 21:12:13 · 2004 · 3

안녕하세요...
탭을 표현하는데 문제가 있어 질문드립니다.

탭의 내용이 변경이 되는 사항이라..
td 의 style에 background:url 로 탭의 배경 이미지를 넣고
td 태그 내에 탭의 제목을 넣었습니다.

그리고 탭이 5개의 탭으로 구성됩니다. 아래는 첫번째 탭에서 일부 발췌한 내용입니다.
아래 탭의 구성은 문제가 없으나...
문제가 되는것은 배경이미지가 처음에 페이지가 로딩되었을 때는 올바르게 나오나
탭을 누르면 배경이미지가 없어지기도 하고 탭의 일부분만 배경이 나오기도 하고 그러네요.

이런경우 어떻게 조치를 해야 되는지 여러분들의 의견 부탁드립니다.

   <tr id="productView0" style="display:block;">
    <td style="padding-top:5px"> 
    <table width="650" border="0" cellspacing="0" cellpadding="0">
      <tr>
            <td width="106" height="21" class="text011" align="left" style="padding-top:4px;">  <a href="javascript:;;" onclick="productView0.style.display=''; productView1.style.display='none'; productView2.style.display='none'; productView3.style.display='none'; productView4.style.display='none'; ">전신관리</a></td>
<td width="3"></td>
        <td width="106" height="21" class="text031" align="left" style="padding-top:4px;">  <a href="javascript:;;" onclick="productView0.style.display='none'; productView1.style.display=''; productView2.style.display='none'; productView3.style.display='none'; productView4.style.display='none'; ">얼굴관리</a></td>
<td width="3"></td>
        <td width="106" height="21" class="text031" align="left" style="padding-top:4px;">  <a href="javascript:;;" onclick="productView0.style.display='none'; productView1.style.display='none'; productView2.style.display=''; productView3.style.display='none'; productView4.style.display='none'; ">상체관리</a></td>
<td width="3"></td>
        <td width="106" height="21" class="text031" align="left" style="padding-top:4px;">  <a href="javascript:;;" onclick="productView0.style.display='none'; productView1.style.display='none'; productView2.style.display='none'; productView3.style.display=''; productView4.style.display='none'; ">하체관리</a></td>
<td width="3"></td>
        <td width="106" height="21" class="text031" align="left" style="padding-top:4px;">  <a href="javascript:;;" onclick="productView0.style.display='none'; productView1.style.display='none'; productView2.style.display='none'; productView3.style.display='none'; productView4.style.display=''; ">스페셜관리</a></td>
<td width="108"></td>
                
      </tr>
    </table>

|

댓글 3개

IE6.0에서 발생하는 문제네요..
IE8.0에서는 올바르게 나온다고 하는데...음...
제가 받은 디자인 표준을 고려하지 않은 HTML이랑..
저렇게 바꾸기가 무지 힘드네요..
아무튼 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
10-11-17 조회 2,477
10-11-17 조회 2,248
10-11-16 조회 2,547
10-11-16 조회 2,051
10-11-16 조회 2,274
10-11-15 조회 2,586
10-11-15 조회 2,243
10-11-15 조회 2,994
10-11-15 조회 2,004
10-11-15 조회 2,124
10-11-15 조회 2,678
10-11-15 조회 2,348
10-11-14 조회 1,997
10-11-14 조회 4,218
10-11-14 조회 2,521
10-11-14 조회 3,543
10-11-13 조회 3,369
10-11-13 조회 2,378
10-11-13 조회 3,591
10-11-12 조회 2,215
10-11-12 조회 2,616
10-11-11 조회 3,792
10-11-11 조회 2,019
10-11-11 조회 2,625
10-11-10 조회 2,855
10-11-10 조회 2,130
10-11-10 조회 2,489
10-11-10 조회 1,971
10-11-09 조회 3,289
10-11-09 조회 2,815
10-11-09 조회 2,154
10-11-09 조회 1,852
10-11-09 조회 1,924
10-11-09 조회 2,477
10-11-09 조회 2,440
10-11-08 조회 1,844
10-11-08 조회 1,732
10-11-08 조회 2,014
10-11-08 조회 2,020
10-11-08 조회 2,937
10-11-08 조회 1,848
10-11-08 조회 1,994
10-11-08 조회 1,959
10-11-08 조회 2,216
10-11-08 조회 2,964
10-11-07 조회 2,864
10-11-07 조회 1.6만
10-11-07 조회 4,444
10-11-06 조회 2,005
10-11-06 조회 2,005
10-11-06 조회 2,164
10-11-06 조회 1,941
10-11-06 조회 1,904
10-11-06 조회 1.3만
10-11-05 조회 2,509
10-11-05 조회 2,472
10-11-05 조회 2,616
10-11-04 조회 2,521
10-11-04 조회 1,871
10-11-04 조회 2,734
10-11-04 조회 2,250
10-11-04 조회 1,904
10-11-04 조회 2,066
10-11-04 조회 2,119
10-11-04 조회 2,679
10-11-04 조회 2,039
10-11-04 조회 2,013
10-11-04 조회 2,253
10-11-03 조회 2,032
10-11-03 조회 2,883
10-11-03 조회 2,590
10-11-03 조회 4,179
10-11-03 조회 2,886
10-11-03 조회 1,920
10-11-03 조회 1,882
10-11-02 조회 2,100
10-11-02 조회 2,721
10-11-02 조회 2,737
10-11-01 조회 1,944
10-11-01 조회 2,041
10-11-01 조회 2,322
10-11-01 조회 2,532
10-10-31 조회 2,302
10-10-31 조회 2,257
10-10-31 조회 2,514
10-10-30 조회 1,943
10-10-30 조회 1,908
10-10-30 조회 2,417
10-10-30 조회 1,912
10-10-29 조회 3,056
10-10-29 조회 3,643
10-10-29 조회 2,081
10-10-29 조회 2,163
10-10-29 조회 2,958
10-10-28 조회 2,258
10-10-28 조회 2,342
10-10-28 조회 2,743
10-10-28 조회 2,896
10-10-28 조회 3,169
10-10-27 조회 2,475