ベストアンサー

スタイルシートのリストを利用してリンクボタンを作成

2007/12/18 11:36

超初心者で、ＨＰＢｖ１０を使用しています。「スタイルシートのリストを利用してリンクボタンを作成する」という下記のサンプルページ http://www.wsb.jp/hpb/css/dan00.htm# の「ボタン」を作成したいのですが、ソースをコピペしてプレビューしても「ダメ」でしたそのままでは出来ないってことですか？とりあえずボタンが押された様な形になる htmlサンプルソースを教えて下さい。うまく表現（記述）出来ないですが宜しくお願いします。

yoshiki3
お礼率30% (27/88)

ホームページ作成ソフト
回答数1
ありがとう数1

回答全件

ベストアンサー

CSSを使っているためソースだけ貼り付けてもこのようなものはできません…

2007/12/18 12:29

みんなの回答 （1）
専門家の回答

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

ベストアンサー

noname#56882

2007/12/18 12:29 回答No.1

CSSを使っているためソースだけ貼り付けてもこのようなものはできません。 <html> <head> <title></title> <style type="text/css">  </style> </head> <body> <ul> <li><a href="page1.html">Menu1</a> <li><a href="page2.html">Menu2</a> <li><a href="page3.html">Menu3</a> </ul> </body> これでどうでしょうか。

質問者

お礼 2007/12/18 13:44

そうですか「スタイルシート」ですね、ビギナーのためその辺がまだ今一分かっていないんですよ！でもこのソースを貼り付け、プレビューしたら思っていた様な「ボタン」になっていました、どうも有り難う御座いました。

全文を見る

ログインすると、全ての回答が全文表示されます。

関連するQ&A

リストを利用してリンクボタンを作成
ＨＰＢｖ１０を利用してＨＰを作成している初心者です。参考ページ（http://www.wsb.jp/hpb/css/dan00.htm）を利用して「ボタン」を作成しようとしているのですが、ボタン縦方向に配置するのは出来たのですがこのページの下にあるボタンを「横方向に配置する」方法が分かりません button.cssの編集で「位置」-->「回り込み」-->「左」にしているのですが横に表示されません。おわかりになる方いましたらご教授宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
リストとスタイルシートを利用してリンクボタンを作成しているのですが・・・。
ＨＰＢｖ１０を利用してＨＰを作成している初心者です。参考ページ（http://www.wsb.jp/hpb/css/dan00.htm）を利用して「ボタン」を作成しようとしているのですが、ボタン縦方向に配置するのは出来たのですがこのページの下にあるボタンを「横方向に配置する」方法が分かりません button.cssの編集で「位置」-->「回り込み」-->「左」にしているのですがボタンが階段状になり「横一列」に表示されません。おわかりになる方いましたらご教授宜しくお願いします。 ★html file★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title></title> <LINK rel="stylesheet" href="button.css" type="text/css"> </head> <body> <ul> <li><A href="page1.html">Menu1</A> <li><A href="page2.html">Menu2</A> <li><A href="page3.html">Menu3</A> </ul> </body> </HTML> ------------------------------------------------------------- ★css file★ P{ color: #000099; } A{ color : #3d3d3d; background-color : #bce9bc; text-decoration : none; text-align : center; padding-top : 3px; width : 100px; height : 30px; border-width : 5px; border-style : outset; border-color : #66cc66; display : block; font-size : 0.8em; font-family : Arial; float : left; } a:visited{ color : #3d3d3d; } A:HOVER{  background-color : #66cc66; border-width : 5px; border-style : inset; border-color : gray; text-decoration : none; font-style : italic; font-weight : bold; color : fuchsia; } A:ACTIVE{ color: #000000; text-decoration: underline; } UL{ list-style-type : none; padding-top : 0px; margin-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; float : left; position : normal; clear : none; } TH{ color: #FFFFFF; background-color: #3366FF; } TD{ color: #000099; background-color: #CCDDFF; } OL{ float : left; list-style-type : decimal; }
- ベストアンサー
- ホームページ作成ソフト
HP作成時にスタイルシートを利用した、リンク設定の仕方に付きまして教えてください
初心者です！！ソフトは、ビルダーの６．５、OSはXPです。　Topページを含めまして、１５ページのHPを作ろうとしています。　この場合のリンクの方法を、スタイルシートを利用して設定したいと考えています。　　　リンクの仕方は、 A)Topページから各ページにリンクできるように　　　　B)各ページからTopページに戻りリンクを設定する　　　　C)Topページ以外のページも相互にリンクしたいと考えています。　　　　D)左側に１５段（各段、幅357ピクセル×高さ４８ピクセル）ぐらいのの表を作りまして、其の中にメニューリストを作り、それが相互にリンクできるようにしたいと思っています。　　　つきましては、次のことに付きまして、教えてください。 1．メモ帳でのスタイルシートの作成内容 2.そのCSSファイルをWebページに呼び込むためのHTMLソースへの記述の内容　　につきまして教えてください。　　　よろしくどうぞお願いします。
- 締切済み
- レンタルサーバ・ASP
素材配布サイトからお借りしているリンクボタンについて
そのボタン素材はボタンをクリックすると引っ込むようになっております。サンプルでも押してみると引っ込んだ感じになっていました。各いろいろなリンク先（TOP/MENU等）の文字の載ったものではなく自分で文字を入れるタイプをお借りしました文字入れはペイントで出来るのですがその画像をソースに記述しても借りてきた状態のままで「クリックで引っ込む」にはなりませんよね・・・そういう特殊なボタンにはコピペできるソースが用意されているのかな？？とも思うのですがそこのサイト様にはありませんでした。凄く親切丁寧な素材屋サンなので用意されていないと言う事は画像の上で右クリックの保存方法で使用可能だと思うのですがどのようにするとよいのでしょうか？又お借りした文字無しのボタンですがつなげて長く使えるようにもなっています文字をペイント等で入れて１つの画像とするのではなくよくテンプレートにあらかじめリンクボタンが横に長く繋がっていてＨＴＭＬで好きな文字を記載するとそのボタン１つ１つに文字が入るというのはＣＳＳも一緒に記述し直さければできませんか？バナー・ボタン作成方法の中に引っ込むボタンの解説をお気に入りに保存していたのですが見当たらなくて・・・・宜しくお願い致します
- ベストアンサー
- その他（インターネット・Webサービス）
スタイルシート２
１．スタイルシートで、外部スタイルシートがありますがこれはそんなに使い勝手がよいでしょうか？ <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ！！といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような（くどい＾＾）気もします。これは、しょうがないですよねー。個人で使うなら、HTMLで充分なような・・あと、埋め込みスタイルでよういような・・２．さらに、スタイルシートはたしかに軽くなりますが、記述が面倒で、フルスペル（省略できない）。 HTMLでは、<Li></LI>や、<tr></tr>で表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか＾＾リンクできるのは、見やすく便利ですが・・・
- ベストアンサー
- その他（プログラミング・開発）
スタイルシートに関して教えてください！本当に困っています！
超初心者で悪いのですが、スタイルシートの記述方法がよく分かりません。確か記述方法は３つあると思うのですが、ＣＳＳファイルを利用して記述する方法が分からない(できない)のです。ここからは実際に自分が今使っているホームページ作成サイト(初心者)に書かれていて理解できない(実際にやってみたがうまくいかない)所をここに書きます。３、ＣＳＳファイル利用により記述する方法テキストエディターで”スタイルを適用する対象名 {　～　}”として記述し、ファイル保存するときに、拡張子が”.css”というＣＳＳファイルを作ります。そして、ＨＴＭＬファイル内にはＣＳＳファイルを参照しなさいという指示である、<LINK href="ＣＳＳファイル名.css" type="text/css" rel=stylesheet> をヘッダー部分に記述します。＜＜　ＣＳＳファイルデータ例（下記のデータだけを記述して.cssファイルを作成　＞＞＜　ファイル名＝style.css　＞ p { color:blue } ＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> ＜＜　ブラウザ表示　＞＞スタイルシート分かりずらかったらここを参照してください。(たぶん削除されると思うが) http://homepage-how.com/hp/hp-css2.html まず、３に書いてあるとおりにＣＳＳファイルを作成しました。次からがよく分からないのです。３に書いてあるとおりにＨＴＭＬファイルを作成しようと思ったのですが、なぜか、ホームページの基本構造ではないのです。こういう事です　　↓ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> 見ても分かるとおり、タイトルの部分がないのです。タイトルがなくても良いのですか？あと、このＨＴＭＬデータを.ＣＳＳファイルと同じフォルダ内に作成するという意味が分かりません。本当に超初心者で悪いのですが、本当に困っています。誰か分かりやすく教えてくれる方はいないでしょうか？お願いします。
- 締切済み
- HTML
HP作成　スタイルシート
ビルダーを使ってHPを作成しています。そこで、ページの背景の上だけにgif画像を指定したくスタイルシートを追加してみたのですがうまくなりません。ビルダーのHTMLに追加しているのですが追加する場所を間違えているような気がします。ビルダーで背景色を#cc0000設定しています。 <TITLE></TITLE> <STYLE type="text/css">  </STYLE> <LINK rel="stylesheet" href="image/table.css" type="text/css" id="_HPB_TABLE_CSS_ID_"> </HEAD> <BODY bgcolor="#cc0000" link="#ffffff" alink="#009900">
- 締切済み
- その他(ソフトウェア)
スタイルシートについて。
現在、ホームページをフレームで区切っています。しかし、ＳＥＯ対策や、検索エンジンの関係での不利が伝えられていますが、すでに、フレームで、制作していますので、複数のHTMLをそのままで、スタイルシートを作成したいです。現在index.htmをメインとして、左側をsub.htm，右側をmain1.htmとしております。Sub.htmを固定しています。左側のsub.htmのリンクで、右側が変わることになります。変わる右側は、main2.htm，main3.htm，main4.htmとページを変化させていくとします。文字のサイズや、背景は、各htmlで表記しますので、フレームだけのCSSを作成したいのです。そのCSSを教えてください。探しているのですが、サイズや、レイアウトで、多くが占められていて、複雑で理解できません。簡単な方法を教えてください。
- 締切済み
- ホームページ作成ソフト
スタイルシート
こんばんは。HPを独学で作っている超初心者です。スタイルシートが反映してくれないのです。下記の記述で何が違うのでしょうか？？？ ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html（抜粋）--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても　index.html　のリンク部分に下線が出てきます。どうして消せないのかが分かりません！！！どなたか教えてください！よろしくお願いいたします！
- 締切済み
- その他（インターネット・Webサービス）
CSSのスタイルシート適用について
<link href="/○○○.css" rel="stylesheet" type="text/css"> としてスタイルシートを呼び出した後に、再び <style type="text/css"> と記述してスタイルのいくつかを再設定することはできるんでしょうか？その場合はその宣言したものだけが変わって、ＬＩＮＫされたほうのスタイルシートデータも他の内容は生き残って適用されますか？
- ベストアンサー
- HTML