Re: [css-d] Top Border on Fieldset gone AWOL in IE

2008-05-18 Thread Peter
Holly Bergevin wrote:
 From: Peter [EMAIL PROTECTED]

   
 http://www.kuroiweb.com/forms/

 This performs exactly as expected in FF, but in IE6 and IE7 the top 
 border (the only one set) on all fieldsets except the last one is not 
 visible 
 

 Hi Peter,

 In your ie_styles.css, remove the width from the legend ruleset and IE should 
 play along.

 legend {
   position: relative;
   left: -7px;
   top: -0.75em;
   /* width: 100%; */ /* remove this */
 }

 Side benefit (tee hee) - the horizontal scroll bar goes away, too. 

 ~holly
  
  

   
Many thanks Holly. This put me on the right path.

I inserted the width:100% to cope with a problem specific to IE7, 
namely that each word of the fieldset legend is being wrapped. This can 
be seen at http://www.kuroiweb.com/forms/ and using display:block 
(which would have been a better solution than width:100% anyway) also 
causes the top border to run for cover. Setting an fixed width gives it 
partial cover for the duration of the width (big clue huh?).

If there's a quick solution to this I'd be interested. It appears to be 
wrapped up with the use of relative positioning on the legend. Doesn't 
matter what I do, remove the top: -0.75em or give it a positive value, 
so long as the legend is relative and has a width, that top-border 
doesn't play nicely.

Not a huge deal if there's no easy answer, as I've managed to work 
around it by dropping the relative positioning 
(http://www.kuroiweb.com/forms2/), so this is mainly just 'cos I don't 
like getting beat on these issues.

Peter
__
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] Online vs. Local and ID vs. Class weirdnesses?

2008-05-18 Thread Alan K Baker
Absolutely. Drove me nuts for a while. :-)

I don't know if any other browsers do it, as I've not had a problems so far, 
but IE6 was my culprit.

I did not explicitly define the sizes of images, leaving the browser to work 
them out for itself. According to Georg Sørtun, IE6 can't cope, especially with 
large images and gives up its size calculation part way through, with 
disastrous results. I don't think I ever saw it happen locally, but online it 
would depend on the time of day (number of DSL users) and the connection speed, 
so it was variable in effect, and I was getting intermittent complaints from my 
client.

The solution - declare all image widths and heights. In my case, instant cure.

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: Melton Cartes 
  To: css-d@lists.css-discuss.org 
  Sent: Sunday, May 18, 2008 4:10 AM
  Subject: [css-d] Online vs. Local and ID vs. Class weirdnesses?


  Has anyone experienced any of the following?

  Layout problems or works doesn't work depending on if you're  
  looking at the site online (uploaded and refreshed) as opposed to  
  looking at it locally (from your hard drive) or via the internet but  
  through your public folder?

  And...

  Styles working for classes but not IDs?

  Why?

  mc
__
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] Image displacement

2008-05-18 Thread Alan K Baker
Hi all.

Another couple of problems that are driving me insane once more. g

I am using image (background) displacement to simulate the movement of a 
'switch tab' on a pipe organ. Each image category (there are four) is a .png 
compiled from three separate images placed one above the other in a vertical 
line. The initial images are correctly positioned and the a:hover state works 
fine too. However, the a:active state is acting strangely in all browsers 
tested so far. What should happen is that in the a:active state the last 
(lowest) part of the image starting at 250px from the top of the image, should 
be placed in the containing div at 0 0, which it does, but it appears to be 
wrapping vertically so that 11px of the image below 250px appears at the bottom 
of the div, where there should be nothing. I can't see why this should be a 
placement problem and wonder if it's to do with the way z-index is handled, or 
is it because I have misunderstood the way that transparent images are supposed 
to be rendered when displaced within a set size div?

The other problem is that at the bottom of each 'tab' image there is a figure 
and under that a three letter abbreviation. So that they can be styled and 
placed precisely, I've given each a separate definition, but they are defined 
in the HTML as spans because a href rules won't allow a div to be used. 
They are not picked up by the anchor state in IE, consequently they cannot be 
picked up by the parent div's a:active state, so I can't change their 
characteristics (text size etc) to follow the background image appearing to be 
smaller, when the mouse is clicked. The correct effect can be seen on the top 
text for each image, which is working correctly as expected. Can anyone think 
of a way of achieving this with text, as I don't want to have to resort to 
further graphical text manipulation?

I've uploaded the site to: http://www.webbwize.co.uk/Test_Area/VTPO/

the stylesheet is at: 
http://www.webbwize.co.uk/Test_Area/VTPO/scripts/stylesheet.css

and relevant images are in: http://www.webbwize.co.uk/Test_Area/VTPO/images and 
subfolders.

I know that there are further problems with IE6, but I'll address those later.

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

__
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] Image displacement

2008-05-18 Thread Gunlaug Sørtun
Alan K Baker wrote:

 http://www.webbwize.co.uk/Test_Area/VTPO/

 [...] I can't see why this should be a placement problem and wonder 
 if it's to do with the way z-index is handled, or is it because I 
 have misunderstood the way that transparent images are supposed to be
  rendered when displaced within a set size div?

The addition of...

.couplertab li a, .fluetab li a, .reedtab li a, .stringtab li a {
background-repeat: no-repeat;
}

...will fix the problem with the shorter background.

 [...] The correct effect can be seen on the top text for each image, 
 which is working correctly as expected.

Except that small font-sizes do not survive 'minimum font size' or
'ignore font size'.

 Can anyone think of a way of achieving this with text, as I don't 
 want to have to resort to further graphical text manipulation?

Address them as...

#navbar li a:active span { /* and style to your liking */ }

Delete the 'z-index: 200;' on '.abbreviate, .pitch' while you're at it,
as it serves no purpose.


Additional comments:

The whole construction makes me wonder why there are so many DIVs and
ULs in there, as one UL and a number of LIs with anchors would work just
fine.

All backgrounds with all states can be contained in one image, and
horizontal background-offset be used to line them up as what you have
now. Will make the whole thing less complicated I think, and one image
loads faster. You can also tune the image a bit and make it 8bit png,
which will make IE6 more cooperative.

Remember that IE6 'auto-expands' empty elements, as IE/win sees
imaginary spaces in empty elements.
Declaring 'overflow: hidden' on them or simply placing an HTML comment
as only content inside them, will make IE6 stop expanding them.

regards
Georg
-- 
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] Image displacement

2008-05-18 Thread Alan K Baker
- Original Message - 
From: Gunlaug Sørtun 
To: Alan K Baker 
Cc: css-d 
Sent: Sunday, May 18, 2008 2:11 PM
Subject: Re: [css-d] Image displacement


Alan K Baker wrote:

  http://www.webbwize.co.uk/Test_Area/VTPO/

 The addition of...

 .couplertab li a, .fluetab li a, .reedtab li a, .stringtab li a {
 background-repeat: no-repeat;
 }

 ...will fix the problem with the shorter background.

Absolutely on the nose, Georg. I do feel silly for missing that one, but then 
it's obvious after it's been pointed out. :-)

  [...] The correct effect can be seen on the top text for each image,  which 
  is working correctly as expected.

 Except that small font-sizes do not survive 'minimum font size' or 'ignore 
 font size'.

Agreed, but then how far do you go to accomodate everyone? My main criteria is 
to have the text fit the tabs and have the entire presentation look like the 
'real thing', to those 'in the know'.

  Can anyone think of a way of achieving this with text, as I don't want to 
  have to resort to further graphical text manipulation?

 Address them as...

 #navbar li a:active span { /* and style to your liking */ }

Thanks for that Georg. Something I needed to learn. :-)

 Delete the 'z-index: 200;' on '.abbreviate, .pitch' while you're at it, as it 
 serves no purpose.

One that got 'left-over' when moving things around, it will be banished. g

 Additional comments:

 The whole construction makes me wonder why there are so many DIVs and ULs in 
 there, as one UL and a number of LIs with anchors would work just fine.

As with many of my 'projects', I'm always in a hurry to meet a deadline and 
panic myself into taking the easy option, then maybe clean up afterwards. This 
one has several 100Mb of music files for users to download, and I took the 
files on because the forum-server that they are on, is almost full, so needs 
emptying ASAP. This one's my own pet project, so it's only me to blame.

 All backgrounds with all states can be contained in one image, and horizontal 
 background-offset be used to line them up as what you have now. Will make the 
 whole thing less complicated I think, and one image loads faster. You can 
 also tune the image a bit and make it 8bit png, which will make IE6 more 
 cooperative.

That sounds like a good idea and one I will consider as soon as the site is 
actually 'live'. I presume that you are suggesting that each li is given a 
style appropriate to its background image position. It's a nice solution, and 
one that I am now keen to implement.

There may be one complication in that (if you've ever seen one of these 
instruments) the console is shaped like a horseshoe, and the backboard which 
contains all of the tabs is semi-circular, which means that the tabs nearer the 
left and right sides are turned inwards by varying degrees. I'm aiming at 
future expansion which would mean many more tabs, and as with the real thing, 
they simply won't fit in a straight line in the available space. Although it's 
straightforward enough to rotate the images, as they will still be in 
straight-sided containers, it may prove quite difficult to make the 'squares' 
overlap, using lis alone. Further comments appreciated.

 Remember that IE6 'auto-expands' empty elements, as IE/win sees imaginary 
 spaces in empty elements. Declaring 'overflow: hidden' on them or simply 
 placing an HTML comment as only content inside them, will make IE6 stop 
 expanding them.

Will do. Again Georg, thanks for your sage advice.

 regards
 Georg
 -- 
 http://www.gunlaug.no

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
__
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] Image displacement

2008-05-18 Thread tedd
At 3:17 PM +0100 5/18/08, Alan K Baker wrote:
There may be one complication in that (if you've ever seen one of 
these instruments) the console is shaped like a horseshoe, and the 
backboard which contains all of the tabs is semi-circular, which 
means that the tabs nearer the left and right sides are turned 
inwards by varying degrees. I'm aiming at future expansion which 
would mean many more tabs, and as with the real thing, they simply 
won't fit in a straight line in the available space. Although it's 
straightforward enough to rotate the images, as they will still be 
in straight-sided containers, it may prove quite difficult to make 
the 'squares' overlap, using lis alone. Further comments 
appreciated.

Alan:

These are only images. They can be arranged any way you want with 
rollovers anywhere you want.

Your semi-circular tabs are quite simple as compared to this:

http://webbytedd.com/bbb/map/

You see, all of what you described can be accomplished with css. 
Everything you need to do is illustrated in this link.

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] Top Border on Fieldset gone AWOL in IE

2008-05-18 Thread Harry S. Anchan
Hi,

Is there a beginner's site that teaches me, in simple terms, how to create 
CSS files? The sites I tried so far are rather hard to follow. Also, if I 
already have a site with lots of pages, is it possible/worthwhile to go the 
CSS way midstream, or is too late?

Thanks in advance.

Harry
http://harry.cckerala.com


- Original Message - 
From: Peter [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Sunday, May 18, 2008 2:41 AM
Subject: Re: [css-d] Top Border on Fieldset gone AWOL in IE


 Holly Bergevin wrote:
 From: Peter [EMAIL PROTECTED]


 http://www.kuroiweb.com/forms/

 This performs exactly as expected in FF, but in IE6 and IE7 the top
 border (the only one set) on all fieldsets except the last one is not
 visible


 Hi Peter,

 In your ie_styles.css, remove the width from the legend ruleset and IE 
 should play along.

 legend {
   position: relative;
   left: -7px;
   top: -0.75em;
   /* width: 100%; */ /* remove this */
 }

 Side benefit (tee hee) - the horizontal scroll bar goes away, too.

 ~holly




 Many thanks Holly. This put me on the right path.

 I inserted the width:100% to cope with a problem specific to IE7,
 namely that each word of the fieldset legend is being wrapped. This can
 be seen at http://www.kuroiweb.com/forms/ and using display:block
 (which would have been a better solution than width:100% anyway) also
 causes the top border to run for cover. Setting an fixed width gives it
 partial cover for the duration of the width (big clue huh?).

 If there's a quick solution to this I'd be interested. It appears to be
 wrapped up with the use of relative positioning on the legend. Doesn't
 matter what I do, remove the top: -0.75em or give it a positive value,
 so long as the legend is relative and has a width, that top-border
 doesn't play nicely.

 Not a huge deal if there's no easy answer, as I've managed to work
 around it by dropping the relative positioning
 (http://www.kuroiweb.com/forms2/), so this is mainly just 'cos I don't
 like getting beat on these issues.

 Peter
 __
 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] Nested div break in IE7

2008-05-18 Thread Bobby Jack
--- Daniel Botting [EMAIL PROTECTED] wrote:

 It looks fine in FF and Opera, a little broken in
 Konqueror and completely broken in IE7.

Hi Daniel,

I'm not sure as to exactly which IE bugs or CSS
deviations are in play here, but I notice immediately
that you might have much better luck by simplifying
the markup and approach.

I'm not sure why you are using absolute positioning to
layout the nesting, but a true nested structure:

div id=outer_content_box
div id=inner_content_box
... inner content box goes here
/div
/div

combined with padding on the outer box, and dimensions
set only on the inner box, will allow the outer's
background to poke through as a border, in (I think)
your desired effect. This also has the advantage that
the two boxes will remain aligned when text is
resized.

I've put up a full version at:
http://www.fiveminuteargument.com/nested-divs.html

Let me know if you have any further issue with this
approach.

Regards,

- Bobby


  
__
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] short tag warning

2008-05-18 Thread tedd
Hi gang:

The following link is generating a short tag warning in W3C validation.

http://webbytedd.com/bbb/map/

What am I doing wrong and how do I fix it?

Thanks,

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] short tag warning

2008-05-18 Thread Jukka K. Korpela
tedd wrote:

 The following link is generating a short tag warning in W3C
 validation.

 http://webbytedd.com/bbb/map/

Markup validation isn't a CSS issue, so it's off-topic in this list. But 
please re-read the explanation that the validator gives; in practice, 
you have
li a id=AK href=#span ...
which should be
li a id=AK href=#span
i.e. with a  that closes the a tag.

Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/ 

__
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] short tag warning

2008-05-18 Thread tedd
At 10:04 PM +0300 5/18/08, Jukka K. Korpela wrote:
tedd wrote:

  The following link is generating a short tag warning in W3C
  validation.

  http://webbytedd.com/bbb/map/

Markup validation isn't a CSS issue, so it's off-topic in this list. But
please re-read the explanation that the validator gives; in practice,
you have
li a id=AK href=#span ...
which should be
li a id=AK href=#span
i.e. with a  that closes the a tag.

Jukka:

You are absolutely correct on both counts:

1. My question wasn't a css issue, my apologies to the list;

2. And. your answer solved the problem -- thanks.

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] Nested div break in IE7

2008-05-18 Thread Daniel Botting

 I'm not sure why you are using absolute positioning to
 layout the nesting, but a true nested structure:

 div id=outer_content_box
 div id=inner_content_box
 ... inner content box goes here
 /div
 /div

 combined with padding on the outer box, and dimensions
 set only on the inner box, will allow the outer's
 background to poke through as a border, in (I think)
 your desired effect. This also has the advantage that
 the two boxes will remain aligned when text is
 resized.

 I've put up a full version at:
 http://www.fiveminuteargument.com/nested-divs.html

   
Hi Bobby,

Thanks for the above, worked a treat.

Now I'm sure it's something I've done and I've copied your code exactly 
but if I leave the style sheet embedded exactly as you have done it 
works fine:

http://beta.bedazzled.name/

But if I use an external sheet it breaks:

http://beta.bedazzled.name/external_style_sheet/

I can't for the life of me see any difference why it should do this?

I'll keep the style sheets embedded but I'd prefer not to to avoid code 
bloat.

Again thanks for your help and the solution to my problem.

Daniel

__
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] diminishing lead-in paragraph

2008-05-18 Thread Ryan Oswald
hello,
I'm trying to create a diminishing lead-in paragraph like this:
http://www.ozworkz.com/temp/leadin.png

I'm not sure how to go about doing this correctly with xhtml/css.
Also, I imagine that browser text size increase/decrease would just  
screw it up.
So is something like this even possible?

Thanks
__
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] Nested div break in IE7

2008-05-18 Thread Daniel Botting

Hi Bobby,

Worked it out, it was the base href that broke it when I used an 
external style sheet. I've had this before and it broke it that time 
only in IE6 with another page I was building.

Please accept my apologies.

Thanks

Daniel


 Now I'm sure it's something I've done and I've copied your code 
 exactly but if I leave the style sheet embedded exactly as you have 
 done it works fine:

 http://beta.bedazzled.name/

 But if I use an external sheet it breaks:

 http://beta.bedazzled.name/external_style_sheet/

 I can't for the life of me see any difference why it should do this?

 I'll keep the style sheets embedded but I'd prefer not to to avoid 
 code bloat.

 Again thanks for your help and the solution to my problem.

 Daniel


__
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] diminishing lead-in paragraph

2008-05-18 Thread David Laakso
Ryan Oswald wrote:
 hello,
 I'm trying to create a diminishing lead-in paragraph like this:
 http://www.ozworkz.com/temp/leadin.png

 I'm not sure how to go about doing this correctly with xhtml/css.
 Also, I imagine that browser text size increase/decrease would just  
 screw it up.
 So is something like this even possible?

   


It is possible to get the diminishing font size part of it quite easily 
(see below).
Providing you can live with not setting a restrictive width for the 
division the text is enclosed in;
and, can live with flush left/scatter right (text-align:left; rather 
than text-align:justify;) the text will scale up /or/ down.
Otherwise, I am afraid you are out of luck...

CSS
body {font: 100% sans-serif;}
p {margin: 0;}
p.c1 {font-size: 130%;}
p.c2 {font-size: 110%;}
p.c3 {font-size: 100%;}
p.c4 {font-size: 95%;}
p.c5 {font-size: 90%;}


HTML
div
p class=c1.../p
p class=c2.../p
p class=c3.../p
p class=c4.../p
p class=c5.../p
/div


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


[css-d] IE7 horizontal scroll

2008-05-18 Thread Rick Pasotto
Why does IE7 cause this page to scroll horizontally? IE6 doesn't nor FF.

http://lpnc.net

-- 
Did you ever see an unhappy horse? Did you ever see bird that had the
 blues? One reason why birds and horses are not unhappy is because they
 are not trying to impress other birds and horses. -- Dale Carnegie
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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] IE7 horizontal scroll

2008-05-18 Thread David Laakso
Rick Pasotto wrote:
 Why does IE7 cause this page to scroll horizontally? IE6 doesn't nor FF.

 http://lpnc.net

   


/Maybe/ because it is not recovering from the markup errors?
http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Flpnc.net%2F

-- 
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] Image displacement

2008-05-18 Thread Alan K Baker
Tedd.

Granted that your map is quite an inspiration and as you imply, it's complex. 
However, I do believe that I may still have an equally difficult task ahead, 
not just due to partially rotated images, but also due to rotated text. Now 
that is going to be awkward without resorting to text images. g

I do believe that you are right and that all can be achieved just with the use 
of CSS. A little lateral thinking perhaps? :-)

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: css-d 
  Sent: Sunday, May 18, 2008 3:38 PM
  Subject: Re: [css-d] Image displacement


  Alan:

  These are only images. They can be arranged any way you want with 
  rollovers anywhere you want.

  Your semi-circular tabs are quite simple as compared to this:

  http://webbytedd.com/bbb/map/

  You see, all of what you described can be accomplished with css. 
  Everything you need to do is illustrated in this link.

  Cheers,

  tedd
__
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] IE7 horizontal scroll

2008-05-18 Thread Rick Pasotto
On Sun, May 18, 2008 at 08:09:44PM -0400, David Laakso wrote:
 Rick Pasotto wrote:
  Why does IE7 cause this page to scroll horizontally? IE6 doesn't nor FF.
 
  http://lpnc.net
 
 /Maybe/ because it is not recovering from the markup errors?
 http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Flpnc.net%2F

Evidently not. It now fully validates and still shows the same behavior.

-- 
Exhilaration is that feeling you get just after a great idea hits you,
 and just before you realize what's wrong with it. -- Anonymous
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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/