ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

GoLive CS/CS2/CS3コミュのCSSエディタの表記の仕方

  • mixiチェック
  • このエントリーをはてなブックマークに追加
CSSエディタをソースで見ると、

#container { background-color: white; text-align: center; margin-top: 0; width: 700px; border: solid 1px gray }


と、横にずらっと並んでしまいます。

#container
{
background-color: white;
text-align: center;
margin-top: 0;
width: 700px;
border: solid 1px gray
}

↑のように縦書きには、出来ないんでしょうか?
「慣れ」なんでしょうけど、横に羅列されるのは正直見づらいですし、作業しにくいです。

ヘルプで、それらしいところは当たってみたのですが・・・。

当方、MacOS10.3.9。GoLiveCSです。
解決法あれば、教えて下さい。お願い致します。

コメント(12)

GoLiveのメニュー「GoLive/Web 設定...」の「グローバル」のところに「CSS」という囲みがあって、確かそこで設定できたと思います。
出力タイプはいろいろあるので試してみてください。
ちなみに自分はemのタイプ3のインデントありで使ってます。
ありがとうございます。
さっそく試してみることにします。
できました。
既存のCSSには反映されないのですね。

今まで手打ちだったので、どうも「CSS定義」の画面だと・・・(汗
作業するにも、このスタイルの方がしっくり来ます。
これで苦痛から解放されました。

重ねてですが、ありがとうございました。
CSSファイルを直接開くとできませんが、HTML書類の中に一度コピーすると[その他]→[ソースコード]→[ソースコードを書き直し]を選んで表示されるダイアログで、CSSの書き方も変更できますよ。
>higucci aka kgmさん
ありがとうございます。
こういう荒技?もあるんですね。
今まで書いたCSSを、全部書き換えたくなりましたよ・・・。(笑
ありゃ?昨夜書き込みしたとき、二重書き込みになっちゃったのでひとつ削除したんだけど、二つ削除されちゃったっぽい…。
というわけで再度書き込みします。

既存のCSSファイルも、ひとつでもプロパティを編集すれば、そのときのWeb設定の通りになります。
設定変更時にCSSファイルを開きっぱなしだと利かない可能性があるので、手順としては、

・開いているCSSファイルを一旦閉じる
・Web設定を開いて設定を変更
・Web設定ウィンドウを閉じる
・再度CSSファイルを開いてプロパティを編集

という感じで既存のCSSファイルにも反映されると思います。
試してみてください。
(間に合うかな?ぜんぶ手作業で書き換えちゃったかな…)
昨日ので、ひとつ書き忘れましたが、外部CSSをHTML内に埋め込む内部CSSにする必要があります。
そうすれば内部CSSを[ソース書き換え]で全部一括してWeb設定の内容が反映できます。またそれを外部CSSに戻さないと使えないので少し手間ですが。

Mac版CS2でしか検証してませんが、なんで外部CSSだとソースの書き換えが選べないのかよくわかりません。
>higucci aka kgmさん

私はGoLive CSなのでCS2はわかりませんが、上記方法のようにWeb設定後のプロパティ変更でも反映されません?
CSでできてCS2でできなかったら退化だなぁ…。
>高橋さん

CS2でも高橋さんのお書きになったようにWeb設定で変更後、CSSエディタ上で編集すれば、編集したスタイルはWeb設定の内容が反映されて変わるので大丈夫そうですよ。

あと、GoLive CSで確認したらメニューの場所が違うようでした。[編集]→[ドキュメントコンテンツ]→[ソースコードを書き直し]でした。
今GoLive CSで色々いじってたら、Web設定の反映を外部CSSのソースに一括反映されるやり方を見つけました。

1.外部CSSのファイルを開いてWeb設定でCSSの出力を変更にしておきます。
2.CSSエディタ上でファイルを開き、作成されたスタイルを全て選択します。
3.右下にあるゴミ箱アイコンをクリックして全部削除!
4.すぐに[編集]→[取り消し]
5.ソースがWeb設定の内容に変わってる。

なんじゃこれな感じですが、CSSエディタの[ステートメントをソート]を選んだだけでも変わるので、スタイルに何らかのタッチがあれば書き換わるみたいですね。
>higucci aka kgmさん

>>10.のやり方は、画期的ですね。
見事に様変わりしました。(嬉
サーバーに上げる前に、やっておくべき作業のひとつになりそうです。
誰が見ても「きれいに書いている」という状態で、上げたいですからね。

CSSエディタの[ステートメントをソート]
確認しましたが、CSにはない機能ですね。
とは言え、上記のやり方でもじゅうぶん事足りますよ。

>6.高橋さん
大丈夫です。まだ、書き換えてません。(笑
ただいま、テーブル関係(col / colgroupあたり)のCSSで苦戦中なので・・・。(汗
トピずれですね。(笑

お二人には、ほんと感謝です。
いっそのこと、エディタにでも切り替えてやろうかと思ってたぐらいですから。(爆

本当に、ありがとうございました。
>higucci aka kgmさん
書き込み10番の一括反映の方法いいですね。
全部削除はちょっとこわいけど。(バックアップすれば平気か)
あと、CSSウィンドウで複数選択すると、1つのプロパティを選択したものぜんぶに同時適用できるので、それで何か適当なのを設定して、「取り消し」をするのもいいかもしれません。

CS2には「ステートメントをソート」なんてのがあるんだ。
なかなか便利そうですねぇ〜。
今回のようなときにしか使えないかもしれないけど。

ともかく解決してよかったですねー。

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

GoLive CS/CS2/CS3 更新情報

GoLive CS/CS2/CS3のメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング