[css-d] How to centre text in a div
Hello! I have a general question about vertically aligning text within a div, I would just like to check which is the correct way to get this to happen. When I have a div say for example 50px high and I have a line of text within the div, I normally either use padding to get the text to appear roughly central or I set the line height to 50px. Is there an easier or more correct way to accomplish this? Regards, Clare Green. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with div collapsing
Hello! I'm having problems with fixing a div collapse. I've uploaded a sample of the issue here http://www.cam-web.co.uk/newcam/quote.html the CSS is available at http://www.cam-web.co.uk/newcam/styles.css As you can see the divs around the form sections (div class=formBox) collapse because they are containing floated elements. Normally I fix issues like this by putting in a br tag at the bottom of the div and applying a class set to clear both. In this case it doesn't seem to be working. I have applied the clearing class to the second green bordered div and as you will see it is expanding the box down the page. This is only occuring in friefox as I understand that IE illegally forces divs to expand round floated content. Any help would be much appreciated. Regards, Clare Green. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with div collapsing
Thank you to you all for your fast replies. All of the various options have worked correctly! Best Wishes. Clare Green. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] change colour of bullet on rollover
Hello Everyone! I've been a member of this group for a couple of weeks now - this is the first time I've posted. I was really pleased to find a CSS group like this! My question at the moment is how can I change the colour of a bullet on rollover? I'm using the following code and really don't want to use images: ul.products { line-height: normal; padding: 0px 0px 0px 5px; margin: 3px 0px 4px 15px; font-size: 12px; color: #FF5937; font-family: Verdana, Arial, Helvetica, sans-serif; } ul.products a:link, ul.products a:visited, ul.products a:active { font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#99 } ul.products a:hover { font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FF; } Regards, Clare Green. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS rollover navigation
Hi all, new to this list, pointed here as i need some help with some CSS and hoped someone could help me... Ive just finished uni and only did a bout a terms worth of CSS whilst there (media production, so rather generalised topics!) so i only really know how to do fonts, headers, links, pretty basic stuff really. Ive been informed that i can produce a rollover navigation bar with CSS (im trying to validate to make the site im working on as professional as poss and having some probs with javascript etc) Im not so sure how this would work though as i have about 5-6 different images, one for each page, then the respective image rollover, so i guess i cant just do a img set that to one picture then do the hover version for the rollover, as i have too many different pictures to use. any help would be much appreciated! Thanks in advance, Clare __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/