Re: [css-d] Need Text To Wrap Underneath Images

2008-04-25 Thread Alan K Baker
I must admit that I wasn't too keen on your use of tables, but your boss had so 
decreed! :-)

I guess br / is the quick fix to get the job out of the door. g

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  - Original Message - 
  From: Elli Vizcaino 
  To: Alan K Baker 
  Sent: Friday, April 25, 2008 4:09 AM
  Subject: Re: [css-d] Need Text To Wrap Underneath Images


  Thanks Alan,

  Of course, I did think of using br /s but wasn't
  sure what the rules were about br /s, since I'm
  trying to keep the HTML lean and as you yourself have
  already guessed that yes I was hoping for a CSS
  anwser. If I don't get one might have to resort to the
  br / tags indeed.  

  Elli 

__
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] Need Text To Wrap Underneath Images

2008-04-25 Thread Alan K Baker
I hope your boss appreciates what you do, beyond the call of duty. Most of them 
don't. :-(

The link (below) covers it and seems a nice way of solving your problem, 
especially as you have most of the HTML already in place. Just change the tags 
and style them - neat.

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  - Original Message - 
  From: Elli Vizcaino 
  To: Alan K Baker ; CSS Discuss 
  Sent: Friday, April 25, 2008 4:41 AM
  Subject: Re: [css-d] Need Text To Wrap Underneath Images


  I did a Googling and found this: 
  http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp
  from one of our very own on the list. I had started
  out with a UL of images and links and it wasn't
  working especially to achieve the alignment the
  designers were looking for, so my boss instructed me
  to revert to tables for that section and which I
  wasn't crazy about since those images and links aren't
  tabular data but, based on what I just glanced at,
  looks like I'll be able to achieve what I'm looking to
  do, with a DL. Will have to give it a try!

  - Elli 

__
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] Hover delay

2008-04-25 Thread Alan K Baker
I agree. It looks as if (unfortunately) you're right. :-(

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  - Original Message - 
  From: Ingo Chao 
  To: Alan K Baker 
  Sent: Thursday, April 24, 2008 1:29 PM
  Subject: Re: [css-d] Hover delay


  Alan K Baker wrote:
   Hi all.
   
   I'm looking for a way to delay the action of a 'hover' detection for
   a photo gallery. 

  I don't think CSS could do that.

  Ingo

  -- 
  http://www.satzansatz.de/css.html
  http://www.dolphinsback.com
__
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] Need Text To Wrap Underneath Images

2008-04-25 Thread Christian Kirchhoff
Try:
#newspapers TABLE#nj a {
  display: block;
}

Best regards,

Christian Kirchhoff
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza


Elli Vizcaino schrieb:
 I did a Googling and found this: 
 http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp
 from one of our very own on the list. I had started
 out with a UL of images and links and it wasn't
 working especially to achieve the alignment the
 designers were looking for, so my boss instructed me
 to revert to tables for that section and which I
 wasn't crazy about since those images and links aren't
 tabular data but, based on what I just glanced at,
 looks like I'll be able to achieve what I'm looking to
 do, with a DL. Will have to give it a try!

 - Elli 


 --- Alan K Baker [EMAIL PROTECTED] wrote:

   
 I hope no-one will mind an off-topic reply, as I
 think you are genuinely looking for an answer in
 CSS, but the answer's really in HTML. I think the
 simplest answer to your question is to use a br
 / after each image and before each span like
 this example (first line of your td code:

 tda href=# target=_blankimg
 src=images/starledger_icon.gif alt=Star Ledger
 Logo //aa href=# target=_blankbr /The
 Star Ledger/abr /spanFREE ADS*/span/td

 Regards, 
  
 Alan.
  
 www.theatreorgans.co.uk
 www.virtualtheatreorgans.com
 Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P
 groups
 Shopsmith 520 + bits
 Flatulus Antiquitus


   - Original Message - 
   From: Elli Vizcaino 
   To: CSS Discuss 
   Sent: Friday, April 25, 2008 2:07 AM
   Subject: [css-d] Need Text To Wrap Underneath
 Images


   Hello,

   How do I get the text to wrap underneath the
 images in
   this table:
 http://e7flux.com/placead/placead2.html -
   they wrap fine in FF  Safari but not in IE 6 or
 7.
   All suggestions welcomed!

   TIA,
   Elli 


 
 __
   
 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/

 





   
 
 Be a better friend, newshound, and 
 know-it-all with Yahoo! Mobile.  Try it now.  
 http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ
 __
 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-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] Hover delay

2008-04-25 Thread Alan K Baker
A good point Tedd.

Sometimes we strive to be over complex, when simplicity would probably be 
better.

I have seen plenty of examples of what I want to achieve, but they all rely on 
each thumbnail being accessible to :hover without triggering any adjacent 
ones. The only way round that one would be to include a large space between 
elements to allow the pointer to navigate without triggering. Absolutely 
wonderful for a CSS maze but totally useless to the normal user! g

The jury's still out on whether to use a peripheral array of thumbnails using a 
fly-out on :hover, or whether to use a block of thumbnails (which would allow 
an infinite number next to each other) with the fly-out triggered by mouse 
clicks. I certainly won't be resorting to JavaScript and I'm sure CSS will 
achieve a satisfactory method.

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  - Original Message - 
  From: tedd 
  To: Alan K Baker 
  Sent: Thursday, April 24, 2008 5:05 PM
  Subject: Re: [css-d] Hover delay

  Alan:

  That's a bit going against typical pointer functionality. The typical 
  way is of course to move the pointer across things and then click on 
  what you want to see -- that's simple enough and expected.

  To put a delay into that functionality so that user doesn't have to 
  click, then you'll have to use javascript. But what if a user does 
  click during that time? Do you want the image to enlarge? I think 
  you'll find this is a bigger problem than what you might imagine.

  My advice, keep it simple and what the user expects. Besides, without 
  javascript that's what it's going to do anyway, right?

  Cheers,

  tedd
  -- 
  ---
  http://sperling.com  http://ancientstones.com  http://earthstones.com
__
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] html background bug?

2008-04-25 Thread Pentasis
- Original Message - 
 On Fri, Apr 4, 2008 at 12:43 PM, Pentasis wrote:

  Set background-color of html-element to 'transparent'
  set width of body element to anything smaller than the viewport and 
 center
  it (margin:0 auto;)
  Make sure padding of body is 0
  Apply a background color to the body element (for example red)

  Now suddenly the whole background is red, in other words, the
  background-color of the body element seeps into it's margins. But 
 margins
  are supposed to be transparent according to the spec (I can't find an
  exception anywhere).

 This is probably correct according to what is in the spec at [1], in 
 particular:

 The background of the root element becomes the background of the
 canvas and covers the entire canvas...
 For HTML documents, however, we recommend that authors specify the
 background for the BODY element rather than the HTML element. For HTML
 documents whose root HTML element has computed values of 'transparent'
 for 'background-color' and 'none' for 'background-image', user agents
 must instead use the computed value of those properties from that HTML
 element's first BODY element child when painting backgrounds for the
 canvas, and must not paint a background for that BODY element.

 In short: if there is no background on HTML (i.e. it is transparent),
 then the background specified on BODY is applied to the whole canvas,
 not really to the BODY.

 Bruno


Today I came across this statement (don't ask me where, I lost the link):

For HTML, but not for XHTML, the CSS2.1 specification recommends that we 
specify the document background for the body element, rather than for the 
html element. If the computed value of the background property for the html 
element is transparent (the initial value), any background properties 
specified for the body element will be applied to the canvas. This isn't the 
case for XHTML.

But I am unsure if they mean XHTML in general or strictly served as xml?

Bert


__
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] IE 6 is butchering my pages.

2008-04-25 Thread Alan K Baker
Remove float:left; from .content
that will sort out your float drop, which is also apparent in IE7.

Your HTML will not validate because you have several br tags which should be 
br / tags in the particular DOCTYPE you're using. I only checked about but 
you should check all pages.

Instead of using a nbsp; above your div id=photo style #photo img { } with 
appropriate margins to get your positioning exact and without spurious borders.

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  - Original Message - 
  From: Jess Jacobs 
  To: css-d@lists.css-discuss.org 
  Sent: Tuesday, April 22, 2008 4:23 PM
  Subject: [css-d] IE 6 is butchering my pages.


  Hi all,

  A small troubleshooting problem that is driving me CRAZY:

  http://www.akisma.com/design/carrot/

  Renders fine in every other browser I've checked, but in IE6, the home
  page renders fine, aside from a little bordering around the photo that
  looks trashy (any suggestions?) but all the other pages get their main
  content bounced out of the main div. Any ideas? I've validated,
  checked doctypes, etc, but I'm not a master at this and I'm trying to
  improve my browser-argument skills. Also, I haven't checked it in IE7
  since I don't have a unique copy of windows (I develop on a mac), so
  I'm not sure if it's being screwed over there, too.

  Any help would appreciated, especially pointers to articles with a
  rundown of IE problems in addition to this specific-case advice.

  Thanks all!
  Jess

__
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] Need Text To Wrap Underneath Images

2008-04-25 Thread Elli Vizcaino
You are just amazing Georg!!! Worked like a charm.
THANK YOU!!! Now if you don't mind me asking, why is
it that I need both {display: inline-block} and
{display: block;}? 

Elli


--- Gunlaug Sørtun [EMAIL PROTECTED] wrote:

 Elli Vizcaino wrote:
 
  How do I get the text to wrap underneath the
 images in this table: 
  http://e7flux.com/placead/placead2.html - they
 wrap fine in FF  
  Safari but not in IE 6 or 7.
 
 Add - verbatim...
 
 #newspapers table a {display: inline-block;}
 #newspapers table a {display: block;}
 
 ...and IE/win will behave as intended.
 
 If you want even better rendering in IE6, then
 add...
 
 * html #printonline {display: inline; overflow-x:
 hidden;}
 * html #multiple #newspapers p.free {width: auto;
 display: inline;}
 
 ...to kill some of those old bugs.
 
 regards
   Georg
 -- 
 http://www.gunlaug.no
 



  

Be a better friend, newshound, and 
know-it-all with Yahoo! Mobile.  Try it now.  
http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ
__
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] Negative margins versus Positioning

2008-04-25 Thread Arian Hojat
I was getting reaquanted with 'A List Apart's tutorial on css shadows.
and i noticed they used negative margins for pulling out the image.
I first asked myself, Why not use negative relative positioning? Is it
a matter of choice?
At first i thought, Relative positioning adds possibility that you
might need an extra parent div to set positioning context, but quickly
realized relative positioning doesnt need that.
Is it cause the next sibling item  after the item that uses relative
positioning will appear in normal flow (thus annoying whitespace
between siblings), thus negative margins is more natural since next
item will be placed right after it [and nullifying my entire question
since pointless to use relative positioning then for comparision]?  I
guess my question would make more sense if i was comparing absolute
positioning when an extra semantic div is added to establish
positioning context (with position:relative) and the image underneith
uses absolute negative positioning to pull image up. but i guess i
answered my own question, it adds more complex code?


Thanks,
Ari
__
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] Need Text To Wrap Underneath Images

2008-04-25 Thread Gunlaug Sørtun
Elli Vizcaino wrote:
 You are just amazing Georg!!! Worked like a charm. THANK YOU!!! Now 
 if you don't mind me asking, why is it that I need both {display: 
 inline-block} and {display: block;}?

That sequence is a suitable (for your case) way to trigger Layout[1] in
old IE/win without disturbing other browsers. Of course, you can always
use another 'hasLayout' trigger, if you like.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
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] Need Text To Wrap Underneath Images

2008-04-25 Thread Elli Vizcaino
Nope yours works just fine! I just needed to
understand the why. Thank you!

- Elli 

--- Gunlaug Sørtun [EMAIL PROTECTED] wrote:

 Elli Vizcaino wrote:
  You are just amazing Georg!!! Worked like a charm.
 THANK YOU!!! Now 
  if you don't mind me asking, why is it that I need
 both {display: 
  inline-block} and {display: block;}?
 
 That sequence is a suitable (for your case) way to
 trigger Layout[1] in
 old IE/win without disturbing other browsers. Of
 course, you can always
 use another 'hasLayout' trigger, if you like.
 
 regards
   Georg
 
 [1]http://www.satzansatz.de/cssd/onhavinglayout.html
 -- 
 http://www.gunlaug.no

__
 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/
 





  

Be a better friend, newshound, and 
know-it-all with Yahoo! Mobile.  Try it now.  
http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ
__
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] Bullet graphics alignment in IE6

2008-04-25 Thread Dermot Ward
Hi all,

I've learned so much from this list in the last year or so that I'm 
finally attempting to hone my
basic skills by duplicating some templates.

I've hit a problem aligning graphic bullets with a ul. Things are fine 
in Firefox and Opera but the bullets
are not lining up properly in IE6.

You can see the problem here:- http://defaultosc.com/

The CSS and markup validate.

Any suggestions where I might find a solution would be really, really 
appreciated.

Many thanks for all the priceless info and instruction which flows from 
this list.

Kind regards,

Dermot.



__
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] 1px Gap in IE Win

2008-04-25 Thread Kate Kelly
Hi Everyone,

Can anyone help me with this one? It¹s probably obvious but I¹ve just about
had it! I¹m working on a PHPFox and having trouble amending the css and
html. My exact problem is that there is a 1pixel gap between the navigation
bar (outer2) and the main content (#main) in IE (all versions) in Windows.
The background of the containing div shows through. It seems fine on
everything else. I have driven myself mad trying to sort it out with margin
and padding settings - can anyone help me please?

The address is http://www.wacanet.org.uk. You can see the css file
http://www.blackcatweb.net/waca_final.css

Thanks, Kate
__
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] Bullet graphics alignment in IE6

2008-04-25 Thread Dermot Ward
Hi all,

I've just sussed my problem with the graphic bullets and IE6.

Got the answer on an old thread from 30th Nov 2006:-

Problems with custom-image bullets (IE of course)

Many thanks to Barney Carroll.

Basically use graphic bullets as background images.

And use background-position to place them.

Oddly enough on my local browser IE6 is still a bit on and off.

However its fine online. I'll settle for that!

Kind regards,
Dermot.

__
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] 1px Gap in IE Win

2008-04-25 Thread Mauricio (Maujor) Samy Silva
Hi Kate,
Firstly validate your HTML please.
It's hard to figure out a layout problem on an invalid code.
There are TRs and TDs not open/closed and others invalid issues.
Look at: 
http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.wacanet.org.uk%2F 
for the invalid code.

Regards,
Mauricio Samy Silva
http://www.maujor.com
Author: Construindo Sites com CSS e (X)HTML
http://livrocss.com.br






- Original Message - 
From: Kate Kelly [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Friday, April 25, 2008 2:07 PM
Subject: [css-d] 1px Gap in IE Win


Hi Everyone,

Can anyone help me with this one? It¹s probably obvious but I¹ve just about
had it! I¹m working on a PHPFox and having trouble amending the css and
html. My exact problem is that there is a 1pixel gap between the navigation
bar (outer2) and the main content (#main) in IE (all versions) in Windows.
The background of the containing div shows through. It seems fine on
everything else. I have driven myself mad trying to sort it out with margin
and padding settings - can anyone help me please?

The address is http://www.wacanet.org.uk. You can see the css file
http://www.blackcatweb.net/waca_final.css

Thanks, Kate
__
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-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] Site Check Please

2008-04-25 Thread Matthew Stoneback
As usual, I am back on the forum asking for a site check.

Here are my known issues (as far as I can tell one is only visible in IE6 
IE7):

IE6  IE7 issue: The main navigation area located in the upper left area has
spaces between the images I am using as links.  This does not display this
way in any other browser (that I am aware of).  They appear to be
approximately 2 to 3 pixels in height.

I was also wondering how I could center the text Contact Us vertically in
the green bar located across the top of the large image.  I tried some
different methods and nothing worked.  I am guessing I am missing something
simple in doing this.  Any ideas?

Thanks in advance for fixing any issues or giving advice.

Here is the HTML: http://www.eddysound.com/msc/index.html

Here is the CSS: http://www.eddysound.com/msc/main.css
__
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] Site Check Please

2008-04-25 Thread David Laakso
Matthew Stoneback wrote:

 IE6  IE7 issue: The main navigation area located in the upper left area has
 spaces between the images I am using as links.  This does not display this
 way in any other browser (that I am aware of).  They appear to be
 approximately 2 to 3 pixels in height.
   


I may be missing the obvious, but in a side-by-side on screen comparison 
of IE/6.0. IE/7.0, and Mac Firefox/2.0.0.14 I see no difference,


 I was also wondering how I could center the text Contact Us vertically in
 the green bar located across the top of the large image.
 Thanks in advance for fixing any issues or giving advice.

 http://www.eddysound.com/msc/index.html


   


This will, more or less (and that's all that really counts in my book), 
center it vertically:
#topBreak { 
height: /*17px amend*/2.75em;
padding-top: 0.5em;/*add*/}

Trivial pursuits:

1/ Never write site check for a subject line without validating the 
document fist.
2/ To this selector:
.container {background-color:#fff; /*add*/}
3/ Remember, not to forget, that the vast majority of your users will be 
on IE. Make it /easy/ for children of all ages to scale the fonts in 
that browser.
4/ All things considered-- nice work!




-- 
http://chelseacreekstudio.com/

__
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] No background color in IE6

2008-04-25 Thread David Hucklesby
On Wed, 23 Apr 2008 07:13:42 -0700 (PDT), jo try wrote:
 Hello,

 In constructing a menu I have the following problem: In IE6 the 
 backgiund-color is NOT
 displayed, while it is correctly displayed in IE7 and FireFox.

 I have placed a simplified version on:
 http://www.webleer.nl/css/case02/page1.php

 The menu works as follows:
 - It displays the page it is on by denoting a red backgroud-color and an 
 image - there
 is a hover on the menu to denote that you can select it and the color becomes 
 light
 blue.

 How do I get it working so that in IE6 it works like it is supposed to and 
 give me the
 red background-color?


I have no idea why, but this seems to work in IE 6:

.nav a:link.advies, .nav a:visited.advies {
background-color: red;
...
}

Cordially,
David
--

__
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] Centering a variable width float ...

2008-04-25 Thread David Hucklesby
On Wed, 23 Apr 2008 10:20:08 -0700, corey deep wrote:

Re: http://www.thevenusflytrap.org/floating/html/example.html

 I am having great difficulty centering a floated element ( e.g. an image w/ 
 dropshadow  
 ).
 The primary  reason is the dimensions of this floated element are variable ( 
 a maximum
 of 400px height and/or 400px width )

 Is there is a  css way to center a variable width element which contains a 
 float  ?
 to my knowledge the element needs to float, wrapping to fit the inside 
 element.

Does it have to be a float?

I found the following idea[1] from the list Wiki[2] - recommended.

[1] 
http://www.solstice.co.il/2008-02-26/horizontally_centering_content_with_dynamic_width_in_css
[2] http://css-discuss.incutio.com/?page=CenteringBlockElement
 
Cordially,
David
--

__
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/