Maison base de données tutoriel 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)的定位技巧

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment ajuster la position du texte dans Dreamweaver Comment ajuster la position du texte dans Dreamweaver Apr 09, 2024 am 02:24 AM

Comment ajuster la position du texte dans Dreamweaver

Comment ajouter une vidéo à la production de pages Web Dreamweaver Comment ajouter une vidéo à la production de pages Web Dreamweaver Apr 09, 2024 am 01:42 AM

Comment ajouter une vidéo à la production de pages Web Dreamweaver

Comment ajuster l'espacement des lignes dans Dreamweaver Comment ajuster l'espacement des lignes dans Dreamweaver Apr 09, 2024 am 03:00 AM

Comment ajuster l'espacement des lignes dans Dreamweaver

Comment définir la taille du texte dans Dreamweaver Comment définir la taille du texte dans Dreamweaver Apr 09, 2024 am 02:18 AM

Comment définir la taille du texte dans Dreamweaver

Comment ajouter des images sur Dreamweaver Comment ajouter des images sur Dreamweaver Apr 09, 2024 am 03:30 AM

Comment ajouter des images sur Dreamweaver

Comment définir la police Dreamweaver Comment définir la police Dreamweaver Apr 09, 2024 am 02:54 AM

Comment définir la police Dreamweaver

Comment mettre en retrait du texte dans Dreamweaver Comment mettre en retrait du texte dans Dreamweaver Apr 09, 2024 am 02:15 AM

Comment mettre en retrait du texte dans Dreamweaver

Comment configurer le logiciel de conception Web Dreamweaver en chinois Comment configurer le logiciel de conception Web Dreamweaver en chinois Apr 09, 2024 am 12:39 AM

Comment configurer le logiciel de conception Web Dreamweaver en chinois

See all articles