ユーザ ログイン
ユーザ名 または メールアドレス:

パスワード:



パスワード紛失

新規登録

カテゴリ選択

コラム・ブログ : 長いURLアドレスでデザインが崩れてしまうのを防ぐ方法
投稿者 : taki 投稿日時: 2008-06-04 (1933 ヒット)

「お知らせ」としてnewsモジュールを使っている。
ところが、長いURLを投稿すると、画面が横にビヨーンと伸びてしまう。

たとえば、地図のアドレスとか、日本語文字の入ったアドレスとか。

URLアドレスを「一行」で表示しようとするため、デザインが崩れる。

その対策には、テーマのスタイルシートに少し下記のコードを付け加えるとよい。

xxxxx/themes/sample/style.css

style.css


/* 最新ニュースのコンテンツ部分 */
.itemBody {padding-left: 15px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 20px;
	padding:5px 0 5px 0.5em;
	overflow:hidden; /* for firefox2.0 */
	word-break:break-all; /* for IE (英数半角折り返し) */
}


これで、デザインが崩れるのを防ぐことが出来ます。


XOOPS対応レンタルサーバ

商用利用可


ロリポップ!
月額300円 容量300MB


チカッパ!
月額525円 容量1GB


ステップサーバー
月額250円 容量500MB


さくらインターネット
月額500円 容量1GB


エックスサーバー
月額1050円 容量1.5GB


ファーストサーバ
月額2940円 容量20GB
XOOPS本家日本サポート

テーマ学園
モジュール辞典

カップズープス
1 人のユーザが現在オンラインです。 (1 人のユーザが ブログ・XOOPSのサイト事例 を参照しています。)

登録ユーザ: 0
ゲスト: 1

もっと...

google 検索

Google