williamrouse Posted March 3, 2009 Report Share Posted March 3, 2009 William Bradley Rouse Quote Link to comment Share on other sites More sharing options...
williamrouse Posted March 3, 2009 Author Report Share Posted March 3, 2009 This seems to work for the first part of my question. Is this the way to do it? William Bradley Rouse Quote Link to comment Share on other sites More sharing options...
Wickham Posted March 3, 2009 Report Share Posted March 3, 2009 You don't need to use separate classes in span tags unless you want the two words to have different styles. The reason the words are below the box is because of the default top margins which browsers use, they are different in each browser and because your font size is large, the margin is also larger than normal, so add margin-top: 5px; to the class:- .branding{ margin-top: 5px; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-style: italic; font-size: 30pt; color: red; font-weight: bold; text-decoration: none; text-align: left; } If you want the words to center, change text-align: left; to text-align: center; using your original markup: William Bradley Rouse For flush left bottom of the box, leave text-align: left; and adjust the top margin (margin-bottom is unreliable, using a bottom fix often doesn't work). IE7, IE8 and Firefox and other browsers should be the same if you state the margin-top. Quote Link to comment Share on other sites More sharing options...
williamrouse Posted March 3, 2009 Author Report Share Posted March 3, 2009 Thank you. I have another question relating to the same style. I wanted to use this description: text-shadow:4px 4px 8px blue; This works only in Safari, but not in Chrome, IE or Firefox. Does anyone know why? Regards! Quote Link to comment Share on other sites More sharing options...
Wickham Posted March 3, 2009 Report Share Posted March 3, 2009 Text-shadow; see the note top right here:- http://www.quirksmode.org/css/textshadow.html Works in Safari, Opera, and Konqueror Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted March 3, 2009 Report Share Posted March 3, 2009 Text-shadow is a CSS3 implementation and is not available for all Browsers yet. Just that simple. http://www.css3.com/css-text-shadow/ Quote Link to comment Share on other sites More sharing options...
williamrouse Posted March 3, 2009 Author Report Share Posted March 3, 2009 OK, thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.