web,direction,planning,graphicdesign

2010年11月29日月曜日

携帯サイト 罫線について

hrタグの表示が3キャリアで違う
ほぼ同じように表示するには

<hr size"1" style="width:100%;height:1px; margin:2px 0;padding:0;color:色指定;background:色指定;border:1px solid 色指定;" />

■spacer.gifをつかって1pxの線を表示

<div style="background-color:色指定;" />
<img src="spacer.gif" width="1" height="1" />
<br />
<div />

携帯サイト制作テンプレート

■iモード

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS">
<meta equiv="Content-Style-Type" content="text/css">
<meta equiv="pragma" content="no-cache">
<meta equiv="cache-control" content="no-cache">
<meta equiv="expires" content="-1">
<meta name="robots" content="index,follow">
<meta name="keywords" content="">
<meta name="description" content="">
<title>wagaco</title>
<style type="text/css">
<![CDATA[ a:link{} a:focus{} a:visited{} ]]>
</style>



■au(DOCTYPEが違います)

<!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" "http://www.openwave.com/DTD/xhtml-basic.dtd">

■SoftBank

<!DOCTYPE html PUBLIC "-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN" "xhtml-basic10-plus.dtd">

フォロワー