It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming HTML Forum

Unordered List Dots

Unordered List Dots

Postby JackalsNose on Fri Aug 01, 2008 4:54 pm

I've been making a website and have been utilizing HTML and CSS. The Menu is in a division on the left of the site and has an unordered list.

My question is how do I go about removing the black dots that appear surrounding the first item?

Code: Select all
<html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<title>Bob's Page</title>
</head>

<body>
<center>
<img class="center" src="img/banner.jpg"></center>
<div class="left">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="mailto:robert.t.adams5@gmail.com">Contact Me</a></li>
</ul>
</div>

<div class="right">
<p>Text goes here.
</div>

</body>

</html>


The site is here: http://eco-heater.bobadams.x10hosting.com/
JackalsNose
 
Posts: 3
Joined: Fri Aug 01, 2008 4:48 pm

Postby chubzyko on Fri Aug 01, 2008 5:35 pm

how about doing something like this.


Code: Select all
<html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<title>Bob's Page</title>
</head>

<body>
<center>
<img class="center" src="img/banner.jpg"></center>
<div class="left">
<dl>
   <dt>
      <dd>
           <a href="index.html">Home</a>
      </dd>
   </dt>
</dl>
<ul">
   <li><a href="about.html">About</a></li>
   <li><a href="products.html">Products</a></li>
   <li><a href="mailto:robert.t.adams5@gmail.com">Contact Me</a></li>
</ul>
</div>

<div class="right">
<p>Text goes here.
</div>

</body>

</html>



haha! just a try. I know it got a long code. but I guess that's the same with what you wanna do. ;p
"Failure is the key to success, so try and try until you succeed."
User avatar
chubzyko
100+ Club
 
Posts: 104
Joined: Wed Jul 30, 2008 10:48 pm
Location: Marikina City, Philippines

Postby JackalsNose on Fri Aug 01, 2008 5:51 pm

Thanks! Definition Lists helped, had to change the CSS to accommodate, but this was the eventual html:

Code: Select all
<html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<title>Bob's Page</title>
</head>
<body>
<center>
<img class="center" src="img/banner.jpg"></center>
<div class="left">
<dl>
<dt><dd><a href="index.html">Home</a></dd></dt>
<dt><dd><a href="about.html">About</a></dd></dt>
<dt><dd><a href="products.html">Products</a></dd></dt>
<dt><dd><a href="mailto:robert.t.adams5@gmail.com">Contact Me</a></dd></dt>
</dl>
</div>
<div class="right">
<p>Text goes here.
</div>
</body>
</html>


It's all better now, thank you.
JackalsNose
 
Posts: 3
Joined: Fri Aug 01, 2008 4:48 pm

Postby chubzyko on Fri Aug 01, 2008 6:07 pm

np! :D
"Failure is the key to success, so try and try until you succeed."
User avatar
chubzyko
100+ Club
 
Posts: 104
Joined: Wed Jul 30, 2008 10:48 pm
Location: Marikina City, Philippines

Postby rangana on Sat Aug 02, 2008 3:14 am

Thought using a Definition List prove an aide, I'll point on fixing it via CSS.

Add this code in the head section of your page:
Code: Select all
<style type="text/css">
ul{list-style-type:none;}
</style>


chubzko, read Semantics - Use semantically correct markup.

Hope that makes sense.
User avatar
rangana
500+ Club
 
Posts: 935
Joined: Wed Feb 27, 2008 5:14 am
Location: Cebu City Philippines


Who is online

Users browsing this forum: No registered users and 3 guests