PDA

View Full Version : Resolved [RESOLVED] CSS Problem with h6 and text



DolphinEcho
Jan 20th, 2009, 01:24 PM
When I put text in using the h6 bit of the CSS the margin -23px (which is top) is pushing the right out, take the text away and not problem. I am using Joomla

How do I fix this

Problem with text
http://www.orangemad.com/textandproblem.jpg


No problem with no text
http://www.orangemad.com/notextnoproblem.jpg



CSS Code using:


div.module_menu h6 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div {
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div {
background: none;
padding: 0;
}

div.module_menu ul {
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
}

abduraooft
Jan 20th, 2009, 01:27 PM
I am using Joomla Could you post a link to your page?

dolphinuk
Jan 20th, 2009, 03:45 PM
delete please, used my mothers account by accident

DolphinEcho
Jan 20th, 2009, 03:48 PM
It doesn't matter now, it looks like I found the problem it was in another part of the css
Also it was only Internet Explorer

It was: overflow: hidden;



div#header_r {
height: 120px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
/* overflow: hidden; */
text-align: left;
}