Re: [css-d] Fixed div and Anchors
Hi Georg, It took some working out as it does not work with an anchor, you need a div Then if the height of the header is 50px then the div style should be margin-top: -50px; height: 50px; width: 1px; it then goes fine for right at the top. By increasing both values you can bring the anchor point down a bit which is good. Thanks for that. Nic -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: 20 June 2008 18:24 To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Fixed div and Anchors Nic Pulford wrote: Some time ago, about a year I think, there was some discussion about using fixed divs to fix a header at the top of the page and allow the main content to scroll under it, this requires a spacer at the top of the content to make the viewable start of the page below the header. The problem comes when the site uses anchors the browsers of course make sure the anchor is at the top of the page, which is under the header. Is there a good solution to making the anchor appear so you can see it. I've solved the problem in one particular case [on CSS-D] by styling the anchor with an invisible top-extension - 1px wide and as tall as the fixed header + the part you want to see. That'll let the browsers align the anchor at the top and keep the relevant content down where it's visible. I can probably dig up my local demo-case again (one day) if necessary, but it shouldn't be too hard to style an in-page anchor to achieve such an offset effect. (I prefer fixed footers and sidebars myself, so I don't run into the problem.) 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/ __ 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] Having a server control render XHTML compliant html
Hi, I'm having to assist someone to alter the output of a serverside control (.NET). I'm still not 100% sure about the following bit: there is a part where the control - more specifically a paged list using alphanumeric characters - renders these anchors starting with a previous anchor that is grayed out (being at the start and all). The problem is they are using a property disabled inside the anchor a disabled=disabled and to my knowledge the disabled attribute can only be used with form elements (input). In order to be able to style the anchor list I thought rendering of the grayed out anchor could be: 1. a class=disabledPreviousText/a 2. span class=disabledPreviousText/span 3. PreviousText Which do you think would be best considering the least amount of generated html but allowing just enough room for DOM traversing and styling using css? Thanks a lot. Kris __ 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] Fixed div and Anchors
Nic Pulford wrote:
It took some working out as it does not work with an anchor, you need
a div Then if the height of the header is 50px then the div style
should be margin-top: -50px; height: 50px; width: 1px; it then goes
fine for right at the top. By increasing both values you can bring
the anchor point down a bit which is good.
It does work with an anchor if the display property is set correctly.
Both 'display: block' and 'display: inline-block' will make an anchor
controllable.
Try this...
#item4 {display: inline-block; padding-top: 100px!important; width: 10px; }
a id=item4 testing /a
...and you'll get the desired effect in all supporting browsers.
Add offset that suits the actual layout.
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] CSS Roll Over Problem Help
No, not necessarily. It depends on how many different blocks of three images
you need to use.
This method uses a single combined 3 image block for a vertical menu and works
cross-browser:
You'd need to set inline params for a horizontal menu.
It doesn't cater for sub-items, but once you have mastered this, it's a fairly
easy progression.
HTML:
div id=menu
ul
lia href=item1.htmlItem1/a/li
lia href=item2.htmlItem2/a/li
!-- and as many more or less li items as you need --
/ul
/div
-
CSS
#menu {
/* Create box/position for menu with a background image if required */
}
#menu ul {
/* Set position and padding/margins of ul within menu box */
}
#menu li { /* Remove li defaults */
list-style:none;
}
#menu li a {
background-image:url(3 part single image url goes here);
background-repeat: no-repeat;
background-position:0 0;
/* Set width, height etc */
}
#menu li a:hover {
background-position:0 -73px; /* Change position to suit image sizes */
}
#menu li a:active {
background-position:0 -146px; /* Change position to suit image sizes */
}
-
Just add appropriate sizes and positions to suit your images, and remove anchor
default coloring as necessary.
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: Christopher
To: css-d@lists.css-discuss.org
Sent: Saturday, June 21, 2008 1:49 AM
Subject: Re: [css-d] CSS Roll Over Problem Help
So I have one div now with just a background image. I have to create
three other divs ? And each one
being a :hover and a :active?
__
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] Fixed div and Anchors
Hi Georg,
Your right, it does work with anchors. My solution does not work in IE 6,
and the problem with your solution is that it changes the layout of the
rest.
Your solution Only works in IE 6 if the anchor contains something ie
'testing'.
Any ideas?
Nic
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: 21 June 2008 11:52
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Fixed div and Anchors
Nic Pulford wrote:
It took some working out as it does not work with an anchor, you need
a div Then if the height of the header is 50px then the div style
should be margin-top: -50px; height: 50px; width: 1px; it then goes
fine for right at the top. By increasing both values you can bring
the anchor point down a bit which is good.
It does work with an anchor if the display property is set correctly.
Both 'display: block' and 'display: inline-block' will make an anchor
controllable.
Try this...
#item4 {display: inline-block; padding-top: 100px!important; width: 10px; }
a id=item4 testing /a
...and you'll get the desired effect in all supporting browsers.
Add offset that suits the actual layout.
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/
__
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] CSS Roll Over Problem Help
I have one giant image with 3 areas specific for links, I don't want the
whole image just 3 specific areas of the giant image, when I read up on
sprites most of the examples were little buttons so how do I go about
doing it this way which I have laid out ?
Christopher
Alan K Baker wrote:
No, not necessarily. It depends on how many different blocks of three images
you need to use.
This method uses a single combined 3 image block for a vertical menu and
works cross-browser:
You'd need to set inline params for a horizontal menu.
It doesn't cater for sub-items, but once you have mastered this, it's a
fairly easy progression.
HTML:
div id=menu
ul
lia href=item1.htmlItem1/a/li
lia href=item2.htmlItem2/a/li
!-- and as many more or less li items as you need --
/ul
/div
-
CSS
#menu {
/* Create box/position for menu with a background image if required */
}
#menu ul {
/* Set position and padding/margins of ul within menu box */
}
#menu li { /* Remove li defaults */
list-style:none;
}
#menu li a {
background-image:url(3 part single image url goes here);
background-repeat: no-repeat;
background-position:0 0;
/* Set width, height etc */
}
#menu li a:hover {
background-position:0 -73px; /* Change position to suit image sizes */
}
#menu li a:active {
background-position:0 -146px; /* Change position to suit image sizes */
}
-
Just add appropriate sizes and positions to suit your images, and remove
anchor default coloring as necessary.
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: Christopher
To: css-d@lists.css-discuss.org
Sent: Saturday, June 21, 2008 1:49 AM
Subject: Re: [css-d] CSS Roll Over Problem Help
So I have one div now with just a background image. I have to create
three other divs ? And each one
being a :hover and a :active?
__
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] CSS Roll Over Problem Help
Christopher wrote: I have one giant image with 3 areas specific for links, I don't want the whole image just 3 specific areas of the giant image, when I read up on sprites most of the examples were little buttons so how do I go about doing it this way which I have laid out ? Christopher It is very difficult understand your continuing question (s) without some sort of diagram; or, better yet, a clickable link to the page/problem in question. I am sure you know what you want. But something more tangible than a rather incomprehensible 53 word long sentence will help others get the picture, and, perhaps, enable them to give you a specific answer. In the meantime, maybe this will help: http://css.maxdesign.com.au/listamatic/vertical05.htm __ 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] Extra ? and Font Switcher
Can someone see why their is a ? appearing at the top or in my h1 header in my header file? And why I can not get increase Font Size and Decrease Font Sizeappearing under the curve graphic and above the Greenwich Mean Time says ..? HTML http://www.choroideremia.org/new/crf_header.php http://www.choroideremia.org/switcher.php CSS http://www.choroideremia.org/css/layout.css http://www.choroideremia.org/css/layout_medium.css http://www.choroideremia.org/css/layout_large.css http://www.choroideremia.org/css/layout_small.css Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller __ 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] Extra ? and Font Switcher
Angus, You've got a bunch of issues here. You need to first get your PHP to output valid HTML. The output is a mess. -- Stray question mark character in the head. -- Incorrectly formatted LINK element due to some stray PHP code injection -- LINK element in the BODY of your page. -- BODY and HTML elements not closed. Before you can worry about the layout, you've got to get your PHP outputting clean HTML. ...Rob E. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.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] Baffling behaviour of a two-column layout in IE6
I have designed a page which seems to work well in FF2, FF3 and IE7 but breaks
up so badly in IE6 that it's hard to see what was intended. I've yet to try any
other browsers.
http://www.mull-bed-and-breakfast.co.uk/hmi/pages/bb-sw-mull.html
The layout has a header, and two columns. The left ('div#navleft') column is
floated left, and the second ('div#txtcol') is alongside it. Txtcol contains a
series of structurally identical entries ('div.item') with rounded corners
achieved with a combination of background and normal images in header and
footer divs within div.item ('div.header1', 'div.footer1'). To get the footer1
correctly placed required a 'clear'.
Originally I positioned div#txtcol using a left margin equal to the width of
div#navleft, but this meant the 'clear' positioned 'footer1' below 'div#navleft'
(though still inside div#txtcol). In other words the first div.item within
div#txtcol had exaggerated height. Hence the 'overflow: hidden;' , which
creates a new block formatting context (preventing the 'clear' from clearing
the
float on 'div#navleft'). Curiously FF2, FF3 and IE7 don't seem
to mind whether the left margin is 0 or equal to the width of div#navleft
(140px).
But in IE6 the whole 'div#txtcol' is pushed down below 'div#navleft' so there's
a huge gap below the banner, and in this gap appears some background colour
either from the page footer ('div#footer') or the 'div#inner' which exists to
give faux-column colouring below div#navleft.
I'm trying to include some conditional CSS to cope with this, haven't got it
right yet.
The current CSS for div#txtcol is:
div#txtcol {
background-color: #F6EFC3; /* primrose */
/* position: relative; top: 0; left: 0px;*/
margin: 0 0 0 0px;
padding: 0 0 4px 0;
height: auto;
overflow: hidden; /* Creates new block formatting context */
}
/* Hack to control scope of Clear in div.footer1 (corrects overflow set hidden
above) */
* html#txtcol {
overflow: visible;
height: 1%
}
I'm still playing with the conditional CSS for IE6, so the exact layout may vary
from time to time.
Any suggestions, please ?
Tim Dawson
--
Isle of Mull, Scotland
__
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] Baffling behaviour of a two-column layout in IE6
Tim Dawson wrote:
I have designed a page which seems to work well in FF2, FF3 and IE7 but breaks
up so badly in IE6 that it's hard to see what was intended. I've yet to try
any
other browsers.
http://www.mull-bed-and-breakfast.co.uk/hmi/pages/bb-sw-mull.html
I'm still playing with the conditional CSS for IE6, so the exact layout may
vary
from time to time.
Not a good idea to put it on the server when you are asking the list to
debug the layput.
Any suggestions, please ?
Tim Dawson
These additions to the selector snap it in place and closes the vertical
gap IE/6 on a /local/ file. The width will need to be tweaked
div#txtcol {border:1px solid red; width: 650px;float:right;}
--
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] CSS Roll Over Problem Help
Alright, what I am after is if I have one giant graphic with, three smaller areas that will be buttons within the giant graphic, how do I create roll over effects in this way ? From all the examples I have seen from links given to me by the great people of this list most of them show small buttons not buttons within giant graphic files with other stuff within the graphic file as well. David Laakso wrote: Christopher wrote: I have one giant image with 3 areas specific for links, I don't want the whole image just 3 specific areas of the giant image, when I read up on sprites most of the examples were little buttons so how do I go about doing it this way which I have laid out ? Christopher It is very difficult understand your continuing question (s) without some sort of diagram; or, better yet, a clickable link to the page/problem in question. I am sure you know what you want. But something more tangible than a rather incomprehensible 53 word long sentence will help others get the picture, and, perhaps, enable them to give you a specific answer. In the meantime, maybe this will help: http://css.maxdesign.com.au/listamatic/vertical05.htm __ 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] CSS Roll Over Problem Help
I think I see what you want. Forgive me if I'm wrong. :-)
Referring to the example I gave you in my last reply:
You need to define the screen position of your menu in #menu {}
Then define your actual menu element box sizes (width and height) to create a
box 'window' to view parts of your image using #menu li a {}
You would also define the coordinates of the first part of your image you want
to view in #menu li a {}
After that it's a simple matter of setting the coordinates for the part of your
image that you want to use for the rollover using #menu li a:hover {}
and again for the active part of the menu using #menu li a:active {}
The top and left coordinates of your image will be 0 0 and any other pixel
coordinates will be negative values taken from 0 0 as the initial reference.
If you need different parts of the image in each menu li item, then you would
need multiple divs, one for each different menu item.
It would be a lot easier if you could generate some code for this, even if it
doesn't work properly and put it on a site somewhere, along with your 'giant'
image, then we could do some real work on getting it right for you. Failing
that, post what you have (including your menu image) direct to my email address
and I'll try to create something for you to learn from. I won't actually do the
entire job for you, as I believe that the only way to learn is by making your
own mistakes and correcting them, with or without help.
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: Christopher
To: css-d@lists.css-discuss.org
Sent: Saturday, June 21, 2008 7:37 PM
Subject: Re: [css-d] CSS Roll Over Problem Help
I have one giant image with 3 areas specific for links, I don't want the
whole image just 3 specific areas of the giant image, when I read up on
sprites most of the examples were little buttons so how do I go about
doing it this way which I have laid out ?
Christopher
__
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] CSS Roll Over Problem Help
Christopher wrote: Alright, what I am after is if I have one giant graphic with, three smaller areas that will be buttons within the giant graphic, how do I create roll over effects in this way ? From all the examples I have seen from links given to me by the great people of this list most of them show small buttons not buttons within giant graphic files with other stuff within the graphic file as well. Is it possible for you to provide a clickable link in your post to your page that has buttons within giant graphic files with other stuff within the graphic file as well??? __ 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] Baffling behaviour of a two-column layout in IE6
David Laakso wrote:
Tim Dawson wrote:
I have designed a page which seems to work well in FF2, FF3 and IE7 but
breaks up so badly in IE6 that it's hard to see what was intended. I've
yet to try any other browsers.
http://www.mull-bed-and-breakfast.co.uk/hmi/pages/bb-sw-mull.html
I'm still playing with the conditional CSS for IE6, so the exact layout may
vary from time to time.
Not a good idea to put it on the server when you are asking the list to debug
the layout.
I take your point. Unfortunately I don't have any local means of testing IE6
(arguably I should set up a VM to do this, but I'd have to find out how first).
What I can do is test on a copy.
These additions to the selector snap it in place and closes the vertical gap
IE/6 on a /local/ file. The width will need to be tweaked
div#txtcol {border:1px solid red; width: 650px;float:right;}
Thank you, I'll give it a whirl. It may cause a problem when it comes to
another page I'm doing, which has three columns, the RH one of which is
absolutely positioned. We'll see in due course.
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
__
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] Baffling behaviour of a two-column layout in IE6
Ken Hanson wrote:
Hi Tim,
I went ahead and pulled your stylesheet down and checked things out for
myself, especially concerning div#txtcol.
Pretty sure that guy's a has-layout bug. Those kind of bugs are a bit
beyond me, but when I have no explanation for whats going on, I usually
turn to tossing in a tester Zoom: 1.0; to check and see.
This one immediately had me guessing and so I did a tester check (my own
words, not technical at all) with this:
* { zoom: 1.0; }
It's most definitely -not- a permanent fix, but this just helps to see
if you even need to waste time with the next part, which is drilling
down into which element actually needs zoom: 1.0; for the bug. If you
leave the * selector there, your looking at some pretty heavy rendering
loads and such, as well as it just being bad practice. So pop it in,
see if it fixes, and then take it out and start stepping through the
rest of the elements until you get the right one.
Anyways, I went ahead and applied it to div#txtcol { }, and your really
really close. Just some minor gaps between the divs at that point, but
the rounded corner explosion snaps right away ( I checked in IE6 using
accessibility stylesheets ).
So you have this:
div#txtcol {
background-color: #F6EFC3; /* primrose */
/*position: relative; top: 0; left: 0px;*/
/*margin: 0 0 0 140px;*/
margin: 0 0 0 0px;
padding: 0 0 4px 0;
height: auto;
overflow: hidden; /* Creates new block formatting context */
}
And here's what I changed it to:
div#txtcol {
background-color: #F6EFC3; /* primrose */
/*position: relative; top: 0; left: 0px;*/
/*margin: 0 0 0 140px;*/
margin: 0 0 0 0px;
padding: 0 0 4px 0;
height: auto;
overflow: hidden; /* Creates new block formatting context */
zoom: 1.0; /* IE6 Has Layout Bug Fix */
}
Good luck with the rest of it!
Sincerely,
Ken Hanson | http://www.markupninjas.com
Hello Ken,
Thank you. I've not met {zoom: 1,0;} before, but I'll be giving it a try.
I did wonder if it was a 'has-layout' problem, but don't know enough to make the
suggestion. I thought, however, that the 'overflow:hidden' was meant to take
care of that. But perhaps not.
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
__
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] Baffling behaviour of a two-column layout in IE6
Hello Ken,
Thank you. I've not met {zoom: 1,0;} before, but I'll be giving it a
try.
I did wonder if it was a 'has-layout' problem, but don't know enough
to make the
suggestion. I thought, however, that the 'overflow:hidden' was
meant to take
care of that. But perhaps not.
Ah, no no, overflow: hidden is a fancy way to clear floats without
actually clearing them.
Floats take elements out of the document flow. So parent elements
don't know how tall to be for example. Before Overflow: hidden; was
around, clearing them was the way to go, because suddenly, an element
is in document flow but is still flowing around floats that aren't, so
our parent containers were happy, because they could see -something-
to know how tall to be =p Clearing causes -all- kinds of problems
though, which I'm sure you'll run into.
But thats why overflow: hidden got latched onto so hard, all of a
sudden, parent elements, with one simple declaration and less hacks
and no extra elements know how tall to be and what is going on with
their children elements. It's killer for floats, but not much past
that (unless you dig the iframe scene =p ).
Zoom: 1.0 and height: 1%; both can do some nice things for the fubar
scene of IE6. I most often use zoom now though. Oh and a good tip off
that something is awry with has-layout: the borders that David Laakso
was tossing onto the elements, if borders ever fix your problem
randomly, the issue is usually has-layout.
Good luck to ya! IE-6 takes every trick in the book at the end of the
day typically =p
Sincerely,
Ken Hanson | http://www.markupninjas.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] CSS Roll Over Problem Help
Christopher. I'm sorry, but a couple of us have attempted to accommodate you and have given you outline examples, along with requests for more information from you. Unfortunately, so far there has been no interaction from you. All you have managed to do is to re-word the same question several times and repeatedly ask it, without meaningful discussion. I do not have your 'giant' image file, so there is no possible way I can give you an example using it. Further, I don't have the time or the inclination to generate a large image by guesswork. I've pointed you to one of my websites where what you seem to want is working, along with some extra 'bells and whistles' and I've even invited you to send your file via email, but you have failed to do so. Does this large image file actually exist outside an abstract concept? The task is straightforward enough. You have a large graphic representation and you are looking at it through a small moveable aperture, defined by CSS. If you are really not understanding what is a fairly mundane and everyday CSS function, may I suggest that you purchase a basic course or a book on CSS fundamentals and thoroughly learn it, generate some 'proper' examples of your own, make mistakes (we all do) then submit your work to this forum for analysis and help in making it work. I've received some great help from learned folks on this forum and you can too, but you really have to do your own homework. :-) 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: Christopher To: Alan K Baker Sent: Sunday, June 22, 2008 12:18 AM Subject: Re: [css-d] CSS Roll Over Problem Help Hi, well could you show me a example cause, I'm trying to wrap my head around this as it is, hopefully you have a example? __ 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/
