


質問があります: ul li と書かれたナビゲーション バーにドロップダウン メニューが表示されないのはなぜですか? 皆さんありがとう_html/css_WEB-ITnose
CSS コード:
* {
margin:0;
パディング:0;
リストスタイル:なし;
}
本文{
背景:#f0f0f0;
カラー:#999;
フォントサイズ:12px;
フォントファミリー:「Lucida Grande」、Arial、サンセリフ;
行の高さ:1.5em;
オーバーフロー-y:auto;
オーバーフロー-x:自動;
}
img {
border:0;
}
a {
color:write;text-decoration:none;
bblr:expression(this.onFocus=this.blur());
概要:なし。
}
li {list-style:none;}
.logo_box{ width:399px; 高さ:100ピクセル; align:left;float:left;}
.logo_box a{font-size:1.2em;Line-height:1.8em}
.top_right{ width:500px; float:right;}
.hydl_box{ width:500px; テキスト整列:右; 高さ:12ピクセル; 行の高さ:12px; color:#999999;}
.hydl_box a{color:#999999;}
.clearfix:after {
content:".";
表示:ブロック;
高さ:0;
クリア:両方;
可視性:非表示;
}
.topNav {
位置:相対;
z インデックス:1;
高さ:40ピクセル;
行の高さ:40px;
背景: url(../images/nav_bg.JPG) repeat-x 左上;
フォントファミリー:「Lucida Grande」、Arial、サンセリフ;
フォントサイズ:12px;
}
.topNav-width {
width:1640PX;
高さ:40ピクセル;
マージン:0 自動;
}
.topNav h3 {
font-weight:normal;
フォントサイズ:12px;
}
.topNav .tnLeft {
float:left; ;
}
.topNav li {
float:left;
位置:相対的;
}
.topNav li h3 {
float:center;
フォントの太さ:標準;
フォントサイズ:12px;
}
.topNav li h3 a {
display:inline-block;
*表示:インライン;
ズーム:1;
フォントサイズ:12px;
高さ:14ピクセル;
行の高さ:14px;
パディング:13px 20px;
color:white
}
.topNav li h3 a i {
display:inline-block;
幅:8ピクセル;
高さ:5ピクセル;
余白:0 0 0 5px;
オーバーフロー:非表示;
垂直配置:中央;
フォントサイズ:12px;
行の高さ:13px;
背景:url(images/nav_bg.JPG) 0 -61px 繰り返しなし;
}
.topNav li h3 a:hover,.topNav li.on h3 a {
background:#1C86EE;
}
.topNav .welcome {
padding-right:15px;
色:白;
}
.topNav .welcome a {
color:white;
}
.topNav li ul {
表示:なし;
位置:相対的;
左:0;
ボーダー:1px solid #CDC9C9;
ボーダートップ:0;
背景:#1C86EE;
-moz-box-shadow:3px 3px 3px rgba(0,0,0,.1);
-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.1);
box-shadow:3px 3px 3px rgba(0,0,0,.1);
}
.topNav li ul li {
line-height:31px;
}
.topNav li ul li a {
display:block;
色:白;
パディング:0 15px;
}
.topNav li ul li a:hover {
background:#CFCFCF;
色:白;
}
.topNav li ul li a span {
color:white;
margin-left:5px;
}
/*
.body{
位置:相対;
}
*/
.foot_box{ width:100%; 背景:url(../images/foot_bg_03.jpg) repeat-x; 高さ:36px;}
.foot_con{ 幅:1000px; マージン:0 自動; テキスト整列:右; 色:#FFF; 高さ:32ピクセル; line-height:32px;}HTML コード:
src="../javascript/jquery.SuperSlide.2.1.js">
頭>

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック









この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。
