[Løst]Fjerne "bullet" på <ul>?

Sk!ppy · 9. februar 2010

Hei.

Jeg prøver å lage en meny, som skal ha en enkel meny, som er laget sånn;

<div id="menu_bar">
<h1>Meny</h1>
<ul>
<li><a href="">Hjem</a></li>
<li><a href="">Tjenester</a></li>
<li><a href="">bilder</a></li>
<li><a href="">Portfolio</a></li>
</ul>
</div>

ganske enkel kode, css er sånn

	ul	{
list-style: none;
	}

men problemet er at jeg får den lille "rundingen" foran vær enkelt link.

Hvorfor? jeg får den ikke vekk. takk for alle svar

Hyacinth · 9. februar 2010

Ser ut som du har gjort det riktig.

Last inn følgende i en nettleser:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="no" xml:lang="no">

<head>
   <style type="text/css" media="all">
       ul {
           list-style: none;
       }
   </style>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
   <title>Meny uten bullets</title>
</head>

<body>
<div id="menu_bar">
   <h1>Meny</h1>
   <ul>
       <li><a href="">Hjem</a></li>
       <li><a href="">Tjenester</a></li>
       <li><a href="">bilder</a></li>
       <li><a href="">Portfolio</a></li>
   </ul>
</div>
</body>

Hvis ikke dette virker, overstyrer du med stiler du har definert selv for nettleseren?

Sk!ppy · 9. februar 2010

Det funker der. Rart.

her er index.html min:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Title</title>
	<link rel="shortcut icon" href="favicon.ico" />
	<link href="style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="round" style="background-color: #FFF; border: 1px solid #bfbfbf; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; width:1000px; 
margin:0 auto; margin-top:80px;">
			<br>
		<!--
		<br>
			<div class="menu_top_div">
				<ul class="menu_top_ul">
				<li class="menu_top_li"><a href="" class="menu_top_first_active"><span class="menu_top_first_active">Hjem</span></a></li>
				<li class="menu_top_li"><a href="" class="menu_top_middle_inactive"><span class="menu_top_middle_inactive">Hjemmeside</span></a></li>
				<li class="menu_top_li"><a href="" class="menu_top_middle_inactive"><span class="menu_top_middle_inactive">Forum</span></a></li>
				<li class="menu_top_li"><a href="" class="menu_top_middle_inactive"><span class="menu_top_middle_inactive">Nedlastninger</span></a></li>
				<li class="menu_top_li"><a href="" class="menu_top_last_inactive"><span class="menu_top_last_inactive">Guider</span></a></li>
				</ul>
			</div>

<br><br><br>
		-->

<div id="left_menu">
<h1>Overskrift</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel ligula a nulla euismod adipiscing non sed ipsum. Vestibulum quis ligula sed neque elementum scelerisque. Proin vulputate lorem sit amet metus eleifend a tristique neque congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed quis leo at lorem placerat bibendum. Ut mattis ante sed ligula eleifend faucibus. Ut velit quam, mattis at adipiscing sit amet, elementum vel turpis. Nam vitae quam sit amet mi ornare lobortis at vel est. Morbi vel purus nec ipsum porttitor venenatis nec nec diam. In molestie dictum tempor. Praesent at feugiat tortor. Quisque in elit ligula. Phasellus adipiscing nulla vitae sem tempor ac ultricies dolor suscipit. Duis odio elit, aliquam sed euismod a, laoreet eu tellus. Vestibulum nec arcu velit, a auctor lacus. 
</div>
<div id="right_menu">

<div id="menu_bar">
<h1>Meny</h1>
<ul>
<li><a href="">Hjem</a></li>
<li><a href="">Tjenester</a></li>
<li><a href="">bilder</a></li>
<li><a href="">Portfolio</a></li>
</ul>
</div>


</div>
<div class="clearall"></div>
 
</div>

</body>
</html>

Endret 9. februar 2010 av Sk!ppy

Kaptein Snus · 9. februar 2010

Vet ikke om det har noe å si men du kan jo prøve

ul li {
list-style:none;
}

Hvor den går rett på li istedet for hele ul

Sk!ppy · 9. februar 2010

Nei, funket nok ikke det heller

Kaptein Snus · 9. februar 2010

Lagret fila di og lagde eget stylesheet:

#right_menu ul {
list-style:none;
}

Fungerte helt fint her..

Her er filene hvis du vil

index.html

style.css

Endret 9. februar 2010 av Lek1

Sk!ppy · 9. februar 2010

Du glemte å legge ved

<div id="round" style="background-color: #FFF; border: 1px solid #bfbfbf; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; width:1000px; 
margin:0 auto; margin-top:80px;">

og fulle css min; om det har noe å si? muligens?

body {
background-image:url(img/bg_8.jpg);
background-repeat:repeat-x;
background-color:#af3131;
}

h1 {
margin-right:10px;
border-bottom:thin dotted;
}

/* Container itself */

#left_menu	{
float:left;
width:700px;
border-right:dotted 1px;
			}

#right_menu	{
float:right;
width:280px;
			}

.clearall {clear:both;}

#menu_bar	{
			border-bottom:dotted 1px;
			}



/* Top Tabs
------------------------------------------------------------------ */
div.menu_top_div {
 	float:right;
	  line-height:normal;

}
ul.menu_top_ul{
margin:0;
padding:0;
ist-style:none;
}
li.menu_top_li {
display:inline;
margin:0;
padding:0;
}

/* Top Tabs - First
------------------------------------------------------------------ */
a.menu_top_first_active {
	float:left;
	background:url("img/menu/top_tabs_left_first.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-position:0% -54px;
}

span.menu_top_first_active {
	float:left;
	display:block;
	background:url("img/menu/top_tabs_right_first.gif") no-repeat right top;
	padding:18px 15px 18px 6px;
	color: #fff;
	text-transform:uppercase;
	font: bold 15px Arial, Helvetica, sans-serif;
	background-position:100% -54px;
}

a.menu_top_first_inactive {
	float:left;
	background:url("img/menu/top_tabs_left_first.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

a.menu_top_first_inactive:hover {
	background-position:0% -54px;
}

span.menu_top_first_inactive {
	float:left;
	display:block;
	background:url("img/menu/top_tabs_right_first.gif") no-repeat right top;
	padding:18px 15px 18px 6px;
	color: #464e53;
	text-transform:uppercase;
	font: bold 15px Arial, Helvetica, sans-serif;
}

span.menu_top_first_inactive:hover {
	color: #fff;
	background-position:100% -54px;
}

/* Top Tabs - Middle
------------------------------------------------------------------ */
a.menu_top_middle_active {
	float:left;
	background:url("img/menu/top_tabs_left_middle.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-position:0% -54px;
}

span.menu_top_middle_active {
	float:left;
	display:block;
	background:url("img/menu/top_tabs_right_middle.gif") no-repeat right top;
	padding:18px 15px 18px 6px;
	color: #fff;
	text-transform:uppercase;
	font: bold 15px Arial, Helvetica, sans-serif;
	background-position:100% -54px;
}

a.menu_top_middle_inactive {
	float:left;
	background:url("img/menu/top_tabs_left_middle.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
}

a.menu_top_middle_inactive:hover {
	background-position:0% -54px;
}

span.menu_top_middle_inactive {
	float:left;
	display:block;
	background:url("img/menu/top_tabs_right_middle.gif") no-repeat right top;
	padding:18px 15px 18px 10px;
	color: #464e53;
	text-transform:uppercase;
	font: bold 15px Arial, Helvetica, sans-serif;
}

span.menu_top_middle_inactive:hover {
	color: #fff;
	background-position:100% -54px;
}





/* topp meny
------------------------------------------------------------------ */
a.menu_top_last_active {
	float:left;
	background:url("img/menu/top_tabs_left_last.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
	background-position:0% -54px;
}

span.menu_top_last_active {
	float:left;
	display:block;
	background:url("img/menu/top_tabs_right_last.gif") no-repeat right top;
	padding:18px 15px 18px 10px;
	color: #fff;
	text-transform:uppercase;
	font: bold 15px Arial, Helvetica, sans-serif;
	background-position:100% -54px;
}

a.menu_top_last_inactive {
	float:left;
	background:url("img/menu/top_tabs_left_last.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
}

a.menu_top_last_inactive:hover {
	background-position:0% -54px;
}

span.menu_top_last_inactive {
	float:left;
	display:block;
	background:url("img/menu/top_tabs_right_last.gif") no-repeat right top;
	padding:18px 15px 18px 10px;
	color: #464e53;
	text-transform:uppercase;
	font: bold 15px Arial, Helvetica, sans-serif;
}

span.menu_top_last_inactive:hover {
	color: #fff;
	background-position:100% -54px;
}


// Right menu

#right_menu ul {
list-style:none;
}

Kaptein Snus · 9. februar 2010

Det er fordi jeg la stylen inn i stylesheeten istedet..

index.html

style.css

funker her ihvertfall..

Sk!ppy · 9. februar 2010

Åja.. Takk :blush:

Kaptein Snus · 9. februar 2010

Nemo problemo

Logg inn

[Løst]Fjerne "bullet" på <ul>?

Anbefalte innlegg

Sk!ppy

Lenke til kommentar

Videoannonse

Hyacinth

Lenke til kommentar

Sk!ppy

Lenke til kommentar

Kaptein Snus

Lenke til kommentar

Sk!ppy

Lenke til kommentar

Kaptein Snus

Lenke til kommentar

Sk!ppy

Lenke til kommentar

Kaptein Snus

Lenke til kommentar

Sk!ppy

Lenke til kommentar

Kaptein Snus

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer