質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

1118閲覧

サイトのヘッダー部分の画像が一部はみ出てしまいました

Wordpress

総合スコア82

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/06/19 07:44

編集2020/06/22 04:02

イメージ説明
サイトのトップページの右側に挿入した以下のhomeボタンの右側が数ミリはみ出て見苦しい状態になってしまいました。修正方法をご教示いただけますと幸いです。

コードは以下の通りです。

イメージ説明

##以下がヘッダーのコードです。ヘッダー部分はssiという名称のフォルダにJavascriptで表示しています。

<!--header--> <div id="header" class="clearfix"> <header> <script src="../ssi/header.js"></script> <script src="../js/current.js"></script> </header> </div> <!-- /header --> ##javaScript document.write('\ <header>\ <div id="header" class="clearfix">\ <h1><a href="/../"><img src="../images/logo.gif" alt=000"/></a></h1>\ <ul>\ <li><a href="/../"><img src="../images/btn_home_off.gif" alt="HOME"/></a></li>\ </ul>\ </div>\ </header>') $(function(){ var id = $("body").attr("id"); $("#gnav ul li."+id).addClass("current"); }); document.write('\ <div id="menu">\ <ul>\ <li class="bnr_link"><a href="http://ksk-support.jp/" target="_blank"> <img src="../images/bnr_link_03_off.gif" alt="支援事業" /></a></li>\ <li class="bnr_link"><a href="http://sw.jp/" target="_blank"><img src="../images/bnr_link_06_off.gif" alt="事業" /></a></li>\ <li class="bnr_link"><a href="http://www./service/" target="_blank"><img src="../images/bnr_link_02_off.gif" alt="整備事業" /></a></li>\ <li class="bnr_link"><a href="http://www..jp/guest/index.php" target="_blank"><img src="../images/bnr_link_05.gif" alt="システム" /></a></li>\ </ul>\ <br><br><br><br><br>\ <dl class="contact">\ <dt>お問合わせ先</dt>\ <dd>事業室</dd>\ <dd>メールアドレス:<br><a href="m&#97;i&#108;t&#111;:&#115;&#110;&#106;@s&#119;&#114;&#99;&#46;c&#111;&#46;j&#112;">&#115;&#110;&#106;@s&#119;&#114;&#99;&#46;c&#111;&#46;j&#112;</a></dd>\ <dd><span class="t_12">電話:03-<br>\ FAX:03-</span><br><br>\ 【受付時間(土日・祝日を除く)】<br>\ AM 10:00~12:00<br>\ PM 13:00~17:00</dd></dl>\ </div>') ##CSS .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } html .clearfix { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2020/06/19 08:34

javaScript が切れてしまっているようですので、編集して正しいコードを投稿しなおしてください。
Wordpress

2020/06/19 08:53

追記いたしました。ご確認お願い致します。
Wordpress

2020/06/19 09:01

何度も恐縮です。最後確認してみます。
Lhankor_Mhy

2020/06/19 09:08

最後、ではなくて、今、編集してください。
Wordpress

2020/06/22 04:04

仕事の都合で夜対応ができなく遅くなりすみません。 先ほどmarkdown記入しました。
guest

回答1

0

自己解決

header部分に余計な記述があったためデザインが崩れていました

投稿2020/06/22 07:42

Wordpress

総合スコア82

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問