Re: [css-d] vertical align div
> > I have been playing around with vertically aligning my main portal. > > The code I have been using has two main problems. > > 1. It appears to need to be on the page to display the vertical > alignment > > 2. It loses its horizontal alignment. > > > Try adding "margin: 0 auto" to div.outer. It looks okay to me like that. Regards Thom __ 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] Space beneath flash player
> > The player itself is 20px high, so in my Firefox with my settings, this > already makes the row higher. > But to get rid of the extra space below, you can add > 'vertical-align:bottom;' or 'display:block;' to the styles for the embed > element. > The space is what you see on any inline element, room for the descenders of > g,j,p,q,y. > > -- > Els > > Thanks Els. I've played around with your proposed settings, and whilst I found there was no effect using vertical-align:bottom, I did manage to get things obeying me once I changed the embedded flash object to display as a block. It's looking a lot better now, even if there is a 1 pixel space still underneath it, which I can't get rid of, but it's too little a problem to worry about. Thanks for your help Thom __ 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] Space beneath flash player
I've got a problem with a mystery space beneath a flash player I show on my site. If you go to http://www.killingcupid.co.uk/music/ and click on the only available flash link on that page (for the track Broken Mind), the player should appear and you'll see, at least in Firefox, a space underneath. I've tried getting rid of this but have been unsuccessful so far. Ideally the player would not increase nor decrease the size of the row, and would be centered vertically so it would probably have even spacing either side. Anyone got any ideas? Thanks Thom __ 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] FireFox3 - avoiding hacks
2009/2/26 Tom > Does anyone know if there is a way to provide CSS files specifically > for FF3, or is that ridiculous hack the only way to go? > It shouldn't be necessary to do such a thing, but if you really want to, you can generate your header using PHP/Perl and detect the browser and insert the CSS include that way, although I personally couldn't bring myself to do such a thing. Any particular reason you want to do this? Thom __ 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] Using margin on paragraph wrapped around block
2009/2/19 Bobby Jack > From: Thom Brown > > > See: http://killingcupid.co.uk/blog2.php > > > So basically I want non-titles to appear further right than the > > title. Floating the paragraph actually does this, but then it no longer > > wraps. > > Hi Thom, > > A very simple option is to apply extra right margin on the image [1] and > apply a negative left margin on the headings you want 'outdented'. That > should be very quick to test to see if it's going along the right route for > your needs. > > That's a very good and elegant solution to the problem and works exactly how I want it to. I've now implemented your recommendation. I guess my explanation made sense then. Thanks for your help Bobby. Thom __ 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] Using margin on paragraph wrapped around block
Hi, I'm trying to get some text to appear shifted to the right, which works unless it's being wrapped around a block on the left. See: http://killingcupid.co.uk/blog2.php Obviously because it's wrapping, margins and padding don't get used until they finally reach the text from where the non-floated container actually starts. So basically I want non-titles to appear further right than the title. Floating the paragraph actually does this, but then it no longer wraps. Does anyone know how I can achieve this effect? Thanks Thom __ 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] Png and good ol' IE6
2009/1/28 Ian Young > This an old chestnut, I know, but I have tried several fixes to make the > png > work on IE6 and it doesn't. > > > I use DD Belated PNG ( http://www.dillerdesign.com/experiment/DD_belatedPNG/) which works perfectly for me. I've been through quite a few scripts to get PNGs displaying in IE6, but this seems to be the closest to a silver-bullet I've found. Hope it can be of use. Regards Thom Brown __ 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] Strangely positioned table
Hmm, well I've seen that I've put a line-height in for the list item elements, and I'm not sure why. I removed that, and the overflow: hidden and it appears to be okay again. I take it that was causing them to push outside their ul container? 2009/1/11 Bill Brown > Thom Brown wrote: > >> Can someone have a look at this page for me and let me know what I've done >> wrong? The table seems to be going to the right of its container when >> viewed in Firefox, Safari or Chrome, but it's fine in Opera and IE. It >> was >> fine before when there was another div above the one which contains the >> table. That just displayed a simple image. When removing it, this >> problem >> happens. >> >> http://killingcupid.avengedsevenfold.co.uk/shows/ >> > > > Hi Thom: > > #menu{overflow:hidden} > > ...should do the trick. > > Hope it helps. > --Bill > __ 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] Strangely positioned table
Thanks, that works. Could you explain exactly what the problem was? 2009/1/11 Bill Brown > Thom Brown wrote: > >> Can someone have a look at this page for me and let me know what I've done >> wrong? The table seems to be going to the right of its container when >> viewed in Firefox, Safari or Chrome, but it's fine in Opera and IE. It >> was >> fine before when there was another div above the one which contains the >> table. That just displayed a simple image. When removing it, this >> problem >> happens. >> >> http://killingcupid.avengedsevenfold.co.uk/shows/ >> > > > Hi Thom: > > #menu{overflow:hidden} > > ...should do the trick. > > Hope it helps. > --Bill > __ 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] Strangely positioned table
Can someone have a look at this page for me and let me know what I've done wrong? The table seems to be going to the right of its container when viewed in Firefox, Safari or Chrome, but it's fine in Opera and IE. It was fine before when there was another div above the one which contains the table. That just displayed a simple image. When removing it, this problem happens. http://killingcupid.avengedsevenfold.co.uk/shows/ Thanks Thom __ 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] Can't resize Courier font in IE
Hi all, I've applied the following to a paragraph and notice that while it correctly applies in Firefox, it won't apply any size changes in IE7/8. font-family: Courier; font-size: 0.8em; I've tried using a font-size of 0.4em and 0.2em, which shows changes in Firefox but not IE. If I use Courier New as the font it works fine. It does seem to apply changes if it's above 1em though. Anyone know why IE decides to ignore these values for Courier below a certain size? I should maybe point out I'm using Firefox in Ubuntu and IE7/8 on Windows XP. Thanks Thom __ 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/