2017-08-30 7 views
-1

私は速くなります。私はコードがデバッグされていないことを知っている、私はそれで1時間しか持っていない、と私はすでにバグがあり、それを修正する方法がわからない、私はコードに表示される方法をナビゲートした。私はtext-decoration:none;を使って下線を隠していますが、黒い点がいくつか表示されています。文字装飾なのか分かりません。 ナビに黒い点があるのはなぜですか? (HTML/CSS)

<!doctype html> 

<html> 

<head> 
<link rel="stylesheet" type="text/css"  href="style.css"> 
<title>stdd</title> 
</head> 

<body> 

<h2>FRASE PAGINA WEB</h2> 
<h1>TITULO PAGINA WEB</h1> 

<nav> 
<ul> 
<li><a href="#">Inicio</a></li> 
<li><a href="#">Albumes</a></li> 
<li><a href="#">Centerfolder</a><li> 
</ul> 
</nav> 

<div id="leftbox"> 
<article><img src="1.jpg"><p><b>Explora y sobrevive en la oscuridad de un mundo de pesadilla.</b></p></article> 
<article><img src="2.jpg"><p><b>Salva la galaxia con tu nave y con la ayuda los gatitos espaciales!</b></p></article> 
<article><img src="3.jpg"><p><b>Tus acciones cuenta soladado! La guerra nunca habia sido tan real.</b></p></article> 
</div> 

<aside> 
<p>Aqui pueden ir anuncios, tags, comentarios de redes sociales, un buscador, la radio, cualquier gadget, algun javascript, una imagen, un gif, puntuacion, suscribirse por correo, hora, calendario, miniblog...</p> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 

<div id="rightbox"> 
<article><img src="4.jpg"><p><b>Todos tenemos nuestro lado psicopata... Acaba con todos de mil maneras!</b>.</p></article> 
<article><img src="5.jpg"><p><b>Sin manos, sin piernas, grandes cualidades.</b></p><br></article> 
<article><img src="6.jpg"><p><b>Desde naves hasta estaciones espaciales, el espacio en manos de tu ingenio!</b></p></article> 

<footer> 
</footer> 

</body> 
</html> 

とCSS:

ここ

はHTMLです

*{padding:0; margin:0; text-decoration:none;} 

body{background:#cb8015;} 

h1{color:yellow; text-align:center; font-size:50px;} 

h2{color:yellow; text-align:center; margin-top:6px;  font-size:40px;} 

article img{width:100%; border-top:solid white 3px;  border-bottom:solid white 3px;} 

#leftbox{width:39%; float:left;} 
#leftbox p{text-align:right; margin-right:10%; margin- left:10%; margin-bottom:10px; font-size:23px;} 

aside{background:black; width:22%; float:left;} 
aside p{color:white; padding:10px; font-size:30px;} 

#rightbox{width:39%; float:left;} 
#rightbox p{text-align:left; margin-right:10%;  margin-left:10%; margin-bottom:10px; font-size:23px;} 


nav{overflow:hidden; border-top:solid orange 3px;} 
nav ul li{float:left;} 
nav ul li a{display:block; font-size:28px; color:white; padding:1px 5px;} 
nav ul li a:hover{background:black;} 

<br>アマチュアフィックスのようなものや悪い色は、どのように見えるか一時的なものです。 ulタグBydefault

+0

回答ありがとうございました – lekordicosadiluy

答えて

1

リスト項目に弾丸を取ります。これは、nav ul {list-style: none;}を使用して削除できます。 ...以下

*{padding:0; margin:0; text-decoration:none;} 
 

 
body{background:#cb8015;} 
 

 
h1{color:yellow; text-align:center; font-size:50px;} 
 

 
h2{color:yellow; text-align:center; margin-top:6px;  font-size:40px;} 
 

 
article img{width:100%; border-top:solid white 3px;  border-bottom:solid white 3px;} 
 

 
#leftbox{width:39%; float:left;} 
 
#leftbox p{text-align:right; margin-right:10%; margin- left:10%; margin-bottom:10px; font-size:23px;} 
 

 
aside{background:black; width:22%; float:left;} 
 
aside p{color:white; padding:10px; font-size:30px;} 
 

 
#rightbox{width:39%; float:left;} 
 
#rightbox p{text-align:left; margin-right:10%;  margin-left:10%; margin-bottom:10px; font-size:23px;} 
 

 

 
nav{overflow:hidden; border-top:solid orange 3px;} 
 
nav ul {list-style: none;} 
 
nav ul li{float:left;} 
 
nav ul li a{display:block; font-size:28px; color:white; padding:1px 5px;} 
 
nav ul li a:hover{background:black;}
<h2>FRASE PAGINA WEB</h2> 
 
<h1>TITULO PAGINA WEB</h1> 
 

 
<nav> 
 
<ul> 
 
<li><a href="#">Inicio</a></li> 
 
<li><a href="#">Albumes</a></li> 
 
<li><a href="#">Centerfolder</a><li> 
 
</ul> 
 
</nav> 
 

 
<div id="leftbox"> 
 
<article><img src="1.jpg"><p><b>Explora y sobrevive en la oscuridad de un mundo de pesadilla.</b></p></article> 
 
<article><img src="2.jpg"><p><b>Salva la galaxia con tu nave y con la ayuda los gatitos espaciales!</b></p></article> 
 
<article><img src="3.jpg"><p><b>Tus acciones cuenta soladado! La guerra nunca habia sido tan real.</b></p></article> 
 
</div> 
 

 
<aside> 
 
<p>Aqui pueden ir anuncios, tags, comentarios de redes sociales, un buscador, la radio, cualquier gadget, algun javascript, una imagen, un gif, puntuacion, suscribirse por correo, hora, calendario, miniblog...</p> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 

 
<div id="rightbox"> 
 
<article><img src="4.jpg"><p><b>Todos tenemos nuestro lado psicopata... Acaba con todos de mil maneras!</b>.</p></article> 
 
<article><img src="5.jpg"><p><b>Sin manos, sin piernas, grandes cualidades.</b></p><br></article> 
 
<article><img src="6.jpg"><p><b>Desde naves hasta estaciones espaciales, el espacio en manos de tu ingenio!</b></p></article> 
 

 
<footer> 
 
</footer>

0

チェック、それnav ul li{float:left; list-style-type: none;}

*{padding:0; margin:0; text-decoration:none;} 
 

 
body{background:#cb8015;} 
 

 
h1{color:yellow; text-align:center; font-size:50px;} 
 

 
h2{color:yellow; text-align:center; margin-top:6px;  font-size:40px;} 
 

 
article img{width:100%; border-top:solid white 3px;  border-bottom:solid white 3px;} 
 

 
#leftbox{width:39%; float:left;} 
 
#leftbox p{text-align:right; margin-right:10%; margin- left:10%; margin-bottom:10px; font-size:23px;} 
 

 
aside{background:black; width:22%; float:left;} 
 
aside p{color:white; padding:10px; font-size:30px;} 
 

 
#rightbox{width:39%; float:left;} 
 
#rightbox p{text-align:left; margin-right:10%;  margin-left:10%; margin-bottom:10px; font-size:23px;} 
 

 

 
nav{overflow:hidden; border-top:solid orange 3px;} 
 
nav ul li{float:left; list-style-type: none;} 
 
nav ul li a{display:block; font-size:28px; color:white; padding:1px 5px;} 
 
nav ul li a:hover{background:black;}
<h2>FRASE PAGINA WEB</h2> 
 
<h1>TITULO PAGINA WEB</h1> 
 

 
<nav> 
 
<ul> 
 
<li><a href="#">Inicio</a></li> 
 
<li><a href="#">Albumes</a></li> 
 
<li><a href="#">Centerfolder</a><li> 
 
</ul> 
 
</nav> 
 

 
<div id="leftbox"> 
 
<article><img src="1.jpg"><p><b>Explora y sobrevive en la oscuridad de un mundo de pesadilla.</b></p></article> 
 
<article><img src="2.jpg"><p><b>Salva la galaxia con tu nave y con la ayuda los gatitos espaciales!</b></p></article> 
 
<article><img src="3.jpg"><p><b>Tus acciones cuenta soladado! La guerra nunca habia sido tan real.</b></p></article> 
 
</div> 
 

 
<aside> 
 
<p>Aqui pueden ir anuncios, tags, comentarios de redes sociales, un buscador, la radio, cualquier gadget, algun javascript, una imagen, un gif, puntuacion, suscribirse por correo, hora, calendario, miniblog...</p> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 

 
<div id="rightbox"> 
 
<article><img src="4.jpg"><p><b>Todos tenemos nuestro lado psicopata... Acaba con todos de mil maneras!</b>.</p></article> 
 
<article><img src="5.jpg"><p><b>Sin manos, sin piernas, grandes cualidades.</b></p><br></article> 
 
<article><img src="6.jpg"><p><b>Desde naves hasta estaciones espaciales, el espacio en manos de tu ingenio!</b></p></article> 
 

 
<footer> 
 
</footer>

+0

Lol Soo fast。ありがとう! – lekordicosadiluy

0

を更新スニペットをチェックするだけ 'のlist-style:なし' を追加CSSプロパティ:このCSSを追加

*{padding:0; margin:0; text-decoration:none;} 
 

 
body{background:#cb8015;} 
 

 
h1{color:yellow; text-align:center; font-size:50px;} 
 

 
h2{color:yellow; text-align:center; margin-top:6px;  font-size:40px;} 
 

 
article img{width:100%; border-top:solid white 3px;  border-bottom:solid white 3px;} 
 

 
#leftbox{width:39%; float:left;} 
 
#leftbox p{text-align:right; margin-right:10%; margin- left:10%; margin-bottom:10px; font-size:23px;} 
 

 
aside{background:black; width:22%; float:left;} 
 
aside p{color:white; padding:10px; font-size:30px;} 
 
ul li{ 
 
    list-style:none; 
 
} 
 
#rightbox{width:39%; float:left;} 
 
#rightbox p{text-align:left; margin-right:10%;  margin-left:10%; margin-bottom:10px; font-size:23px;} 
 

 

 
nav{overflow:hidden; border-top:solid orange 3px;} 
 
nav ul li{float:left;} 
 
nav ul li a{display:block; font-size:28px; color:white; padding:1px 5px;} 
 
nav ul li a:hover{background:black;}
<body> 
 

 
<h2>FRASE PAGINA WEB</h2> 
 
<h1>TITULO PAGINA WEB</h1> 
 

 
<nav> 
 
<ul> 
 
<li><a href="#">Inicio</a></li> 
 
<li><a href="#">Albumes</a></li> 
 
<li><a href="#">Centerfolder</a><li> 
 
</ul> 
 
</nav> 
 

 
<div id="leftbox"> 
 
<article><img src="1.jpg"><p><b>Explora y sobrevive en la oscuridad de un mundo de pesadilla.</b></p></article> 
 
<article><img src="2.jpg"><p><b>Salva la galaxia con tu nave y con la ayuda los gatitos espaciales!</b></p></article> 
 
<article><img src="3.jpg"><p><b>Tus acciones cuenta soladado! La guerra nunca habia sido tan real.</b></p></article> 
 
</div> 
 

 
<aside> 
 
<p>Aqui pueden ir anuncios, tags, comentarios de redes sociales, un buscador, la radio, cualquier gadget, algun javascript, una imagen, un gif, puntuacion, suscribirse por correo, hora, calendario, miniblog...</p> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 

 
<div id="rightbox"> 
 
<article><img src="4.jpg"><p><b>Todos tenemos nuestro lado psicopata... Acaba con todos de mil maneras!</b>.</p></article> 
 
<article><img src="5.jpg"><p><b>Sin manos, sin piernas, grandes cualidades.</b></p><br></article> 
 
<article><img src="6.jpg"><p><b>Desde naves hasta estaciones espaciales, el espacio en manos de tu ingenio!</b></p></article>

0

てみてください。

nav ul { 
    list-style-type: none; 
} 
関連する問題