[css-d] Justify a banner to a column
Hi everyone, and thanks for your help with my last query, much appreciated. I'm trying to get the banner image in my Typepad blog (http://www.virtualeconomics.co.uk) to justify not to the left of the screen but to the left column margin. Is that possible, and if so how? Also, how do I get rid of the black horizontal line that sits under the banner? Thanks. _ Seamus McCauley seamusmccau...@yahoo.com +44 (0) 7932 798854 http://www.virtualeconomics.co.uk __ css-discuss [cs...@lists.css-discuss.org] 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] Justify a banner to a column
I'm trying to get the banner image in my Typepad blog
(http://www.virtualeconomics.co.uk) to justify not to the left of the
screen but to the left column margin. Is that possible, and if so
how?
No problem ... just remove all superfluous elements and styling, and
float the (now simplified) banner in place - lining it up exactly where
and how you like.
Sorry if that sounds a bit too clever, but you use too many elements
for such a simple layout. A clear case of divitis.
For instance: a well-styled H1 is probably all you need for banner in
that layout. Whether your template allows for simpler and more
flexible and robust markup, I don't know.
Your stylesheet also looks badly organized and has too many repetitions
and superfluous styling to lend itself well to simple
adjustments/repairs/fixes. A clear case of overstyling. Better start
from scratch, and get rid of about 70% of the stylesheet weight in the
process.
Also, how do I get rid of the black horizontal line that sits under
the banner?
#banner {border: none;}
...will do when placed correctly - after all other #banner styles, but,
again, you have so many style-repetitions targeting the same elements
that you better go through it all yourself and correct or delete the
style that sets that bottom border in the first place.
regards
Georg
__
css-discuss [cs...@lists.css-discuss.org]
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] Justify a banner to a column
G.Sørtun wrote: you have so many style-repetitions targeting the same elements that you better go through it all yourself and correct or delete the style that sets that bottom border in the first place. regards Georg And please : if you /must/ have a masthead graphic as opposed to a simple H1 textual header, could you add an ALT attribute ? Remember, not everyone can see. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] 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] flash element covering nav dropdowns in Chrome
There's a dropdown menu until Live in the menu on this page: http://evamoon.net/ that shows properly in FF but in Chrome, the Flash slide show covers it. I think I've got my z-index layers set up properly, but I can't fix it. Any thoughts? The CSS validates. Thanks! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [cs...@lists.css-discuss.org] 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] flash element covering nav dropdowns in Chrome
Isn't this one of those things where this additional parameter would fix the trick? param value=wmode name=transparent I'd be more sure if the same issue happened in Firefox as well, but give it a try I guess mS --- On Sun, 11/28/10, Jody Levinson j...@troutdream.com wrote: From: Jody Levinson j...@troutdream.com Subject: [css-d] flash element covering nav dropdowns in Chrome To: css-d@lists.css-discuss.org Date: Sunday, November 28, 2010, 9:40 PM There's a dropdown menu until Live in the menu on this page: http://evamoon.net/ that shows properly in FF but in Chrome, the Flash slide show covers it. I think I've got my z-index layers set up properly, but I can't fix it. Any thoughts? The CSS validates. Thanks! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [cs...@lists.css-discuss.org] 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-discuss [cs...@lists.css-discuss.org] 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] flash element covering nav dropdowns in Chrome
On Nov 28, 2010, at 12:55 PM, Mark Senff wrote: Isn't this one of those things where this additional parameter would fix the trick? param value=wmode name=transparent I'd be more sure if the same issue happened in Firefox as well, but give it a try I guess mS There's a dropdown menu until Live in the menu on this page: http://evamoon.net/ that shows properly in FF but in Chrome, the Flash slide show covers it. I think I've got my z-index layers set up properly, but I can't fix it. Any thoughts? The CSS validates. Thanks for the suggestion, Mark. Sadly, it doesn't help. Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [cs...@lists.css-discuss.org] 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] Text block in vertical middle
Hi People, I'd like to put information about these websites to the right of the jpgs, right smack in the vertical middle of the jpg height http://is.gd/hW4i9. What might be a good way to do this? Cheers, Kimi -- [ Kimi Wei thewei.com @kimiwei (t) 862.203.8814 p o box 626 fair lawn, nj 07410 ] __ css-discuss [cs...@lists.css-discuss.org] 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] flash element covering nav dropdowns in Chrome
On Sun, Nov 28, 2010 at 1:40 PM, Jody Levinson j...@troutdream.com wrote: There's a dropdown menu until Live in the menu on this page: http://evamoon.net/ that shows properly in FF but in Chrome, the Flash slide show covers it. I think I've got my z-index layers set up properly, but I can't fix it. Any thoughts? The CSS validates. Thanks! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [cs...@lists.css-discuss.org] 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/ Sounds like the Internet Explorer Z-Index bug. Try giving one of the parent elements (navcontainer or header)a higher z-index (1000+). __ css-discuss [cs...@lists.css-discuss.org] 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] Text block in vertical middle
I'd like to put information about these websites to the right of the
jpgs, right smack in the vertical middle of the jpg height
http://is.gd/hW4i9.
Try adding...
#navcontent ul {display: table;}
#navcontent ul li a {display: table-cell; vertical-align: middle;}
#navcontent ul li p {display: table-cell; vertical-align: middle;
padding-left: 6px;}
...and see if that's close enough.
regards
Georg
__
css-discuss [cs...@lists.css-discuss.org]
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/
