• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:初めてWebサイトを構築しております。)

Webサイト構築での編集がうまくいかず困っています

このQ&Aのポイント
  • 初めてWebサイトを構築しております。こちらのテンプレートを購入し、四苦八苦しながらドメインを取得して公開するまで漕ぎ付ける事はできたのですが、肝心の編集がうまくいかず困っています。
  • 現在つまづいている箇所は、class col1 first と記述されている箇所(スライダー下にあるGENERAL FREIGHT等)にhrefタグを挿入すると、文字がクリックできずリンクに飛ばせず困っています。画像を挿入する事はできるのですが、同じくhrefタグが有効になりません。onMouseoverも有効になりませんので、マウスのクリックそのものが反映されていないのかと思います。デフォルトで用意されている隣のcol1と<p>の箇所の文字選択、コピーもできませんので、style.cssを弄ればいいのはわかるのですが具体的にどの箇所を変更すれば、解決するのかがわかりません。
  • ご教授いただきたいのは、class col1 first 内の文字列をリンクにする方法と、<p>タグ内の文字選択、コピーができない問題です。具体的な解決策をご教示いただけると嬉しいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

 どんな優れたオーサリングツール・CMS・テンプレートを使おうが、必ずHTML/CSSのと知識は必要です。それどころか、テキストエディタで作成する以上に知識が必要です。ここを誤解されていませんか??。HTML/CSSの知識が必要な事は分かると思いますが、それ以上に他人の作成したテンプレートを解析する能力や、仕組みや癖の知識が必要なのですから・・・。  想像するに、リンクに限らず、その部分の文字列の選択もできないのじゃないかと思います。単にレイヤがかぶさっいるだけじゃないかと・・  ところで、そのテンプレート・・ディスプレイ幅が狭いと使えないですね。  ウェブ開発されているなら当然、開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )の豊富なfirefoxお使いだと思いますが、firebugで該当する要素の上に他の要素がかぶさっていないか確認してみてください。ならz-indexの制御で何とかなるかと・・

theme48340
質問者

お礼

丁寧なご説明ありがとうございます。 おかげ様でどうにか問題を解決する事ができました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • strongタグについて

    HTML等全く知識がなくテンプレートやパーツなどは全てコピペで作成してきました。 以下のstrongタグはSEO的に有効でしょうか? <ul> <li class="menu_len" onmouseover="this.className='menu_len_on'" onmouseout="this.className='menu_len'"><a href="#" id="myText" onmouseover="this.innerHTML='文字A'" onmouseout="this.innerHTML='<strong>文字B</strong>'">文字B</a> <ul> 上記のようにすると文字Bの大きさが変わらずに表示できました。 この方法でstrongタグはSEO対策的に有効でしょうか? 文字Bの大きさを変えずにstrongやh3タグを使用する方法をご教授お願いします。(できれば文字Aも) それと、同一ページにh3タグを20~30ほど使用したいのですが、違反等の問題はないでしょうか?

  • マウスオーバーで下線を表示させる(リンク)

    <a href="リンク先" target="_blank" style="text-decoration: none;"> <font size="-1" color="405050" onMouseOver="this.style.color='#dc143c'" onMouseOut="this.style.color = '#405050'"> 文字列</a></font> というタグで、マウスオーバーで文字色が変わるように しています。 下線を常時表示させてもいいのですが、 表示させると文字が読みにくくなってしまうので、 マウスオーバー時のみ下線を表示させ、 文字色も変えるタグはないでしょうか? 出来れば上記のようにタグに直接挿入する ものが希望です。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 特定の文字列間の削除について

    perlのパの字も知らない者なのですが、cgiを改造しようとして四苦八苦しております。 ご回答いただければ幸いです。 ■やりたい事 <?xml-stylesheet ~href="http://" type="text/xsl" media="screen"?><?xml-stylesheet href="http://" type="text/css" media="screen"?> 上記のような、<?xml-stylesheet ~ ?>を含む間の文字列をすべて削除したいのですが、この場合どのような記述をすればいいのでしょうか? htmlタグ間を削除する場合には、$d = ~ s/<[^>]*>//g; で良いみたいなのですが・・。 よろしくお願いいたします。

    • ベストアンサー
    • Perl
  • CSSについて(初心者です)

    こんにちは。 今までは普通にCSSを使わずに普通に作っていたのですが長くそれでやってきたので そろそろCSSに挑戦してみようかと思い、今はCSSのテンプレートを配布しているサイト様にお邪魔しています。 .CSSとアップロードして、他のページにリンクを貼ってやってみたのですが・・・ フォントの方は反映されるのになぜか、スクロールバーだけが反映されません。 最初はタグが違うのかと思い色々やってみたのですが理由が分からず質問させて頂きました。 http://odd.to/template101.html様のtemp103のCSSを利用させて頂いてるのですが・・・。 四苦八苦しているので、もしよろしければアドバイスお願い致します。

    • ベストアンサー
    • HTML
  • リンククリック時

    http://www.us.playstation.com/Content/OGS/SCUS-97328/Site/ このサイトのように(フラッシュでなくてもいい) リンクをクリックしたときに、音がなるようにしたいのですがぜんぜんできません。 お願いします。どんなに調べてためしてもできませんでした(泣 <BGSOUND ID="midi"> <A HREF="http://www.yahoo.co.jp/" onMouseOver="document.all('midi').src='enter.mp3';">YAHOO</A> このonMouseOverをOnClickに変えてもなりませんでした。 なにかほかにいいタグありませんか? お願いします!

  • Webブラウザとは、何から何まででしょうか

    <a href="http:/okwave.jp/">OKWaveトップページへのリンク</a> というのは根本的には単なる一行の文字列です。 例えば,Windows標準のメモ帳は,この一行を単なる文字列として表示するだけで,そこにマウスカーソルを乗せてもクリック可能なハイパーリンクとしては解釈してくれません。 しかし,Webブラウザは,この一行をHTMLタグとして解釈してくれますから,そこにマウスカーソルを乗せるとクリック可能なハイパーリンクとして表示してくれます。 この場合、 a href="http://okwave.jp/">OKWaveトップページへのリンク</a> ただし。 上記の一行が,マウスクリックできるハイパーリンクとして表示されるかどうかはソフトウェアによって左右されます。 この場合、 Webブラウザとは、ネットに通じている、通じさせているソフトウエアの網のようなものだと理解しました。なぜかと言うと、ここに書いている今は、飛ばないのですが、之を、質問として、投稿すると、飛ぶのです。飛ぶようになるのです。と言うことは、質問するとして、投稿すると、リンクがされていて、飛ぶからです。ここに、書いている間は飛ばないのです。 ここが、わかりずらいところなのです。 今書いている時は、飛ばない、質問として出すと、飛ぶようになる。

  • ホームページビルダーを使用してらっしゃる方、教えて下さい。

    ホームページビルダーを使ってホームページを製作しているのですが、リンクが挿入されている部分の文字がスタイルシート通りの文字になっている箇所もあれば、全然違う色や大きさになってるところもあり、大きさはともかくフォントの色に関してはタグを見てもどう修正していいのかがよく分かりません・・・・ 例えば以下のような箇所がそうです。 楽天アフェリエイトのタグです ↓ <TD align="center"><A href="http://***/0276c7e4.e0895a5d/?url=http%3a%2f%2ftravel.rakuten.co.jp%2findex_pet.html" target="_blank">★★★</A></TD> この中にフォントの色を指定するタグが入っているのでしょうか? また、どのように修正すればよろしいのでしょうか・・ どうかよろしくお願いいたします。

  • ブロガーでウェブクリップアイコン

    Google Bloggerでウェブクリップアイコンを挿入したいのですが、上手く出来ません。 Bloggerで、「テンプレート」 > 「HTMLの編集」 で、<header></header>内に、<link rel="apple-touch-icon-precomposed" href="画像の保存先アドレス/アイコン名.png">を挿入しましたが、エラーが出るとともに内容が保存できません。 エラー: XML の解析中にエラーが発生しました。行 1153、列 7: The element type "link" must be terminated by the matching end-tag "</link>". PCとモバイルの両方に挿入したいと思っています。 ファビコンは、「レイアウト」編集画面からできたのですが。 わかるかたがいらっしゃいましたら、教えて頂けますでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • 文字をオンマウスすると、画像がかわり、クリックで他のページへいくようにしたい。

    初めてJavaを使いました。 『文字にマウスを当てると、上に置いた画像がかわり、さらにその文字をクリックすると、他のページにいくようにしたいのです』 文字にマウスを当てると、上に置いた画像が変わるとこまではできましたが、どうしても他のページへのリンクができません。 よい方法を教えてください。 作ったHTMLは以下のとおりです。 <SCRIPT language="JavaScript"><!-- function myChgPic(myPicURL){ document.images["myBigImage"].src = myPicURL; } // --></SCRIPT> <TABLE align="center"> <TBODY> <TABLE border="0" align="center"> <TBODY> <TR> <TD><IMG src="ankor.jpg" name="myBigImage" border="2"></TD> </TR> <TR> <TD><A href="javascript:void(0)" onmouseover="myChgPic('shanghai.jpg')">上海 <br> <A href="javascript:void(0)" onmouseover="myChgPic('italy.jpg')">イタリア <br> <A href="javascript:void(0)" onmouseover="myChgPic('canada.jpg')">カナダ    </A>    </TD> </TR> </TBODY> </TABLE> 上海、カナダ、イタリアという文字をクリックしたら、その写真にかわり、文字をクリックしたらそれぞれのページにリンクさせたいのです。

  • サイトの作成で困ってます・・・

    ネットショップ開業のために、サイトを作成しているのですが、困ったことが起こりました。 ネット上の無料配布のテンプレートを利用して作成しているのですが、トップページをつくり、ヘッダー部分、リンク部分と作ったものはいいのですが、今後、ヘッダーやリンク部分などの変更・更新等がたびたび出てくると思います。 サブページの数も相当な数になると予想しています。 そこで、質問なのですが、例えば、トップページのヘッダー部分の文字を変えたとします。それだけで、他のサブページのヘッダー部分の文字も一気に変更させるということは不可能なのでしょうか? また、リンク部分の、リンク先の変更やリンクの増設なども、一気に変更させることは、不可能なのでしょうか? 他のホームページ作成の解説サイトを参考にしようと、四苦八苦しましたが、イメージどおりの解説が見当たりません。 ちなみに、使用ソフトは、ホームページビルダーV9ライトです。 正直言うと、説明するのも難しくて困っています。 上記の説明では、わかりにくいこととは思いますが、どうかわかる方がいましたら、ぜひ教えてください。 お願いします。