PHPでWEB画面を作成しています。
現在下の画面のようになっています。
上の画面のようにするには、どのようなCSSを書けば
いいでしょうか?
また、上はプログラムからの相対パスを切っていません。
何か設定ファイルのようなものがあるのでしょうか?
差分をみたところ、
パスの切り方が変わっているだけです。
<link href="../../../css/reset.css" rel="stylesheet" type="text/css" /> <link href="../../../css/tool.css" rel="stylesheet" type="text/css" id="layout-css" /> <link href="../../../www/common/admin/css/layout.css" rel="stylesheet" type="text/css" /> <link href="../../../www/common/admin/css/all.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../../../js/jquery.js"></script> <script type="text/javascript" src="../../../js/admin/base.js"></script> <link href="../../www/common/admin/css/login.css" rel="stylesheet" type="text/css" /> <link href="../../www/common/admin/css/form.css" rel="stylesheet" type="text/css" />
ソース:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"> <meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <link href="/css/reset.css" rel="stylesheet" type="text/css" /> <link href="/css/tool.css" rel="stylesheet" type="text/css" id="layout-css" /> <link href="/common/admin/css/layout.css" rel="stylesheet" type="text/css" /> <link href="/common/admin/css/all.css" rel="stylesheet" type="text/css" /> <meta name="viewport" content="width=device-width"> <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/admin/base.js"></script> <script> //エラーが有る場合 $(document).ready(function(){ location.href='#tr_'; }); </script> </head> <link href="/common/admin/css/login.css" rel="stylesheet" type="text/css" /> <link href="/common/admin/css/form.css" rel="stylesheet" type="text/css" /> <title>管理画面</title> </head> <body> <div id="wrap" > <div id="header" class="clearfix"> <h1><a href="//user/list/"class="alink1">ギフト</a></h1> </div> <div class="mt center textLeft"> <form action="/manage/login/auth/" method="post"> <div id="login" class="textLeft"> <div class="title"><div class="body"><h2 class="string">ログイン</h2></div></div> <div class="mt cicleWhite"> <div class="table"> <div class="tr"> <div class="td">ログインID</div> <div class="td"><input type="text" name="id" value="" class="textBig text" /></div> </div> <div class="tr"> <div class="td">パスワード</div> <div class="td"><input type="password" name="pass" value="" class="textBig text" /></div> </div> </div> </div> <div class="center mt"> <input type="submit" value="ログイン" class="button" /> </div> <br /> </div> </form> </div> <br class="fc"> <div id="contentsClose"> </div> </div> </div> </body> </html>
ソース:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"> <meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <link href="../../../css/reset.css" rel="stylesheet" type="text/css" /> <link href="../../../css/tool.css" rel="stylesheet" type="text/css" id="layout-css" /> <link href="../../../www/common/admin/css/layout.css" rel="stylesheet" type="text/css" /> <link href="../../../www/common/admin/css/all.css" rel="stylesheet" type="text/css" /> <meta name="viewport" content="width=device-width"> <script type="text/javascript" src="../../../js/jquery.js"></script> <script type="text/javascript" src="../../../js/admin/base.js"></script> <script> //エラーが有る場合 $(document).ready(function(){ location.href='#tr_'; }); </script> </head> <link href="../../www/common/admin/css/login.css" rel="stylesheet" type="text/css" /> <link href="../../www/common/admin/css/form.css" rel="stylesheet" type="text/css" /> <title>管理画面</title> </head> <body> <div id="wrap" > <div id="header" class="clearfix"> <h1><a href="//user/list/"class="alink1">管理画面</a></h1> </div> <div class="mt center textLeft"> <form action="/admin/login/auth/" method="post"> <div id="login" class="textLeft"> <div class="title"><div class="body"><h2 class="string">ログイン</h2></div></div> <div class="mt cicleWhite"> <div class="table"> <div class="tr"> <div class="td">ログインID</div> <div class="td"><input type="text" name="id" value="" class="textBig text" /></div> </div> <div class="tr"> <div class="td">パスワード</div> <div class="td"><input type="password" name="pass" value="" class="textBig text" /></div> </div> </div> </div> <div class="center mt"> <input type="submit" value="ログイン" class="button" /> </div> <br /> </div> </form> </div> <br class="fc"> <div id="contentsClose"> </div> </div> </div> </body> </html>
回答2件
あなたの回答
tips
プレビュー