2 replies [Last post]
sonny
sonny's picture
Offline
Regular
Southern California
Last seen: 18 years 9 weeks ago
Southern California
Joined: 2004-07-29
Posts: 19
Points: 0

I can't figure out why this is happening.
http://www.extracurious.com/new%20design/vibration.shtml

Where the products are the text should be the same size as the above paragraph. At 80%, but for some reason it is smaller.
This is the CSS for the products I am letting the p control the font size.

.product {
margin-bottom: 10px;
font-size: 80%;
border-bottom: thin dotted #CCCCCC;
width: 100%;
}

p {font-family :Verdana, Arial, Helvetica, sans-serif;
font-size : 80%;
color: #000000; }

Also the link in the paragraph is tiny, I do not have any links in the css that small, all are 80% except for the ones on top and bottom which are 12 pxs. Why is this happening?

This is the CSS for the links

a:link, a:visited
{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:bold;
text-decoration:none;

}

a:hover
{color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:bold;
text-decoration:none; }

I do not see anything amis. Don't know why this is happening.

"Imagination is more important than knowledge."
Albert Einstein

Deborah Puckett
Bee Studios
Graphic Soup Design

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 12 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Product Page

Hi sonny,
The product section font size is set at 80% of it's container and the font size of the P is also set to 80%.
So the p's outside of product are set to 80% and the ones inside product are set at 80% of 80%.

If you take the font-size out of "product" the paragraphs should be the same size.

Hope that helps

sonny
sonny's picture
Offline
Regular
Southern California
Last seen: 18 years 9 weeks ago
Southern California
Joined: 2004-07-29
Posts: 19
Points: 0

Product Page

Oh great that worked. The link was the same problem, as long as it was inside the P it was 80% of 80% so I removed the font size in the links. and it worked. Thank you.

"Imagination is more important than knowledge."
Albert Einstein

Deborah Puckett
Bee Studios
Graphic Soup Design