[css-d] [Fwd: Re: [#24488699] Anchor offset ?]
Sorry to bother the list ... but I received this message below in response to my 3:20 PM reply to a list email about the Anchor Offset topic. I sent my reply ONLY to the list, so apparently someone's address (@midphase.com) on the list isn't supposed to be on the list, which doesn't seem to be something I can do anything about ... I guess if you contact supp...@midphase.com with their ticket number below, they can tell you who it might be. Again, sorry for the interruption, you may now return to your regularly scheduled interruption. Original Message Subject: Re: [#24488699] [css-d] Anchor offset ? Date: Sun, 9 May 2010 21:08:03 -0500 From: supp...@midphase.com Reply-To: supp...@midphase.com To: gn...@hawaii.rr.com Hello, Please remove supp...@midphase.com and any other @midphase.com addresses from your mailing list. Thank you. -- Best regards, Joseph J.J. Montgomery Technical Support Representative Hosting Services, Inc. - How was your experience with this ticket? Please let us know by completing the following survey: https://secure.mpcustomer.com/order/phpQ/fillsurvey.php?sid=2id=24488699 For answers to common questions please check our knowledgebase at midphasehelp.com -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] Anchor offset ?
genericmailli...@gmail.com wrote: On Sun, May 9, 2010 at 7:56 PM, Ed Seedhouse eseedho...@gmail.com wrote: On Sun, May 9, 2010 at 1:39 PM, genericmailli...@gmail.com wrote: On Sun, May 9, 2010 at 1:57 PM, Ed Seedhouse eseedho...@gmail.com wrote: On Sun, May 9, 2010 at 10:22 AM, genericmailli...@gmail.com wrote: Yes, Frames without frames is exactly what I want. The standard way to achieve this is with some kind of server-side processing, such as ASP, PHP, server side includes or several other methods. I think maybe you missed something, I am not wanting to use frames just make the pages behave in a manner similar to frames. And that's what we normally use server side processing for, as I said. The pages I currently working on will not be on a public server but the design concept will be used later on a public server. Well it's perfectly easy to install Apache with PHP included on a Windows machine, and of course if you are using Linix you either already have it installed or can do so in just a few minutes. When the time is right I will find a web sever source where PHP is available. Just install it on your own local machine. I think everyone who is developing with html/css should have their own local web server installed. Any machine less than five years old can handle this easily. -- Ed Seedhouse Like I said, You missed something. How does server side scripting have anything to do with my original question? If you are going to join the conversation maybe you should go back and read my OP and the replies. Which is anchors in HTML and, position: fixed; in CSS. The behavior I was hoping to get in Firefox does happen in IE with just HTML and CSS no PHP or JavaScript and no ugly work arounds with HTML and CSS. Then, most likely, IE is doing it wrong, and the others are doing it right. ;-) (Note: I Am Not A W3C Standards Whiz) And for the record, I have been running Apache on Linux on my local network for around seven years when I switched from MS to Linux. Good for you! :-) -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] [Fwd: [#24489217] Re: Anchor offset ?]
Just got another one ... who on the list is @midphase.com? Original Message Subject: [#24489217] Re: [css-d] Anchor offset ? Date: Mon, 10 May 2010 04:22:12 -0500 From: css-d css-d@lists.css-discuss.org Reply-To: supp...@mpcustomer.com To: david gn...@hawaii.rr.com Hello, This is an automated response to inform you that your question has been entered into our system, and will be reviewed shortly. Your ticket has been submitted into the General Support department. We will respond to you as soon as possible. == Please keep this information, and use it when refering to your ticket: Ticket subject: Re: [css-d] Anchor offset ? Ticket number: 24489217 Ticket link: https://secure.mpcustomer.com/ticket.php?ticket=24489217 Ticket body: genericmailli...@gmail.com wrote: On Sun, May 9, 2010 at 7:56 PM, Ed Seedhouse eseedho...@gmail.com wrote: On Sun, May 9, 2010 at 1:39 PM, genericmailli...@gmail.com wrote: On Sun, May 9, 2010 at 1:57 PM, Ed Seedhouse eseedho...@gmail.com wrote: On Sun, May 9, 2010 at 10:22 AM, genericmailli...@gmail.com wrote: Yes, Frames without frames is exactly what I want. The standard way to achieve this is with some kind of server-side processing, such as ASP, PHP, server side includes or several other methods. I think maybe you missed something, I am not wanting to use frames just make the pages behave in a manner similar to frames. And that's what we normally use server side processing for, as I said. The pages I currently working on will not be on a public server but the design concept will be used later on a public server. Well it's perfectly easy to install Apache with PHP included on a Windows machine, and of course if you are using Linix you either already have it installed or can do so in just a few minutes. When the time is right I will find a web sever source where PHP is available. Just install it on your own local machine. I think everyone who is developing with html/css should have their own local web server installed. Any machine less than five years old can handle this easily. -- Ed Seedhouse Like I said, You missed something. How does server side scripting have anything to do with my original question? If you are going to join the conversation maybe you should go back and read my OP and the replies. Which is anchors in HTML and, position: fixed; in CSS. The behavior I was hoping to get in Firefox does happen in IE with just HTML and CSS no PHP or JavaScript and no ugly work arounds with HTML and CSS. Then, most likely, IE is doing it wrong, and the others are doing it right. ;-) (Note: I Am Not A W3C Standards Whiz) And for the record, I have been running Apache on Linux on my local network for around seven years when I switched from MS to Linux. Good for you! :-) -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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/ == -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] Anchor offset ?
On Sunday, May 09, 2010 4:31:46 pm genericmailli...@gmail.com wrote:
On Sun, May 9, 2010 at 2:05 PM, Thierry Koblentz n...@tjkdesign.com wrote:
I believe what the OP is after is to achieve the same behavior as if
the
banner/header was a top frame.
--
Regards,
Thierry
Whoops. Then perhaps these will give him some ideas to play with...
http://limpid.nl/lab/css/fixed/
http://www.gunlaug.no/tos/moa_8d.html
Yes, Frames without frames is exactly what I want. Hopefully the URLs
you gave as well as the ones on those pages will provide the answer. I
have a basic understanding of how to do it. Maybe I will discover
something new or discover an error in my code. I have a lot of reading
to do. Thanks.
These URLs won't help you.
To find a solution, you need first to understand the problem.
A browser scrolls a document until the named anchor reaches the top of
the window/frame it is in.
So as long as your header is part of that document, named anchors will
move behind it. Padding, margin, top, whatever you want to use will not
change that behavior. Unless of course you are ok to increase the gap
between the sections.
Because in this case, you could use *top padding* on the paragraphs. That
way the anchor position does *not* changed, but the position of the text
will. And that can clear the header.
But do you want a gap between those sections?
Hmm. I'm a little surprised that no one's mentioned the easy fix here...
It'll need some clean up with the margins, but should create the desired
effect.
Also, there may be a better way to do this: I just banged it out on Saturday
morning in the 15 minutes before I had to go out.
#body {
position: fixed;
top: 72px;
bottom: 0;
left: 138px;
overflow: auto;
margin: 0;
padding: 0;
}
Works exactly as desired, in Chrome on Linux. Don't have the time to check
FF, but probably works there too.
---Tim
__
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] Anchor offset ?
I believe what the OP is after is to achieve the same behavior
as if
the
banner/header was a top frame.
--
Regards,
Thierry
Whoops. Then perhaps these will give him some ideas to play
with...
http://limpid.nl/lab/css/fixed/
http://www.gunlaug.no/tos/moa_8d.html
Yes, Frames without frames is exactly what I want. Hopefully the
URLs
you gave as well as the ones on those pages will provide the
answer. I
have a basic understanding of how to do it. Maybe I will discover
something new or discover an error in my code. I have a lot of
reading
to do. Thanks.
These URLs won't help you.
To find a solution, you need first to understand the problem.
A browser scrolls a document until the named anchor reaches the top
of
the window/frame it is in.
So as long as your header is part of that document, named anchors
will
move behind it. Padding, margin, top, whatever you want to use will
not
change that behavior. Unless of course you are ok to increase the
gap
between the sections.
Because in this case, you could use *top padding* on the
paragraphs. That
way the anchor position does *not* changed, but the position of the
text
will. And that can clear the header.
But do you want a gap between those sections?
Hmm. I'm a little surprised that no one's mentioned the easy fix
here...
It'll need some clean up with the margins, but should create the
desired
effect.
Also, there may be a better way to do this: I just banged it out on
Saturday
morning in the 15 minutes before I had to go out.
#body {
position: fixed;
top: 72px;
bottom: 0;
left: 138px;
overflow: auto;
margin: 0;
padding: 0;
}
Duh! And that should work nicely in good browsers.
What about adding html {overflow-y:hidden} to avoid a double vertical
scrollbar?
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
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] ADMIN: [Fwd: Re: [#24488699] Anchor offset ?]
At 11:06 PM -1000 5/9/10, david wrote: Sorry to bother the list ... but I received this message below in response to my 3:20 PM reply to a list email about the Anchor Offset topic. I sent my reply ONLY to the list, so apparently someone's address (@midphase.com) on the list isn't supposed to be on the list, which doesn't seem to be something I can do anything about ... I'm looking into this (in part by responding to your message) and think I know what's going on here, but can't yet be totally sure. It's complicated by the fact that no 'midphase' or 'mpcustomer' addresses are currently subscribed. As a general note, when things like this happen, please contact the list administrators at css-d-ow...@lists.css-discuss.org (as listed in the headers of every message; look for 'List-Help') instead of mailing the whole list. Thanks! -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ 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] Pseudo Element after:not to include images?
I can't seem to figure out how to leave out any images in a pseudo element
selector for off-site links. The following blocks the domains fine and
attaches to all other outside links (except IE), but sometimes images are
linked and need to be excluded.
a:not([href^=.com]):not([href^=.com]):after { content:\279F; }
Have tried things like:
a:after img { content:none !important; }
.. obviously wrong syntax. Any suggestions?
--
Susan R. Grossman
susan.r.gross...@gmail.com
__
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] Help with center container
Hello I am trying again to rebuild my website, older and it seems only a little wiser. In essence three columns/boxes where center div expands and moves images. http://www.equestrian-jewelry.com/horse_and%20equine_jewelry_for_equestrians.htm Page is valid css and validates html 4.01 strict. I want to rebuid site by using css to replace gallery container as needed. Trying also to put div on right which I will use for clearances or such. Ultimately will use the more info link in gallery container as a paypal type link. Main problem -Cross browser div with images buries under left nav menu and right div. I have tried and retried for many hours various position, float margins etc. Also the popup should be over top of the right column Page shows what I want in Firefox (with the exception of the gallerycontainer getting lost under the menu, almost in IE6. In Opera 9 complete gallery div is active. Google Chrome it is close. I realize many people on this list are really up to date but my customer base is often remote and slower to update computers etc so IE6 is still important to me. Also I like some dark backgounds suggested in the past( black) but personnaly prefer the readability of the light background. Thanks for taking a look Ken __ 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] Anchor offset ?
I believe what the OP is after is to achieve the same behavior as if
Yes, Frames without frames is exactly what I want. Hopefully the URLs
Hmm. I'm a little surprised that no one's mentioned the easy fix here...
It'll need some clean up with the margins, but should create the desired
effect.
Also, there may be a better way to do this: I just banged it out on Saturday
morning in the 15 minutes before I had to go out.
#body {
position: fixed;
top: 72px;
bottom: 0;
left: 138px;
overflow: auto;
margin: 0;
padding: 0;
}
Works exactly as desired, in Chrome on Linux. Don't have the time to check
FF, but probably works there too.
This is exactly what I was wanting to do.
Thanks!
--
If the American people ever allow private banks to control the issue
of their money, first by inflation and then by deflation, the banks
and corporations that will grow up around them, will deprive the
people of their property until their children will wake up homeless on
the continent their fathers conquered.
-Thomas Jefferson
This has been happening for the last 100 years.
__
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] Help with center container
On Mon, May 10, 2010 at 2:39 PM, Ken Davies equined...@telus.net wrote: Hello I am trying again to rebuild my website, older and it seems only a little wiser. In essence three columns/boxes where center div expands and moves images. http://www.equestrian-jewelry.com/horse_and%20equine_jewelry_for_equestrians.htm Page is valid css and validates html 4.01 strict. I want to rebuid site by using css to replace gallery container as needed. Trying also to put div on right which I will use for clearances or such. Ultimately will use the more info link in gallery container as a paypal type link. Main problem -Cross browser div with images buries under left nav menu and right div. I have tried and retried for many hours various position, float margins etc. Also the popup should be over top of the right column Page shows what I want in Firefox (with the exception of the gallerycontainer getting lost under the menu, almost in IE6. In Opera 9 complete gallery div is active. Google Chrome it is close. I realize many people on this list are really up to date but my customer base is often remote and slower to update computers etc so IE6 is still important to me. Also I like some dark backgounds suggested in the past( black) but personnaly prefer the readability of the light background. Thanks for taking a look Ken __ 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/ Maybe the replies to my post will help you. My post has the subject Anchor offset ? I don't know if you have been following the list or just joined to ask your question. My post is recent, last few days. I think you can get to the archives from one of those URLs above in the list's auto signature. Sorry I have been on the list very long so I don't have a direct URL to the archives. -- If the American people ever allow private banks to control the issue of their money, first by inflation and then by deflation, the banks and corporations that will grow up around them, will deprive the people of their property until their children will wake up homeless on the continent their fathers conquered. -Thomas Jefferson This has been happening for the last 100 years. __ 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] Help with center container
Ken Davies wrote: Hello I am trying again to rebuild my website, older and it seems only a little wiser. In essence three columns/boxes where center div expands and moves images. http://www.equestrian-jewelry.com/horse_and%20equine_jewelry_for_equestrians.htm The center column expansion is problematic and for the time being, at least, it may be beneficial to hold an overall fixed width. This is at 980px and quick checked only: IE 6/7/8, Chrome, Safari, SeaMonkey, and Firefox. Note revison of both css and the markup. markup http://chelseacreekstudio.com/ca/cssd/horse.htm css http://chelseacreekstudio.com/ca/cssd/horse_files/possible.css I hope it will help get you started toward what you want.. Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ 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] Pseudo Element after:not to include images?
On May 11, 2010, at 3:08 AM, Susan Grossman wrote:
I can't seem to figure out how to leave out any images in a pseudo element
selector for off-site links. The following blocks the domains fine and
attaches to all other outside links (except IE), but sometimes images are
linked and need to be excluded.
a:not([href^=.com]):not([href^=.com]):after { content:\279F; }
If I understand correctly, you want those 'external' links to display a
right-pointing arrow next to the linked text, but those external links that
contain an image should not have that arrow. Correct ?
(as always, linking to a minimal test case makes things much easier to
understand…).
Have tried things like:
a:after img { content:none !important; }
.. obviously wrong syntax. Any suggestions?
Obviously, that won't work, given the syntax above. The generated content is
applied to the link, not the image, child of that link.
And also note the last paragraph under CSS 2.1:12.1 regarding replace elements
http://www.w3.org/TR/CSS21/generate.html#before-after-content
What you'll need to do is append a class to those links that contain an image,
then write you selector thusly:
a:not([href^=.com]):not([href^=.com]):not([class=image-in-link]):after
{ content:\279F; }
a href=abcd.com class=image-in-linkimg src=my-image.png alt=/a
CSS has no provisions, to date, to do reverse lookup, of the type
a:contains(img) or the like. There have been various proposals to the css-wg
but none worked out so far
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
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] Pseudo Element after:not to include images?
I can't seem to figure out how to leave out any images in a pseudo
element
selector for off-site links. The following blocks the domains fine and
attaches to all other outside links (except IE), but sometimes images are
linked and need to be excluded.
a:not([href^=.com]):not([href^=.com]):after {
content:\279F; }
On Mon, May 10, 2010 at 5:33 PM, Philippe Wittenbergh e...@l-c-n.comwrote:
If I understand correctly, you want those 'external' links to display a
right-pointing arrow next to the linked text, but those external links that
contain an image should not have that arrow. Correct ?
(as always, linking to a minimal test case makes things much easier to
understand…).
Have tried things like:
a:after img { content:none !important; }
.. obviously wrong syntax. Any suggestions?
Obviously, that won't work, given the syntax above. The generated content
is applied to the link, not the image, child of that link.
And also note the last paragraph under CSS 2.1:12.1 regarding replace
elements
http://www.w3.org/TR/CSS21/generate.html#before-after-content
What you'll need to do is append a class to those links that contain an
image, then write you selector thusly:
a:not([href^=.com]):not([href^=.com]):not([class=image-in-link]):after
{ content:\279F; }
a href=abcd.com class=image-in-linkimg src=my-image.png
alt=/a
CSS has no provisions, to date, to do reverse lookup, of the type
a:contains(img) or the like. There have been various proposals to the css-wg
but none worked out so far
Thank you - I knew I had it crooked, though I was hoping to apply without
back adding a class (existing content).
Really appreciate this, it works correctly.
Susan
__
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] Help with center container
Ken Davies wrote: David Laakso wrote: Ken Davies wrote: Hello I am trying again to rebuild my website, older and it seems only a little wiser. In essence three columns/boxes where center div expands and moves images. http://www.equestrian-jewelry.com/horse_and%20equine_jewelry_for_equestrians.htm The center column expansion is problematic and for the time being, at least, it may be beneficial to hold an overall fixed width. This is at 980px and quick checked only: IE 6/7/8, Chrome, Safari, SeaMonkey, and Firefox. Note revison of both css and the markup. markup http://chelseacreekstudio.com/ca/cssd/horse.htm css http://chelseacreekstudio.com/ca/cssd/horse_files/possible.css I hope it will help get you started toward what you want.. Best, ~d Thanks Dave, it helped a colored header is better, as did a link I got off an earlier reply Margins aren't perfect yet but page moves the way I want with an expanding center div. Firefox and Chrome look decent so far. Now I have lost the images in container div on IE6. Opera still has a completely active container div with mouseover.. Got any ideas on those? Ken What say we just send this to the list and ask their opinion? Other people on the list may wish to contribute their thoughts. I just try to cope with really simple stuff. Questions of more profound and complex matter may be best dealt with by others better qualified than me ... Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ 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/
