bullets in dreamweaver

[ilikephp]

hello!!

 

In my website, I have titles and subtitles,

for the title I need to put an outside circle,

and for the subtitles I need to put inside circle,

so when I put enter I need it automatically to be inserted.

 

I tried many things and this is the code: is it correct please?

and this is the right way to do it?

Thanks...

 

 

p {

color: #0033FF;

font-family:Arial, Helvetica, sans-serif;

font-size: 16px;

line-height: 1.4;

margin: 5px;

font-weight: bold;

list-style-position: inside;

list-style-type: square;

 

}

 

h1 {

  color: #000099;

  font-family:arial;

  font-size: 18px;

  line-height: 1.4;

margin: 5px;

font-weight: bold;

list-style-position: outside;

list-style-type: circle;

}

 

h2 {

  color: #000099;

  font-family:arial;

  font-size: 24px;

  line-height: 1.4;

margin: 5px;

font-weight: bold;

list-style-position: outside;

list-style-type: circle;

}

 

A {

COLOR: #4f032e; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: underline

}

A:link {

COLOR: #0033ff

}

A:active {

COLOR: #000099

}

A:visited {

COLOR: #0033ff

}

A:hover {

COLOR: #000099

}

 

[dbrimlow]

First, list styles are intended for list elements - ul, ol, dl, li - not paragraphs and headers.

 

Second, A:visited must follow a:link, a:hover must follow a:visited, a:active must follow a;hover. (LVHA, aka "LoVeHAte"):

 

A {
   COLOR: #4f032e; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: underline
}
A:link {
   COLOR: #0033ff
}
A:visited {
   COLOR: #0033ff
}
A:hover {
   COLOR: #000099
}
A:active {
   COLOR: #000099
}

 

What you are attempting to accomplish can be done using nested lists. I personally like using "definition lists" (dl) for this because of the  "definition title (dt)"  tag.

 

<dl>
<dt>title or header</dt>
<dd>data or content
       <dl><!-- begins nested dl -->
       <dt>sub-title or sub-header</dt>
       <dd>sub-data or sub-content</dd>
       </dl><!-- ends nested dl -->
</dd><!-- closes original dd data item -->
<dd>continues parent list</dd>
</dl>

I also combine real headers with lists to create the same effect but have the h1, h2 tags for SEO purposes.

 

The following link is a page where I used header tags, nested lists (ul) and a specific "class" for certain list items to look different than others to create the header/sub-header look:

 

sitemap header/sub-header effect