テキストの配置の問題、選択したテキストではなく、全体のCSSの影響を与える

テキストの配置の問題、選択したテキストではなく、全体のCSSの影響を与える
Kelly Watt - 2009年11月2日

やあ, ときに、特定のテキストまたはテーブルに変更を加える, に中心部からの配置を変更するように左揃え, その代わりに、テーブルまたはテキストだけを選択した素材は、CSSのスタイルシートが影響している. ので、サイト全体ですべてを来て中央揃え... む〜!

ここではコードのサンプルの:

ベネットワット料金

当社の強み

最高の装置をお金で買える

30年以上のビデオ制作事業

結婚ビデオグラファー

文化の違いに敏感な

Heavenly Relation

家庭

私たちについて

サービス

接点

商品はすべてパッケージに含まれ: 個人的な相談の企画会議時間は、パッケージで提供される一連の番号のための専門のドキュメンタリー映像作品カバレッジ. リハーサルの出席: このすべての詳細は、結婚式の日前に解決されることができます, だれがどこで、いつ、大きな日に驚きを最小限にするためのカメラ、任意の時点で最良の位置にできるようにされるのを参考に歩く. すべての映像を高精細に記録されます（ HD ）ビデオとオーディオの明瞭. ポスト、完全な編集で生産, 色補正, カメラ同期, レンダリング, 最後のエンコーディング, 輸出, カスタムのDVDメニューをオーサリング設計, 基本的なDVDの設計と実装. 結婚式や家族の名前のクレジット圧延. に加えて、編集の時間を30から70時間の上で場所時間の結婚式の日行事の撮影. 製品の4-8週間、追加資料の花嫁と花婿が（音楽提供の完全な提出が予想されることが完成, 写真, 招待状, メニュー, プログラム, ウェディングパーティーや家族などの名前）?
結婚式のドキュメンタリーパッケージ1 位置情報結婚式のドキュメンタリーの取材に（事前の式典の準備を含む最大10時間, 式, 受信） 2ビデオグラファー/ 2放送品質 HD カメラ, 2ワイヤレスマイク（$ 2250の値）無人追加 HD 式（150ドルの値）用カメラ愛のドキュメンタリー: 新郎新婦はどのように会ったについてのインタビュー, 求愛, 婚約, への期待、将来の, 等. 現在および歴史的なフォトモンタージュと（オプション大型モニターや画面上の受付でプレーする, "エクストラ"）（$ 850の値）を参照してください率結婚式の日音楽ビデオ（200ドルの値）のハイライトリハーサル＆リハーサルディナー（$ 700の値）ブライダルスポットライト: 場所の教会以外での花嫁＆花婿の結婚式の日の準備（私は.e. ホーム/サロン/ホテル, ビーチ）（$ 850の値）結婚式当日、フォトモンタージュ音楽（150ドルの値）に設定するフォトセッション式レセプション 3フルカスタムDVDパッケージ（$ 300の値）と長さを編集したDVDを45から120分含まれています: 1つの個人的な相談、会議の計画, 花嫁＆新郎と愛の物語を記録する1つの場所ビデオセッション家族や友人と結婚式のお祭り（800ドルの値）周囲との非公式のインタビューパッケージ1: 4687ドル.50
結婚式のドキュメンタリーパッケージ2 位置情報結婚式のドキュメンタリーの取材に（事前の式典の準備を含む最大8時間, 式, 受信） 2ビデオグラファー/ 2放送品質 HD カメラ, 2ワイヤレスマイク, （$ 1800の値）結婚式の日音楽ビデオ（200ドル）のハイライトリハーサル（$ 700の値）フォトセッション式レセプション 3、フルカスタムの長さを編集したDVDを45から120分DVDパッケージング含まれています: 1つの個人的な相談、会議の計画家族や友人と結婚式のお祭り（800ドルの値）周囲との非公式のインタビューパッケージ2: 3220ドル
結婚式のドキュメンタリーパッケージ3 位置情報結婚式のドキュメンタリーの取材に（事前の式典の準備を含め、最大6時間, 式, 受信） 2ビデオグラファー/ 2放送品質 HD カメラ, 2ワイヤレスマイク（$ 1350の値）結婚式の日音楽ビデオ（200ドルの値）のハイライトリハーサル（$ 700の値）フォトセッション式レセプション 3、フルカスタムの長さを編集したDVDを45から120分DVDパッケージング含まれています: 1つの個人的な相談、会議の計画家族や友人と結婚式のお祭り（800ドルの値）周囲との非公式のインタビューパッケージ3: 1982ドル.50
?エキストラ場合は、パッケージの説明に含まれていません: 撮影追加: 指定されたパッケージの指定で_____時間Xの225ドル_____________ 追加 HD カメラ: 非150ドルに出席_____________ 愛のドキュメンタリー: 新郎新婦はどのように会ったについてのインタビュー, 求愛, 婚約, 現在および歴史的なフォトモンタージュの850ドルとの将来などの希望_____________ 回顧ドキュメンタリー: ポストハネムーンインタビュー, 写真＆パーソナルビデオ$ 850 _____________ブライダルスポットライトドキュメンタリー: 場所で花嫁と花婿の結婚式の日の準備式以外の場所（私は.e. ホーム/美容室/ホテル/教会）、$ 850 _____________ 結婚式の準備: 式の場所は$ 250 _____________ 結婚式の写真のスライドショーに音楽をに設定すると表示50枚$ 150, 追加の写真を$ 3 Eaは150ドル_____________ カスタムパッケージDVDリー: 結婚式の日の色の砂のテーマの統合300ドルと_____________ 結婚式のハイライトビデオ: DVDとウェブを電子メールのエンコード可能な視野$ 200 _____________ リハーサル式＆ディナー: $ 700 _____________ DVDリー恩恵: レセプションゲスト$ 10/ea _____ DVDのXの$ 10/ea _____________大画面プレゼンテーションの愛の物語、ドキュメンタリー: DVDプレーヤーのフロントショーサービス, プロジェクター, 画面＆スピーカー$ 450 _____________ 結婚式の日のブランチ: $ 300 _____________ 結婚披露宴のドキュメンタリー: ブライダルパーティとの非公式のインタビュー, ご家族やお友達と800ドル_____________ ポータブルハードドライブ上の生映像: $ 450 _____________ 招待状のDVD: 100 DVDが友人や家族とのお知らせを送信するには、あなたの婚約および/またはあなたの招待状をあなたの結婚式に出席するための拡張. $ 500 _____________ DVDを感謝する: どのように表現するために十分ではありませんも簡単にカードに感謝です深くあなたのそのお友達やご家族を考えてのことに感謝. 理由を言わないそれはパーソナライズされたプレゼンテーションで（私たちのスタジオで）を組み合わせることができる撮影結婚式のハイライトビデオDVD. 交渉_____________ 指定された3以上のDVD: $ 25/ea _____________ シアトル以外の宛先の結婚式/東側エリア: 交渉
お支払い: 予備日に500ドルのデポジット, 60 -フル預金の払い戻しのため日間のキャンセル書き込ま, その日後、私たち（50％を返金することができます?）譲渡性預金すれば再帳の日付ができるしている. バランスにより、2週間前の結婚式のために 1 /契約締結時に3預金: これはあなたの結婚式のために保存されている日付を保証. 1月3日1週間前に式に: を支払う上のロケ撮影 1月3日最終的なプロジェクトの配信時に: ポストを支払う制作、編集プロセスワシントン州の売上税のすべての料金に適用されます。. フル金の返金を60日に結婚式の日取りを前に書面で通知可能. 部分的に預金払い戻しを59から30日間の通知の日本が別のウェディングパーティーを提供する書かれている場合があります. 預金のイベントのキャンセルの場合には没収され.

料金＆契約書のダウンロードpdf

再: テキストの配置の問題、選択したテキストではなく、全体のCSSの影響を与える
Kelly Watt - 11-02-2009

問題はおそらくCSSを使用して、サードパーティ製のテンプレートに関連している. ここでは、スタイルをしていない.正しくは、ブラウザでの当社のサイト上で読み込まれる保証するためにCSSの. 〜でDreamweaverスタイルシートの[OK]を検索, しかし、ときに私たちのサイトにページをアップロードはかなり表情を硬くする.

私のスタイルをした.CSSの:
http://www.Hdvideoproduction.com /スタイル.CSSの

http://www.Hdvideoproduction.com /テンプレート/ html / CSSのの/�...

なんといっても私はそれが正しくサイトに反映するように配置することができなかった.

ここで私が働いているコードです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Bennett-Watt HD Video Productions</title>

<link href="file:///WD 1 TB/FIREWIRE 117/HDVIDEOPRODUCTIONart/HTML/UseThisTemplate/html/css/style.css" rel="stylesheet" type="text/css" />

</head>



<body>



		<!--WRAPPER DIV START -->



			<div id="wrapper">



				<!--LEFT DIV START -->

				<div id="leftpanel">



			    <p><a href="file:///WD 1 TB/FIREWIRE 117/HDVIDEOPRODUCTIONart/HTML/UseThisTemplate/html/index.html"><img src="images/HDonlyHDspecialistsbrn.jpg" alt="heavily relation" width="225" height="135" border="0"  title="heavily relation"/></a></p>



							<!--MEMBER DIV START -->



								<div id="member"><img src="images/specinhdBrown.jpg" width="234" height="252" alt="Wedding Documentary Videos" /></div>



							<!--MEMBER DIV END -->



		    <p class="services"><span class="center"><span class="center">Our Strengths</span></p>



						<span class="center">

						<!--UL.NAV1 START -->



				  </span>

						<ul class="center">



							<li class="center"><span class="center">Best equipment money can buy</span></li>



							<li class="center"><span class="center">30+ years video production business </span></li>



						  <li class="center"><span class="center">Sensitive to cultural differences</span></li>



							</ul>



						<!--UL.NAV1 END -->



				  <p class="moments"><img src="images/JKCAMSHOOTING.JPG" alt="Heavenly Relation" width="230" height="198"  title="Heavenly Relation"/></p>



			  </div>



				<!--LEFT DIV END -->



				<!--RIGHT PANEL DIV START -->



					<div id="rightpanel">



						<!--UL.NAV DIV START -->



					  <ul class="nav">

					    <li><a href="index.html" title="Bennett-Watt HD Video Production Home Page" class="nav">Home</a></li>

								<li><a href="aboutus.html" title="about us page">About Us</a></li>

								<li><a href="services.html" title="Video Production Services">Services</a></li>

								<li><a href="testimonials.html" title="Testimonials">Testimonials</a></li>

								<li><a href="videoclips.html" title="Sample Video Clips">Video Clips</a></li>

							<li><a href="contact.html" title="Contact">Contact</a></li>

							<li></li>

					  </ul>



						<!--UL.NAV DIV END -->



					  <p>				      Welcome</p>

<p class="normal"><span class="Plaintext">The award winning production team of Jim &amp; Kelly Watt, pioneers in modern high definition video production own top of the line HD video cameras, sound, lighting and editing equipment.  This husband and wife team are not only accomplished videographers, but also producers, writers, editors and graphic designers too, so feel free to contact Bennett-Watt HD Productions to explore how this magnificent resource of expertise can take your next video project to a level of excellence equal to that of your company.</span></p>



					  <p class="read"><a href="http://www.hdvideoproduction.net/rates.html">read more</a></p>



						<p class="green">Bennett-Watt HD Productions</p>



						<p class="bold">Your best choice for fulfilling your high definition video needs!</p>



						<!--RIGHTPANEL BOX DIV START -->

	    <table width="540" border="0" cellpadding="10" cellspacing="10">

						  <tr>

						    <th scope="col"><a href="wedding.html"><img src="images/jkeyes.jpg" width="265" height="328" alt="Jim &amp; Kelly Watt Wedding Eyes" /></a></th>

						    <th scope="col"><h2>Wedding Documentaries </h2>

                              <p><strong>Let us capture your </strong></p>

                              <p><strong>special moments in </strong></p>

                              <p><strong>high definition video!</strong></p>

                            <p>&nbsp;</p>

                            <p><strong> We will film your own personalized love story documentary, pre-ceremony, ceremony &amp; reception, highlight dvd, honeymoon, music slide show with up to three broadcast quality HD cameras and high-end wireless microphone systems. We'll document your wedding day as discreetly as possible making sure to capture all your memorable moments.</strong><strong></strong></p></th>

					      </tr>

						  <tr>

						    <td><a href="services.html"><img src="images/FLrecountProdpic.jpg" width="322" height="219" alt="Florida Recount Live Shot" /></a></td>

						    <td><h2>Video<br />

						      Production Services </h2>

<p>We've shot everything, so let us shoot for your next project!</p></td>

					      </tr>

					  </table>

						<!--RIGHTPANEL BOX DIV START -->



</div>



				<!--RIGHT PANEL DIV END -->



			<br class="spacer" />



				<!--FOOTER DIV START -->



				  <div id="footer">



						<!--FOOTER LEFT DIV START -->



							<div id="footer_left">



								<ul class="foot">

					    <li><a href="index.html" title="Wedding Home Page" class="nav">Home</a></li>

								<li><a href="aboutus.html" title="about us page">About Us</a></li>

								<li><a href="services.html" title="Video Production Services">Services</a></li>

								<li><a href="testimonials.html" title="Testimonials">Testimonials</a></li>

								<li><a href="videoclips.html" title="Sample Video Clips">Video Clips</a></li>

							<li><a href="contact.html">Contact</a></li></ul>



</div>



						<!--FOOTER LEFT DIV END -->



						<!--FOOTER RIGHT DIV START -->



							<div id="footer_right">&copy; Bennett-Watt Entertainment, Inc.

							  All Rights reserved							</div>



						<!--FOOTER RIGHT DIV END -->



					</div>



				<!--FOOTER DIV END -->



</div>



		<!--WRAPPER DIV START -->

</body>

</html>

サードパーティ製のテンプレートのCSSを使用して, ブラウザのプレビュー機能, ではなく、実際にブラウザで
Kelly Watt - 11-02-2009

ここで私とは、Webサイトで、私はそれを使用しようとしているCSSの情報のことだ: http://www.Hdvideoproduction.net /

/ * CSSのドキュメント* /

体（
背景:＃c9c2a8;
マージン:Opx自動;
パディング:0px;
位置:相対的な;
}

*（
マージン:0px;
パディング:0px;
テキストを整列: 左;
フォントスタイル: 通常;
フォントの重量: 通常;
}

スペース（
国境:なし;
}

.スペーサー（
片付ける:両方;
行の高さ:0px;
フォントサイズ:0px;
背景色: ＃c8c2a8;
}

＃ラッパー（
幅:900px;
パディング:0px;
マージントップ: 0px;
マージン右: 10px;
マージン底: 0px;
余白左: 10px;
}

/*==============左部CSSの起動============*/

＃leftpanel（
幅:240px;
背景:＃402917;
マージン:0;
フロート:左;
パディングトップ: 41px;
パディング右: 10px;
パディング底: 0px;
パディング左: 10px;
フォントファミリー: グルジア, "は回 New Roman", 回, セリフ;
}

＃メンバ（
幅:224px;
背景: のURL（../画像/ member_bg.）左上を繰り返す- YをのJPG;
マージン:42px 0px 0px 0px;
パディング:0;
}

.Member_box（
幅:224px;
マージン:0;
パディング:0;
}

.Member_box_left（
幅:68px;
マージン:0;
パディング:0px 11px 0px 0px;
フロート:左;
フォント:通常12px/18pxジョージア, "は回 New Roman", 回, セリフ;
色:＃b0a684;
テキストを整列:右;
}

.Member_box_left3（
幅:79px;
マージン:0;
パディング:0px 0px 0px 0px;
フロート:左;
フォント:通常12px/18pxジョージア, "は回 New Roman", 回, セリフ;
色:＃b0a684;
テキストを整列:右;
}

.SP （
余白左:10px;
}

.Member_box_right（
幅:135px;
マージン:0;
パディング:0;
フロート:左;
テキストを整列:右;
フォント:通常12px/25pxジョージア, "は回 New Roman", 回, セリフ;
色:＃333;
}

.Putbox（
幅:134px;
高さ:22px;
背景:＃614024;
国境:なし;
色:＃000000;
}

.ギャップ（
高さ:11px;
}

p.瞬間（
マージン:24px 0px 24px 0px;
}

/*==============部CSSの左端============*/

/*============== rightpanelcss開始============*/

＃rightpanel（
幅:560px;
マージン:0;
フロート:左;
パディングトップ: 10px;
パディング右: 10px;
パディング底: 0px;
パディング左: 10px;
}

＃rightpanel_box（
幅:571px;
マージン:0;
パディング:16px 0px 0px 0px;
}

＃rightpanel_box_l（
幅:253px;
マージン:0;
パディング:0;
フロート:左;
}

＃rightpanel_box_r（
幅:253px;
マージン:0;
パディング:0;
フロート:右;
}

/*============== rightpanel部CSSの最後============*/

/*==============テキストCSSの起動============*/

p.メンバー（
フォント:通常18px/40pxジョージア, "は回 New Roman", 回, セリフ;
色:＃b99e8b;
マージン:0px 0px 0px 12px;
}

p.サービス（
フォント:通常35px/normalジョージア, "は回 New Roman", 回, セリフ;
色:＃c9c2a8;
マージン:36px 0px 0px 0px;
}

p.緑（
フォント:通常35px/normalジョージア, "は回 New Roman", 回, セリフ;
色:＃3c601d;
マージン:27px 0px 0px 0px;
}

p.通常の（
フォント:通常12px/normalジョージア, "は回 New Roman", 回, セリフ;
色:＃49463a;
マージン:10px 0px 0px 0px;
}

p.読み取り（
フォント:太字12px/22pxジョージア, "は回 New Roman", 回, セリフ;
色:＃621224;
境界線から下:1px破線＃5a7f53;
テキストを整列:右;
マージン:20px 0px 0px 0px;
}

p.読み取り（
フォント:太字12px/22pxジョージア, "は回 New Roman", 回, セリフ;
色:＃621224;
テキストの装飾:なし;
}

p.読み取り:ホバー（
フォント:太字12px/22pxジョージア, "は回 New Roman", 回, セリフ;
色:＃621224;
テキストの装飾:なし;
}

p.Read1（
フォント:太字12px/22pxジョージア, "は回 New Roman", 回, セリフ;
色:＃621224;
境界線から下:1px破線＃5a7f53;
テキストを整列:右;
マージン:7px 0px 0px 0px;
}

p.Read1（
フォント:太字12px/22pxジョージア, "は回 New Roman", 回, セリフ;
色:＃621224;
テキストの装飾:なし;
}

p.Read1:ホバー（
フォント:太字12px/22pxジョージア, "は回 New Roman", 回, セリフ;
色:＃621224;
テキストの装飾:なし;
}

p.太字（
フォント:通常16px/normalジョージア, "は回 New Roman", 回, セリフ;
色:＃402917;
マージン:0px 0px 0px 0px;
}

p.Boldblack（
フォント:太字12px/normalジョージア, "は回 New Roman", 回, セリフ;
色:＃000;
マージン:13px 0px 0px 0px;
}

/*==============テキストをCSSの最後============*/

/*============== UL規格李CSSの起動============*/

UL規格.Nav1（
マージン:21px 18px 0px 0px;
パディング:0;
リストスタイルのタイプ:なし;
}

UL規格.Nav1李（
マージン:0;
パディング:0px;
境界線から下:1px破線＃826853;
}

UL規格.Nav1李（
フォント:通常13px/25pxジョージア, "は回 New Roman", 回, セリフ;
色:＃b0a684;
背景:のURL（../画像/下向きの矢印.）のJPGは、繰り返すの左中央;
マージン:0px;
パディング:0px 0px 0px 18px;
テキストの装飾:なし;
}

UL規格.純資産（
リストスタイルのタイプ:なし;
背景:＃b0a684;
国境:1px固体＃766d4d;
高さ:34px;
幅:595px;
フォントファミリー: グルジア, "は回 New Roman", 回, セリフ;
フォントサイズ: 9px;
マージントップ: 10px;
マージン右: 0px;
マージン底: 10px;
余白左: 0px;
パディング: 0;
フロート: 左;
}

UL規格.純資産李（
マージン:0px 9px 0px 9px;
パディング:0px;
フロート:左;
}

UL規格.純資産李（
フォント:太字12px/32pxジョージア, "は回 New Roman", 回, セリフ;
色:＃333;
マージン:0px;
パディング:0px 5px 0px 5px;
テキストの装飾:なし;
}

UL規格.NAVをリー:ホバー（
色:＃333;
マージン:0px;
テキストの装飾:なし;
背景:＃402917;
フォントサイズ: 10px;
フォントファミリー: グルジア, "は回 New Roman", 回, セリフ;
行の高さ: 32pxの;
フォントの重量: 太字;
パディングトップ: 0px;
パディング右: 3px;
パディング底: 0px;
パディング左: 3px;
テキストを整列: 左;
}

UL規格.足（
マージン:28px 0px 0px 50px;
パディング:0;
リストスタイルのタイプ:なし;
背景色: ＃192932;
}

UL規格.足の李（
マージン:0px 2px 0px 2px;
パディング:0px;
フロート:左;
色:＃dadaa4;
背景色: ＃182932;
}

UL規格.足の李（
フォント:通常12px/normalジョージア, "は回 New Roman", 回, セリフ;
色:＃dadaa4;
マージン:0px;
テキストの装飾:なし;
}

UL規格.足の李:ホバー（
フォント:通常12px/normalジョージア, "は回 New Roman", 回, セリフ;
色:＃dadaa4;
マージン:0px;
テキストの装飾:なし;
}

/*============== UL規格李CSSの起動============*/

＃フッター（
背景:＃182932;
幅:820px;
マージン:0px;
パディング:0px;
国境トップ:1px破線＃333;
高さ:86px;
}

＃footer_left（
幅:440px;
マージン:0px;
パディング:0px;
高さ:86px;
フロート:左;
}

＃footer_right（
幅:350ピクセル;
マージン:0px;
高さ:86px;
フロート:右;
フォント:通常12px/80pxジョージア, "は回 New Roman", 回, セリフ;
色:＃dadaa4;
テキストを整列:右;
パディングトップ: 0px;
パディング右: 10px;
パディング底: 0px;
パディング左: 0px;
}
.センター（
テキストを整列: センター;
フォントファミリー: グルジア, "は回 New Roman", 回, セリフ;
色: ＃c8c2a8;
}
.右（
テキストを整列: 右;
}
.左（
テキストを整列: 左;
}
＃leftpanel .中心部の李（
フォントサイズ: 14px;
}
＃ラッパー＃leftpanel .中心部の李（
フォントサイズ: 16px;
}
＃ラッパー＃leftpanel .サービス（
色: ＃c8c2a8;
}