ホームページ データベース mysql チュートリアル Dreamweaver中层(Layer)的定位技巧

Dreamweaver中层(Layer)的定位技巧

Jun 07, 2016 pm 03:29 PM
dreamweaver 位置 スキル

我想许多朋友网页制作的朋友和我一样,都遇到过这样的问题:"层在某个分辨率下是正常的,可是换了分辨率或调整窗口,层就错位,这种情况最常见的情形就是下拉菜单的制作,鼠标移到一个项目上,子项菜单却从另外的地方弹出来,很烦人吧?怎样才能做到层在不同


    我想许多朋友网页制作的朋友和我一样,都遇到过这样的问题:"层在某个分辨率下是正常的,可是换了分辨率或调整窗口,层就错位,这种情况最常见的情形就是下拉菜单的制作,鼠标移到一个项目上,子项菜单却从另外的地方弹出来,很烦人吧?怎样才能做到层在不同分辨率下不错位呢?" 现在我们来做一个鼠标移上去就弹出菜单的效果,请看下面的例子:  第一步:新建一个二行一列的表格,为了便于我看一些特殊的元素,我们将表格的边框定义为一;如下(新建表格的快捷键:ctrl+alt+T),

?
?


  第二步:将第一行的表格分成5列,(给每列的表格定义颜色定义为红色,并将它们的Brdr也定义为黑色)如下:

? ? ? ? ? ?
?


  第三步:将第一行表格的每一列输入以下文字(给表格的文字定义一个白颜色,12号字体的CSS教程 href="http://www.blue1000.com/bkhtml/c23/" target=_blank>CSS):

图层一下拉菜单 图层二下拉菜单 图层三下拉菜单 图层四下拉菜单 图层五下拉菜单 图层六下拉菜单
?


  第四步:插入层,记住要将光标定义在第二表格里再插层,你会看到层的占位符在表格里,如下:

Dreamweaver中层(Layer)的定位技巧

  第五步:将层的left和top属性删除如下图:

Dreamweaver中层(Layer)的定位技巧

  第六步:将光标定义在layer层里,插入层,如下:

Dreamweaver中层(Layer)的定位技巧

Dreamweaver中层(Layer)的定位技巧

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Dreamweaverでテキストの位置を調整する方法 Dreamweaverでテキストの位置を調整する方法 Apr 09, 2024 am 02:24 AM

Dreamweaver でのテキスト位置の調整は、次の手順で完了できます: テキストを選択し、テキスト位置調整ツールを使用して水平方向の調整を行います: 左揃え、右揃え、中央揃え; 2. 垂直方向の調整を行います: 上揃え、下揃え、垂直中央; 3. Shift キーを押し、矢印キーを使用して位置を微調整します; 4. ショートカット キーを使用して素早く整列します: 左揃え (Ctrl/Cmd + L)、右揃え (Ctrl/Cmd + R)、中央揃え(Ctrl/Cmd + C)。

Dreamweaver の Web ページ制作にビデオを追加する方法 Dreamweaver の Web ページ制作にビデオを追加する方法 Apr 09, 2024 am 01:42 AM

Dreamweaver を使用してビデオを埋め込む: ビデオ要素を挿入します。動画ファイルを選択してアップロードします。ビデオのタイプ、URL、サイズ、自動再生、コントロールを設定します。ビデオを挿入します。オプション: ビデオの外観をカスタマイズします。

Dreamweaverで行間を調整する方法 Dreamweaverで行間を調整する方法 Apr 09, 2024 am 03:00 AM

Dreamweaver での行間隔の調整は 4 段階のプロセスです。テキストを選択し、段落パネルを開き、行間隔オプションを調整し、最後に [OK] をクリックして変更を適用します。

Dreamweaverで文字サイズを設定する方法 Dreamweaverで文字サイズを設定する方法 Apr 09, 2024 am 02:18 AM

Dreamweaver でテキスト サイズを設定するには、次の手順を実行します。 テキストを選択します。 テキスト メニューに移動します。 フォント サイズを選択します。 希望のサイズを選択します。 Enter キーを押して保存します。

Dreamweaverのフォントを設定する方法 Dreamweaverのフォントを設定する方法 Apr 09, 2024 am 02:54 AM

Dreamweaver でフォントを設定するには、[プロパティ] パネルを使用してフォント、サイズ、色を選択します。 CSS を使用して、Web サイト全体または特定の要素のフォントを設定します。 「font」タグを使用して、HTML コード内でフォントを直接設定します。

Dreamweaver に写真を追加する方法 Dreamweaver に写真を追加する方法 Apr 09, 2024 am 03:30 AM

Dreamweaver に画像を挿入するには、[挿入] メニューをクリックして [画像] を選択し、画像ファイルに移動して選択します。その他の方法には、ファイルをドラッグ アンド ドロップする方法や、HTML コードを直接挿入する方法があります。プロパティの調整には、サイズの変更、配置、境界線の追加、代替テキストの入力が含まれます。

WebデザインソフトDreamweaverを中国語に設定する方法 WebデザインソフトDreamweaverを中国語に設定する方法 Apr 09, 2024 am 12:39 AM

Dreamweaver を中国語に設定するには、次の手順に従います: Dreamweaver を開き、環境設定でユーザーインターフェイス言語を簡体字中国語または繁体字中国語に変更し、Dreamweaver を再起動します。[ヘルプ] メニューの [Dreamweaver について] 項目をチェックして言語設定を確認します。

Dreamweaverでテキストをインデントする方法 Dreamweaverでテキストをインデントする方法 Apr 09, 2024 am 02:15 AM

Dreamweaver でテキストをインデントするには、次の 4 つの方法があります。 1 つの段落をインデントします。 書式 > 段落 > インデント 複数の段落をインデントします。 段落パネルでインデント値を設定します。 スタイルを使用します。 段落スタイル ダイアログ ボックスでインデント値を設定します。 インデント キーを使用します。 Tabキーで右インデント、Shift + Tab キーで左インデント

See all articles