0

iPadに関して問題があります。これが私が取り組んでいるウェブサイトですhttp://www.gmbelt.com/index.html、問題は側面の下のナビゲーションバーとナビゲーションボタン（上部）と中央のバナーが作られていることですフラッシュで、iPadはフラッシュをサポートしていません。

とにかく、これらのアイテムをhtmlまたはcssで再作成できることはありますか？

助けていただければ幸いです、ありがとう。

これが私が使用しているコードです。

PSテーブルを使用してウェブサイトを作成するのは良い考えではないことは知っていますが、それは完了しており、ページがたくさんあり、時間がかかるため、レイアウトを変更していません。

<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:graham@gmbelt.com">graham@gmbelt.com</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>
4

2 に答える 2

0

Ipad はフラッシュをサポートしていません。ただし、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-11T12:18:52.620 に答える
0

iOS は Flash をサポートしていません。トップメニューの場合、このような単純なcssコマンドで十分です

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

左側のメニューについては、こちらを参照してください: http://www.htmldrive.net/items/show/1074/Vertical-Accordion-effect-with-jQuery-

于 2012-12-11T12:14:26.143 に答える