質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

解決済

1回答

1479閲覧

text-decorationが・・・

masamasamasa

総合スコア95

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2017/05/12 03:13

###前提・実現したいこと
cssを勉強中です!

<ul>の<li>の ・ を消したい

###発生している問題・エラーメッセージ
text-decoration: none; でも消えない

エラーメッセージ
イメージ説明

###該当のソースコード

<-- HTMLのコード -->

<header> <div id="header_top"> </div> <ul class="header_bottom"> <li> <a href="#"> <img id="titlelogo" src="./photo/logo.png" alt="sitelogo"> </a> </li> <li> <input type="text" name="search_header" id="search" placeholder="search"> </li> <li> <img id="searchlogo" src="./photo/search.png" alt="検索ボタン"> </li> </ul>

<-- cssのコード -->

header{
width: 100%;
height: 105px;
}

(id)header_top{
min-width: 100%;
min-height: 30px;
background-color: #00539F;
}

.header_bottom{
margin: 20px;
width: 1230px;
display: flex;
}

.header_bottom li{
text-decoration: none;
}

.header_bottom li:first-child{
margin-right: auto;
}

(id)titlelogo{
width: 200px;
height: 40px;
}

(id)search{
height: 45px;

}

(id)searchlogo{
width: 45px;
}

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

chrome

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2017/05/12 03:15

質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
masamasamasa

2017/05/12 03:31

ご指摘ありがとうございます。次回の投稿からコードブロックしたいと思います。
kei344

2017/05/12 05:36

ここは「質問への追記・修正、ベストアンサー選択の依頼」です。解決済にしても本文を編集することが出来ますので、よろしくお願いします。
guest

回答1

0

ベストアンサー

CSSで以下設定

.header_bottom{ list-style-type: none; }

text-decoration ではなく ul 要素の list-style-typeです。

投稿2017/05/12 03:25

kanimaru

総合スコア1013

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

masamasamasa

2017/05/12 03:31

できました! ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問