- 締切済み
Fireworksの縞々模様（水平線）の幅を変えたい
Fireworks4を使っています。ホームページの背景用に水平線（あの縞々..どう説明しよう..）を作りたいのですが、作るのにも、貼りつけるのにも困っておりまして、えー、 １．矩形ツールで四角形を作り「塗り」とあるタブのところを「基本」にして、下の「テクスチャ」のところで「水平線４」を選ぶとそれらしくなってきたのですが、この縞々の幅を広げたいと思っていますがどこで設定すればよいのやら、もう１時間以上あれこれやったりしているのですが...お詳しい方ご教示願えないでしょうか。 ２．一応40px×40pxでGIFで保存して<BODY background="image/xxx.g">のようにしてみたのですが、全体に広がらず、一カ所だけに表示されてしまいます。ありえそうな問題点、ご指摘いただけると幸いです。 宜しくお願いいたします。
- msanko
- お礼率80% (4/5)
- グラフィックソフト
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
みんなの回答
こんにちは！ え～と・・ ベクター画像をビットマップ画像にしてしまえば拡大できるようになります。 今はFireworksMXでしか確認できないのですが、オブジェクトを選択した状態で【修正】→【選択範囲を統合】で出来ます。 Fireworks4では【選択範囲を統合】という言い方ではなかったような気がします・・どうだったか・・ Winでしたら、そのオブジェクトを右クリックしてみてください。その中にあるメニューのどれかがビットマップ画像にしてくれるはずです。 ビットマップオブジェクト出来ましたら拡大すると縞々の大きさも一緒に大きくなります。 それから、理想的な水平線があるのでしたらその画像を用意しておき（GIF、JPEG、PNG、BMPどれでも良いです）『テクスチャ』の一番下に『その他』というのがあると思いますので、それでその画像を指定します。 ２．の問題は分かりません・・ <BODY background="image/xxx.g">で良いはずです。 ちなみに『xxx.g』は『xxx.jpg』『xxx.gif』の書き間違いですよね。
関連するQ&A
- 背景画像を任意の位置に置きたい
こんにちは、Santaと申します。 いつもお世話になっております。 Firefox ８．０ Chrome １６．０ 背景画像を任意の位置に置きたいです。 画像のとおりです。 背景画像の大きさは width:950px; height:800px; です。 左右にオレンジ色の矩形を置いております。オレンジの矩形の間の白いところは、白の矩形です。 左右では、center真ん中に来るように、上からは200px;の位置に置きたいと思っております。 自分の書いたCSSでは、絵柄が少し表示されるだけで、全体の画像も表示することができませんでした。 css --------------------------------- body { background-image:url(../images/background_line_wall.gif); background-position:50% 50%; background-repeat:no-repeat; } ----------------------------------- どのように書きましたら、上から２００pxの位置へ、左、右からは中央へセンタリングできますでしょうか？ よろしくお願いいたします 失礼致します。
- ベストアンサー
- CSS
- background 水平指定と垂直指定
お世話になっています。 ＣＳＳで画像の水平指定と垂直指定が未だよく解っていないので 教えてください。 ｗidth：214pxのnavi.gifをおいた場合 #header li#about a:hover { background: url(../images/navi.gif) -32px 0; } #header li#clients a:hover { background: url(../images/gnavi.gif) -76px 0; } この-32px,0pxや76px,0pxの意味はどういう意味なんでしょうか？ すみません、解る方、お願い致します。
- ベストアンサー
- HTML
- 背景画像について
ブログの左右に空きがあるので空きの背景に イラストを入れました。 左右別のイラストを入れたいと思っていますがカラムを増やさずに 左端と右端にイラストを入れた１０００PXのGIFを使って背景を設定しましたが、PCのディスプレーによって左右の幅が自動調整されているようです。 固定する方法を教えてください。 スタイルシート body {background: url("http://***.ne.jp/***/image/user/1170964897.gif") repeat-y; background-position:0px 0px; padding: 1;}
- ベストアンサー
- ブログ
- Fireworksの線形処理について
重複している質問でしたらすみません。 Fireworksで、ホームページの背景を作成しているのですが、 塗りオプションの線形処理をした後、GIFとして書き出すと 色が階段状（非連続的）に変化しているようになっているのですが、 これを改善するにはどのようにしたらよいのでしょうか？ ちなみに書き出しを行う前のpng形式では連続的に変化しているようになっています。
- ベストアンサー
- グラフィックソフト
- 背景について
ブログの左右に空きがあるので左右別々のイラストつきの背景を入れたいのですが… ４カラムにすればよいのでしょうが、今は１０００PXのGIFを使って左右にイラストを使っています。 PCによっては左右の空きの幅が違う様なので、同じにしたいのですが どうすればよいのでしょうか？ スタイルシート body {background: url("http://***.ne.jp/***/image/user/1170964897.gif") repeat-y; background-position:0px 0px; padding: 1;} 多分もっと広い範囲を記述すれば良いのでしょうが １６００字以内とエラーになりましたので・・・
- ベストアンサー
- ブログ
- 固定背景画像と画面幅について
初心者のため、分かりづらい質問になると思いますがお許しください。 background-repeat:no-repeat; background-position:right; background-attachment:fixed; 上記のようなCSSで背景画像を固定しています。 画面幅は918pxで設定していますが、これをプレビューで918px以上に伸ばすと、背景画像がどんどん右にズレていってしまいます。 画面環境はそれぞれだと思うので、大きな画面で見た方が背景画像が切れてしまうのを避けたいです。 画面幅918pxで固定をしたいのですが、どのようにすればいいのでしょうか？ 何か補足事項があればすぐに追記します。 よろしくお願いします。
- ベストアンサー
- CSS
- macのsafariとFirefoxで背景が表示されない
bodyとcontainerで背景をリピートさせています。 WindowsのIE6、IE7、Firefoxでは背景は正常に表示されるのですが、macのFirefoxとsafariでは背景がまったく表示されません。 どうしたら表示されるか、どなたかお教えいただけませんでしょうか。 body { margin: 0; background-image:url(bg.gif); background-position:top; background-repeat:repeat-x; text-align:center; } #container { width:776px; margin:0px auto; background-image:url(main.gif); background-repeat:repeat-y; text-align:left; }
- ベストアンサー
- CSS
- Firefox2.0で背景が上段に集まってしまいます。
以下のCSS、HTMLでdiv要素を分けて3つの細いgif画像を見た目は一つの背景になるように指定しているつもりです。真ん中のdiv要素をy方向にリピートさせて記事が長くなっても背景が崩れないページを作りたいと思っております。 IE7.0では問題なく表示してくれるのですがFirefox2.0になると背景が上段に集まってしまいます。 すみませんが改善方法をアドバイスよろしくお願い致します。 【CSS】 body { font-family: "ＭＳ Ｐゴシック"; margin: 0px; padding: 0px; text-align: center; background: #E8FFFF fixed; } #wrapper { text-align: left; margin: 0px auto; padding: 0px 0px 0px 20px; height: auto; width: 900px; background: url(background_3.gif) repeat-y; } #head-background { margin: 0px auto; height: 17px; width: 900px; background: url(background_7.gif) no-repeat; padding: 0px; } #header { margin: 0px; padding: 0px; height: 20px; width: 800px; } #footer { clear: both width: 900px; background: url(background_6.gif) no-repeat; margin: 0px auto; padding: 0px; } 【HTML】 <body> <div id="head-background"> </div> <div id="wrapper"> <div id="header"> ・・・・・（ロールオーバーリンク） </div> <div id="header"> ・・・・・（MPEG画像） </div> </div> </div> <div id="footer"> </div> </BODY> </HTML>
- 締切済み
- CSS
- 幅違うメニュー（リスト）、floatで横並びで背景画像でテキスト飛ばしたいが・・
お世話になります。 メニュー（リスト）のテキストを、CSSで飛ばして、背景の画像を表示させるようにしたいのですが、何も表示されません。 マウスオーバーすると、画像がかわるようにしたいです。 どうか、何が問題なのか、教えてくださいませ。 ★メニューのwidthは、全てちがいます。 ★背景の画像は、「./images/gNavi/gNav.gif」という幅513px高さ14pxの画像。 マウスオーバーの背景画像は、「./images/gNavi/gNav_ov.gif」という幅513px高さ14pxの画像。 ★リストは、横並びにしたい。 【HTML】 <div id="gNavi"> <ul> <li id="01"><a href="#">メニュー１</a></li> <li id="02"><a href="#">メニュ－２</a></li> <li id="03"><a href="#">メニュ－３</a></li> <li id="04"><a href="#">メニュ－４</a></li> <li id="05"><a href="#">メニュ－５</a></li> <li id="06"><a href="#">メニュ－６</a></li> </ul> </div> 【CSS】 #gNavi { width:513px; height:14px; } #gNavi ul{ list-style: none; margin: 0; padding: 0; height: 14px; overflow: hidden; } #gNavi li { float:left; margin:0; padding:0; } #gNavi li a{ display:block; height:100%; width: 100%; height: 0 !important; height /**/: 14px; background:url(../images/gNavi/gNav.gif) no-repeat; text-decoration:none; text-indent:-7777px; } #gNavi li a:hover{ background:url(../images/gNavi/gNav_ov.gif) no-repeat; } #gNavi li#01 a{ background-position: 0 0; width: 52px; } #gNavi li#02 a{ background-position: -52px 0; width: 71px;} #gNavi li#03 a{ background-position: -123px 0; width: 105px;} #gNavi li#04 a{ background-position: -228px 0; width: 93px;} #gNavi li#05 a{ background-position: -321px 0; width: 93px;} #gNavi li#06 a{ background-position: -414px 0; width: 99px;} #gNavi li#01 a:hover { background-position: 0 0;} #gNavi li#02 a:hover { background-position: -52px 0;} #gNavi li#03 a:hover { background-position: -123px 0;} #gNavi li#04 a:hover { background-position: -228px 0;} #gNavi li#05 a:hover { background-position: -321px 0;} #gNavi li#06 a:hover { background-position: -414px 0;} （何か、他に必要な情報があれば、言ってください！）
- ベストアンサー
- CSS
- ブラウザ間でのdiv幅の違い
次のようなdivの入れ子を作ったのですが、 IEとFirefoxで大きさが違って表示されてしまいます。 FirefoxでもIEと同じ幅、同じ見ためで表示させるには 何をどのように指定してやれば良いでしょうか。 よろしくお願いします。 <html> <head> <style type="text/css"> <!-- .blue {width:200px; padding:10px; background-color:#0000ff;} .green {width:180px; padding:5px; background-color :#00ff00;} --> </style> </head> <body> <div class="blue"> <div class="green">ここが180px</div> </div> </body> </html>
- 締切済み
- HTML
お礼
自分で書いたのに行方不明になり、お礼が遅くなりました。アドバイスいただいた通りにやってみます。ありがとうございました。