parumonのプロフィール

@parumon parumon
ありがとう数8
質問数0
回答数11
ベストアンサー数
6
ベストアンサー率
85%
お礼率
0%

  • 登録日2008/09/03
  • backgroundで文字がうまくおさまらない

    お世話になります、CSS初心者ですので、 質問内容に不明瞭な点がございましたら、ご容赦くださいませ。 上記のように、テキストで文字を書いてバックグラウンドさせたいのですが、 文字が画像から外れた位置に配置されたりしてしまいます。 尚、作った画像は4段重ねるように配置したいです。 解決策をご教授下さいませ。 （HTMLコード） <BODY> <div id="container"> <div id="header"> </div> <DIV id="main"> </div> <div id="left"> <p>軽量鉄骨プレハブ</p> <div class="left_keitetu"> <p class="left_keitetu"><a href="/seihin/top.htm">製品詳細</a><br> <a href="/sekou/01-keitetu/top.htm">施工一覧</a></p> </div></div> <div id="footer"> </div> </BODY> （CSSコード） div#container { width : 725px; margin : auto;} div#header { width : 725px; margin : auto;} div#main { width : 725px; margin : auto;clear : both; padding : 0 10px; } div#footer { width : 725px; margin : auto;clear : both; margin-bottom : 5px; background : url(img/footer_bg.gif) repeat-x; height : 55px; padding-top : 17px; } div#left { float : left; } div.left_keitetu { height : 80px; width : 170px; } p.left_keitetu { background : url(img/menu_keitetu.gif) no-repeat; padding-top : 30px; padding-left : 15px; }

    • ベストアンサー
    • CSS
    • westgk
    • 回答数2
  • liに画像と文字を表示するCSSの方法

    ＨＴＭＬ <ul> <li class="home11"><h3><a title="Homeページ" href="../index.html" class="moji5011">Home</a></h3> </ul> ＣＳＳ a.moji5011 { color: #c60; font-size: 85%; font-weight: 700; text-decoration: none; margin-left: 0; padding: 3px; width: 80px; height: 20px } a:hover.moji5011 { color: #000; font-weight: 700; text-decoration: none; margin-left: 0; padding: 3px } li.home11 { background-image: url("http://www6.big.or.jp/~neon/BTNFLD/BTNIMG/BTN03/btn04smp.gif"); background-repeat: no-repeat; text-align: center; list-style-type: none; margin-right: 5px; width: 80px; height: 20px; float: left } と設定しているのですが、エクスプローラーでは画像の上にHomeが中央に位置しているのですが、Firefoxでは文字が上部に位置して、これをFirefoxでも中央に表示するにはどのようにすればいいのでしょうか。 ボタン全部をリンク対象にするようにしています。

    • ベストアンサー
    • HTML
  • htmlかcssで背景の白い枠をなくす方法

    お世話になっております。 個人でホームページ制作をしているのですが html、cssについての質問です。 現在制作中のホームページなのですが 背景をグリーンから白のグラデーションになるように設定したのですが白い枠ができてしまいました。 こちらを消す方法をどなたかご存知でしょうか？ 背景のグラデーションはcssで以下のように設定しました。 .html { filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e8ffd7,endColorStr=#ffffff); } 現在制作中のホームページ ​http://www14.ocn.ne.jp/~testpage/​

    • ベストアンサー
    • HTML
  • テーブル内にスペースができてしまうのはなぜ？

    テーブル内にさらにテーブルを入れた際、一部のセルだけ上部にスペースが空いてしまい 困っています。 下記のhtmlですが、左はテーブル内にテーブルを入れてもスペースができませんが 真ん中だけどうしても上にスペースが空いてしまいます。 全角スペースが隠れていないか確認しましたが無理でした。 ネットでもいろいろ調べましたが分かりませんでした・・・。 これは何が原因なのでしょうか？ よろしくお願いします。 --------------------------------------------------------- <html> <head> </head> <body> <table border="1" width="750"> <tr><td width="150" valign="top"> <table border="1" cellspacing="0" cellpadding="0" width="140"> <tr align="center"><td bgcolor="#green">menu</td></tr> </table> </td> <td valign="top" width="480"> <table border="1" cellspacing="5" cellpadding="0" width="480"> <tr><td bgcolor="#d8de97" height="15" align="left" colspan="2">見出し</td></tr> 　<tr><td bgcolor="#FFFFCC" width="240">項目名</td> 　<td bgcolor="#FFFFCC" width="240">項目名</td></tr> 　<tr><td bgcolor="#FFFFCC" width="240">項目名</td> 　<td bgcolor="#FFFFCC" width="240">項目名</td></tr> </table> </td> <td width="120" valign="top">広告部分</td></tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • 検索エンジン上位表示にする努力とは？（SEO？）

    自分のＨＰのアクセスアップ（検索エンジンへの上位表示）を目標にしています。 ＳＥＯというものを全く知らず、作ったＨＰも本を片手にようよう作ったくらいの素人です。 http://www.su-jine.com/ ↑ここを見て、ＳＥＯ対策というものはどういうことなのか、何となくはわかりました。 曰く、<title>～</title>の中に重要なキーワードを入れること。 <h1>～</h1>に、重要なキーワードを入れること。 でも、<h1>を使うと文字がとても大きく表示されてしまいますよね。 文字を通常の大きさにして<h1>で囲むことは出来ないのでしょうか。 しかし、これだけで検索エンジン上位に表示されるとは思えません。 あと、他のサイトによると「ソーシャルブックマークに自分で自分のＨＰを登録して、被リンクを増やしなさい」 とあり、これはメールアドレスを複数取得して、違うＩＤでブックマークを沢山しなさい、とのことなのですが、ネットを荒らすようで気がひけます。 素人の自分でも出来るアクセスアップ（検索エンジン上位表示）の方法は他にありませんでしょうか。 よろしくご教授お願い致します。

もっと見る