Dreamweaver - unified CSS but not?!

Author

unified CSS but not?!

r_tist

2005-09-14, 7:34 pm

Hi,

If I have two li & ul styles merged into 1, titled
#home_list, #product_list

and I give them a line-height. Isn't the line height supposed to be the same
on on all pages for the specified text?

I don't understand why it's not working & how I can edit.
see: www.fasttag.com/fasttagtablecode/cohesive.html (see the home page list
& compare with the one on this cohesive sub page)
I want the line spacing identical and I also want the bulleted list on the
cohesive page to be a bit closer to the left margin -- without affecting the
home page list positioning at all.

How can I modify this CSS?
.topbar {
background-image: url(images/topbar.jpg);
background-repeat: repeat;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #283B69;
line-height: 15px;
text-align: justify;
font-weight: normal;
padding-left: 25px;
padding-right: 30px;
vertical-align: top;
margin-bottom: 0px;
margin-top: 0px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #283B69;
padding-left: 12px;
margin: 12px;
}
.rule img{
border: solid #8CAB4D;
border-width: 0 0 1px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #70883C;
font-style: normal;
font-weight: bold;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 20px;
}
.bottombar {background-image: url(images/bottombar.jpg);
}
.outsideborder {
border-top: 1px solid #283B69;
border-right: 1px solid #283B69;
border-bottom: 3px solid #283B69;
border-left: 1px solid #283B69;
}
.calltoaction {
font: bold 14px Arial, Helvetica, sans-serif;
color: #283B69;
text-align: right;
letter-spacing: 1px;
margin: 35px 23px 0 0;
width: 193px;
float: right;
}
.mainimage {
margin-top: 0px;
margin-right: 25px;
margin-bottom: 72px;
margin-left: 0px;
}
.logobar {
background: url(images/logoblock.jpg) no-repeat;
margin: 0px;
height: 86px;
}
h4 {
margin: 0px;
}
.longrule {
background-image: url(images/rule.jpg);
background-repeat: repeat-x;
}
.stripegradation {
background: url(images/stripegradient.jpg) no-repeat;
margin-left: 200px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
}
a:link {
color: #70883C;
text-decoration: underline;
}
a:visited {
color: #70883C;
text-decoration: underline;
}
a:hover {
color: #375012;
text-decoration: none;
}
a:active {
color: #70883C;
text-decoration: underline;
}
#home_list ul, #product_list ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
color: #283B69;
font-weight: bolder;
margin-left: 20px;
padding-left: 20px;
}
#home_list li, #product_list li {
line-height: 14px;
margin: 0;
padding: 0;
margin-bottom: 9px;
}

#product_list ul {
color: #70883C;
margin: 0 10px;
padding: 0 10px;
}
.tagsamplepositions {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
.productfactheading {
font-family: arial;
font-size: 11px;
color: #8CAA4B;
font-style: normal;
font-weight: bold;
}

darrel

2005-09-14, 7:34 pm

> I don't understand why it's not working & how I can edit.
> see: www.fasttag.com/fasttagtablecode/cohesive.html (see the home page
list
> & compare with the one on this cohesive sub page)

I don't see a list on the home page.

If you are comparing paragraph text with list text, then realize in addition
to line spacing, you're going to have margin/padding spacing between each
list item.

-Darrel

Osgood

2005-09-15, 4:22 am

r_tist wrote:
> Hi,
>
> If I have two li & ul styles merged into 1, titled
> #home_list, #product_list
>
> and I give them a line-height. Isn't the line height supposed to be the same
> on on all pages for the specified text?
>
> I don't understand why it's not working & how I can edit.

> I want the line spacing identical and I also want the bulleted list on the
> cohesive page to be a bit closer to the left margin -- without affecting the
> home page list positioning at all.

If you refer back to my original answer to your first post you need to
add id="product_list" to the <td> as below.

Also get rid of all of the 'class="liproductfacts"' from the <li> tags,
as shown below.

<td id="product_list" class="tabletagbgicon"><ul>
<li>1.5" x 11" </li>
<li>3 sets of claim numbers - black ink only </li>
<li>Disclaimer / liability: Call your Design Consultant for options</li>
<li>Logo: Can be placed on claim stub and / or body of tag</li>
<li>Perforation: Can have up to two perforations on tag (call your
Design Consultant for options)</li>
<li>Drill hole size: 1/4", 5/16" or 3/8"</li>
</ul></td>

Do that and your list will go into the position that you require and
have the desired linespacing.

r_tist

2005-09-15, 7:19 pm

I want to thank you for your help!! I really appreciate it!
-- Sorry, I must've missed this bit as I was working from a print-out of your response.

Thanks again! :)
Christine