플래시 항목이 Ipad에 표시되지 않습니다

ipad와 관련하여 문제가 있습니다. 여기에 내가 작업하고있는 웹 사이트는 http://www.gmbelt.com/index.html입니다. 문제는 네비게이션 바가 측면에 있고 탐색 버튼 (위쪽)이 가운데에있는 배너가 플래시로되어 있고 ipad가 플래시를 지원하지 않는다는 것입니다.플래시 항목이 Ipad에 표시되지 않습니다

어쨌든 이러한 항목을 html 또는 css로 다시 만들 수 있습니까?

도움을 주시면 감사하겠습니다.

여기에 제가 사용하고있는 코드가 있습니다.

추신 : 나는 테이블을 사용하여 웹 사이트를 만드는 것이 좋지 않다는 것을 알고 있지만, 끝났습니다. 많은 페이지가 있고 오랜 시간이 걸릴 것이므로 레이아웃을 변경하지 않을 것입니다.

<html> 

<head> 
<meta name="GENERATOR" content="Microsoft FrontPage 5.0"> 
<meta name="ProgId" content="FrontPage.Editor.Document"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>Home</title> 
<link rel="stylesheet" type="text/css" href="CSS/stylesheet.css" /> 
<link rel="stylesheet" type="text/css" href="CSS/stylesheet_css_buttons.css" /> 
<link rel="stylesheet" type="text/css" href="CSS/stylesheet_zen_lightbox.css" /> 
</head> 

<body bgcolor="#1B3917"> 

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%"> 
<tr> 
<td width="100%"> 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="507"> 
<tr> 
<td rowspan="2" height="175">&nbsp;</td> 
<td width="1027" colspan="2" height="136"> 
<p align="center"> 
<img border="0" src="images/header.jpg" width="989" height="140"></td> 
<td rowspan="2" height="175">&nbsp;</td> 
</tr> 
<tr> 
<td width="1027" colspan="2" height="39"> 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"> 
<tr> 
<td width="75"><SCRIPT src="displayFlashbutton_home.js"></SCRIPT></td> 
<td width="75"><SCRIPT src="displayFlashbutton_contact.js"></SCRIPT></td> 
<td width="75"><SCRIPT src="displayFlashbutton_about.js"></SCRIPT></td> 
<td width="75%"><SCRIPT src="displayFlashbutton_downloads.js"></SCRIPT></td> 
</tr> 
</table> 
</td> 
</tr> 
<tr> 
<td height="166" rowspan="2">&nbsp;</td> 
<td width="150" height="166" rowspan="2">&nbsp;<SCRIPT src="displayFlashmenu.js"> </SCRIPT></td> 
<td width="877" height="90" valign="top"> 
<p align="center">&nbsp;<SCRIPT src="displayFlashbanner.js"></SCRIPT></td> 
<td height="166" rowspan="2">&nbsp;</td> 
</tr> 
<tr> 
<td> 
<table border="1" bordercolor="#FFFFFF" height="100%" width="100%"> 
<tr> 
<td align="center" width="100%" height="83" style="border:0">Please note, the home page is undergoing maintenance.<br><strong>However the menu and product items are fully working.</strong><br />We apologise for any inconvienice.<br />If you have any inquiries please contact Graham on 01455 271171 or <a href="mailto:[email protected]">[email protected]</a></td> 
</tr> 
<tr> 
<td height="150px" width="100%" style="border:0">&nbsp;</td> 
</tr> 
<tr> 
<td height="150px" width="100%" style="border:0">&nbsp;</td> 
</tr> 
<tr> 
<td height="150px" width="100%" style="border:0">&nbsp;</td> 
</tr> 
</table> 
</td> 
</tr> 
<tr> 
<td height="166">&nbsp;</td> 
<td width="150" height="166">&nbsp;</td> 
<td width="877" height="166"> 
<p align="center"> 
<span style="color: rgb(170, 170, 170); font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(27, 57, 22); display: inline !important; float: none; ">Copyright © 2012<span class="Apple-converted-space">&nbsp;</span></span><a href="http://www.gmbelt.com/index.html" target="_blank" style="color: rgb(153, 153, 153); text-decoration: none; font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(27, 57, 22); ">Glen Esk Celtic and Highland Supplies<br></a> 
<a class="mrk" href="http://www.thepcclinicuk.com/" target="_blank" style="color: rgb(153, 153, 153); text-decoration: none; background-color: rgb(27, 57, 22); font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">Layout Design by The PC Clinic UK Ltd</a></td> 
<td height="166">&nbsp;</td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 

</body> 

</html>

출처

2012-12-10 Sonnyjimjr3

iOS의 플래시? CSS 및 : hover와 동일한 효과를 얻을 수 있습니다. – Vucko

기본적으로 ipad에있는 사이트로 이동하면 메뉴가 작동하지 않습니다. 플래시 메뉴이고 ipad는 플래시를 지원하지 않는 것 같아요. 그래서 웹 사이트의 메뉴와 비슷한 메뉴를 만들고 싶습니다.하지만 그래서 그것은 ipad에서 작동합니다. – Sonnyjimjr3

Ipad에 나던 지원 플래시 : 상단 메뉴의 경우, 간단한 CSS는 당신이 여기에서 찾아보실 수 있습니다 왼쪽 메뉴에 대해이 충분히

.a{background-image:url('bg.gif');} 
.a:hover{background-image:url('bg_hover.gif');}

같은 명령. 그러나 당신은

그들에서 사진을 확인 ... HTML과 CSS를 다시 작성하고 CSS로 메뉴를 만들 수 있습니다

CSS

.ul li.menu1 a { 
    display:block; 
    width:20px; 
    height:20px; 
    background-image:url('image.png'); 
} 
.ul li.menu1 a:hover { 
    background-image:url('imagehover.png'); 
} 

.ul li.menu2 a { 
    display:block; 
    width:20px; 
    height:20px; 
    background-image:url('image2.png'); 
} 
.ul li.menu2 a:hover { 
    background-image:url('image2hover.png'); 
}

HTML

<ul> 
    <li class="menu1"><a href="#"></a></li> 
    <li class="menu2"><a href="#"></a></li> 
</ul>

출처

2012-12-11 12:18:52 Ladineko

플래시를 사용하지 않고 메뉴가 변경되었습니다. 이제 문제는 링크 위로 마우스를 가져 가면 전체 텍스트를 강조 표시하고 텍스트를 읽을 수 없다는 것입니다 (주로 강조 표시의 색상 때문 임) 강조 표시를 링크에서 제거 할 수 있습니까? 새로운 메뉴 http://www.gmbelt.com/index.html에 대한 링크 – Sonnyjimjr3

a : hover에 추가 한 내용은 모두 강조 표시됩니다. 텍스트 아래의 줄을 의미한다고 가정하면 ... a : hover 클래스에서 text-decoration : none;을 사용합니다. – Ladineko

아, 무슨 뜻인지 보시죠 ... 배경색입니다 .hover에서 배경색 클래스 제거 : 호버 – Ladineko

iOS는 플래시를 지원하지 않습니다. http://www.htmldrive.net/items/show/1074/Vertical-Accordion-effect-with-jQuery-

출처

2012-12-11 12:14:26 kvasirr

플래시 항목이 Ipad에 표시되지 않습니다

답변

관련 문제