[css-d] Make drop down third level links always remain up top
on the link belowhttp://constructweb.com/test/index.html hover on the nav - discover san diego on the third level links that show up on hover is there a way to make them all have show up the same horizontally ( just under the header ) instead of relative to there 2nd level link? Thanks for taking a look Neal __ css-discuss [css-d@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] Make drop down third level links always remain up top
on the link belowhttp://constructweb.com/test/index.html hover on the nav - discover san diego on the third level links that show up on hover is there a way to make them all have show up the same horizontally ( just under the header ) instead of relative to there 2nd level link? Thanks for taking a look Neal __ css-discuss [css-d@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] why's there space above UL menu?
on this page: http://www.coffeeonmars.com/testing/4COMIndex.html
this is a menu at the left. I am trying to get the head other work to be
closer to it, but the menu acts like there's a top margin value preventing
this closeness...and since I can't see what the issue is, makes me think
there's something else at work in my code. Can anyone offer clues?
~
completely zero out the margin: 0; or just margin-top: 0;
#menucontainer ul {
font-family: Arial,Helvetica,sans-serif;
font-size: 80%;
line-height: 3.5;
list-style-type: none;
margin: 0;
padding-left: 0;
}
__
css-discuss [css-d@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] some graphic bullets not showing in IE7
http://www.redkitecreative.com/projects/farm/about/the-farm-bureau/ In IE7, bullets are showing correctly in the main content area but are disappearing in the sidebar. Can someone help? ~~ I have not seen if this works but, try putting: position: relative; in there or: do not use CSS shortcut - for ex: background-image: url(images/bullet.jpg) ; background-repeat:no-repeat background-position: 0 6px; IE is a strange one __ css-discuss [css-d@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] negative margins/padding
Can I use negative values in margins and padding such as:
H1 {
Margin: -1em;
}
yes - but only for margins - there is no negative padding
negative margins allow for many advantages in design
__
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] Background
When setting the background in CSS can you set the image width at the
same time?
Example;
background: #00ff00 url('smiley.gif width:50') no-repeat fixed center;
No you cannot - but you can set the width of the background container
~Neal
__
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] Safari problem-CSS issue?
I'm a VERY amateur web designer. My website www.callingazhome.com displays properly with all browsers except Safari and Opera. Is it just lacking a proper code in the css page (ex.css) Yours Truly, Neal Farrell Russ Lyon Sotheby's International Realty Cell: (623)695-2934 E-Fax: (623)547-3943 www.callingazhome.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] Re; Safari problem-CSS issue?
I fixed it, the problem was I did not have the proper html definition for Safari to recognize. Yours Truly, Neal Farrell Russ Lyon Sotheby's International Realty Cell: (623)695-2934 E-Fax: (623)547-3943 www.callingazhome.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] Standrards Compliance -fine-tuning
Thanks Pat but I was referring to a different page Now I have two of them: http://www.constructweb.com/seo/a http://www.constructweb.com/seo/b which one do most people think is better for SEO and web standards http://www.constructweb.com/seo/b has a IRT (Image replacement Technique) implemented I do not think that is a problem with google? Neal Neal, at a minimum for SEO, include keywords/phrases searchers might use: 1. Expand your title tag (currently just Construct Web) to include the tagline: Standards-Compliant Web Design / Development 2. Add a description tag Think of these in terms of the highlighted words/phrases that might show in a search engine results page. On Wed, Oct 8, 2008 at 1:53 PM, [EMAIL PROTECTED] wrote: apologize for the cross post. I created a page (pages) for a client and they will be used mostly for SEO This is the (very simple) page: http://www.constructweb.com/seo/ It validates! - anything else that be suggested from the css/html (maybe SEO if it's not too OT) perspective that would make this page even more web standards compliant? Thanks Neal life is certain death is short ~furry lewis __ 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/ -- Pat C [EMAIL PROTECTED] __ 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/ life is certain death is short ~furry lewis __ 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] Standrards Compliance -fine-tuning
apologize for the cross post. I created a page (pages) for a client and they will be used mostly for SEO This is the (very simple) page: http://www.constructweb.com/seo/ It validates! - anything else that be suggested from the css/html (maybe SEO if it's not too OT) perspective that would make this page even more web standards compliant? Thanks Neal life is certain death is short ~furry lewis __ 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 background image not showing up
instead of
css-d@lists.css-discuss.org
#container {
background:url(/images/faux.gif) repeat-y;
}
try this:
#container {
background:url(../images/faux.gif) repeat-y;
}
~Neal
life is certain
death is short
~furry lewis
__
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] make link non-clickable
this exists in content a href=www.somewhere.comlink/a if there any way to make that link non-clickable only with css one solution that I do not want to use is putting an absolutely positioned clear image over it. thansk Neal __ 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] make link non-clickable
Thanks all and Ingo - love the sarcasm - well deserved by me violating semantics so brazenly The reason is that's what the client wants I follow standards fairly well in my own little way - but the client and the cms are my nemeses there are ways to prevent links from _looking_ like links, thereby making it less probable that users click on them, This is proabbly the best to do in my situation thanks Neal [EMAIL PROTECTED] wrote: this exists in content a href=www.somewhere.comlink/a That's strange (and _quite_ different from a link with href=http://www.somewhere.com;), but anyway,... if there any way to make that link non-clickable only with css No, clickability in the general sense is an inherent property of a link: a link points at something in a manner that makes it possible to follow the link. Take that away, and it's not a link any more. In the specific concrete sense (a link can be followed by clicking on it), it's a browser feature. These things belong to functionality, not presentation. one solution that I do not want to use is putting an absolutely positioned clear image over it. It does not make the link non-clickable, even though it may make it more difficult to click on it. You can e.g. position a link 99 pixels to the right, and this will usually make it so difficult to even notice the existence of the link that it probably won't be clicked. But it won't really make it non-clickable, partly due to the CSS Caveats (reasons why your CSS might not do what you expect, see http://www.cs.tut.fi/~jkorpela/css-caveats.html ). So I think you need to clarify what you really want (and why is generally an essential part of such clarifications, because only then can others see what you mean). Why would you want to have a link and not have a link? This might not be a CSS issue at all, but there are ways to prevent links from _looking_ like links, thereby making it less probable that users click on them, if that's what you really want. __ 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] How to position this?
negative margins give items a margin-left: -xpx - or margin-right: xpx Hi, I have a site: http://www.neep.org/HPSE/csstemplate/index.php with a fixed width, centered content area. I want the effect of two div's (#columnB and .slide) to hang out over the edge (to the left and right respectively) I tried absolute positioning first, and realized that they won't scale with different browser widths. I tried relative, but the hole left behind was too large, and when I added new content to columnA, columnB just sunk lower and lower. I want both elements to be pegged to the borders, and not move when anything is resized. What's the best way to achieve this effect? Thanks so much __ __ 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] list bullet not showing; spacing in IE6
Try separating the background rule:
.list)1 li {background: url(_img/bullet-nav.gif);
background-repeat:no-repeat; background-position; 5px 50%;}
also try putting position: relative; in there
see which one works
Neal
.list01 li {
padding: 0px 0pt 0px 14px;
background: url(_img/bullet-nav.gif) no-repeat scroll 5px 50%;
display: block;
}
Why do the list bullets not show in IE/Safari as they do on Firefox?
How can I get them to show?
__
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] container help (BB)
the image sis floated and therefore not block - level the float needs to be cleared there are a few methods for this http://www.quirksmode.org/css/clearing.html http://complexspiral.com/publications/containing-floats/ is is the correct way for it to render without being cleared Hello - I'm having a little trouble with an image being the larger portion of content within a div container. I'm not sure why it is that text content will extend the container as necessary, but not an image. Am I missing something? http://www.rknstudio.com/sites/bb/index1.html http://www.rknstudio.com/sites/bb/bb1.css Thanks for your help. Ron www.rknstudio.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/ I am not going to question your opinions. I am not going to meddle with your belief. I am not going to dictate to you mine. All that I say is, examine, inquire. Look into the nature of things. Search out the grounds of your opinions, the for and the against. Know why you believe, understand what you believe, and possess a reason for the faith that is in you. -- Frances Wright, Divisions of Knowledge, __ 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] ab pos disappears in IE6
Thanks for the suggestion Arian anytime position: relative is added (anywhere in the module) the articleOptions list disappears Think this is a doctype issue - - Hey Neal, If #articleOptions is absolutely positioned, and why not set its parent #pad to position:relative, so the absolutely positioned block #articleOptions is based off that location. On 7/23/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: on this link: http://www.raiders.com/Common/Article.aspx?id=26034 view it in IE6 and you will see ul#articleOptions is pushed down because the headline went to 2 lines - - it is absolutely positioned on FF and IE7 but if Absolutely positioned in IE6 it disappears - so I floated it - but on this page you can see my problem. I looked all over and nothing is fixing it - anybody have any suggestions on how I can absolutely position this and have it not disappear in IE6 Thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ab pos disappears in IE6
Thanks Ingo I went over that page trying the cures and it did not work - - I used that page before and it worked - - I have to give up on it thanks we are all looking forward to the day IE6 croaks [EMAIL PROTECTED] wrote: on this link: http://www.raiders.com/Common/Article.aspx?id=26034 Did not look into your page, but disappearing a.p. boxes in IE are covered in this article by Bruno Fassino http://www.brunildo.org/test/IE_raf3.html Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ab pos disappears in IE6
on this link: http://www.raiders.com/Common/Article.aspx?id=26034 view it in IE6 and you will see ul#articleOptions is pushed down because the headline went to 2 lines - - it is absolutely positioned on FF and IE7 but if Absolutely positioned in IE6 it disappears - so I floated it - but on this page you can see my problem. I looked all over and nothing is fixing it - anybody have any suggestions on how I can absolutely position this and have it not disappear in IE6 Thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] border in select box IE6
Is there a way to get rid of this ? with css or anything else thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border in select box IE6
sorry do not have a link however when you use a select box it has a default border - you can get rid of it in FF but not IE6 Hello Neal, A link to the problem, the CSS would be most helpful to the members. Thanks Kate http://julienne.wordpress.com/ - Original Message - From: [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Thursday, June 28, 2007 8:03 PM Subject: [css-d] border in select box IE6 Is there a way to get rid of this ? with css or anything else thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.9.10/875 - Release Date: 6/27/2007 9:08 PM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] odd left margin in IE
Shot in the dark here but this may be the problem http://www.positioniseverything.net/explorer/doubled-margin.html See: www.dottedi.biz/testpage.html The page and CSS are self-contained. Looks fine in Firefox, but in IE, the upper divs are pushed over several pixels exposing the background color. The CSS for these 3 ID's has height set. / __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] layout choices
Most Layouts have been dont with floats (no neg margins)- the layoutgala site http://blog.html.it/layoutgala/ feature Negative Margins which I am thinking of switching to anybody just do negative margin layouts only? Is this the way to go? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Layouts - footer problems
In my code below, the footer doesn't clear at the bottom of the localnav and content DIVS ? Instead the footer is displaying behind the localnav DIV. your nav is position: absolute; which will take it out of doc flow - take that away and work from there (leave it as float: left; only) ~n __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Layouts - footer problems
I have removed the position: absolute from the localnav DIV, but the footer is still in the same position, and it has increased in vertical height ?? Looks liek the has-layout problem in IE - (http://www.satzansatz.de/cssd/onhavinglayout.html give the footer a height: 1%; - or just give the footer a height. should work - ~neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 Suckerfish (son of)
I think most people who use suckerfish know about the LAG problem in IE7. The dropdowns stay up after moused over. I see a few ways of fixing this. Anybody have any approaches to this that worked well for them? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] optimize css
I know there is a program/tool - that optimizes the css when it is live and can decompress it when you need to work on it. anybody know where this tool is? Thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using an image as a bullet
Neal,
When I apply the class the image falls on the text and the default
bullet appears as well
ul {list-style-type: none;}
put this in
~n
give the li a class li class=className
and in your css
ul li.className { background: url(bullet-image.png) no-repeat 0 0; }
most people use backgorund for the bullets as you have much more control
with background-position as well as re-peat-x, repeat-y or no-repeat
the above is shorthand for this
and means no-repeat x value 0 and y value 0
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using an image as a bullet
Did that, but the images still appear on the text instead of to the left
of the text.
in the li add {pading-left: 20px; } or whatevcer value is good
~n
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
[EMAIL PROTECTED]
Sent: Monday, August 28, 2006 2:40 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Using an image as a bullet
Neal,
When I apply the class the image falls on the text and the default
bullet appears as well
ul {list-style-type: none;}
put this in
~n
give the li a class li class=className
and in your css
ul li.className { background: url(bullet-image.png) no-repeat 0 0; }
most people use backgorund for the bullets as you have much more
control
with background-position as well as re-peat-x, repeat-y or no-repeat
the above is shorthand for this
and means no-repeat x value 0 and y value 0
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] absolute position in IE
hello - I am using absolute positioning that works in FF - - but does not in IE - yet the code shows up in view source in IE but does not render - anyone efver come across this? -i cannot offer a url at the moment - for the moment trust be that the css is well-formed thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] suppress a link in with css
ok this is a little out there - but can you suppress a link with css - in other words text that has a href applied - through css just make it static thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] suppress a link in with css
[EMAIL PROTECTED] wrote:
ok this is a little out there -
but can you suppress a link with css - in other words text that has a
href
applied - through css just make it static
I had this problem lately... it was for an unordered list navigation. My
work-around was to use a span in place of the href and style it the same
as the rest of the working links.
Works well.
The other alternative was to apply {cursor: pointer;} to all of the
non-links... not the most elegant solution though.
Thanks
I do not have access to the html links - just the css - so i dont think
this will work - -
I could absolute postion a transparent gif over it - - that would work
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background image center in FireFox
Hello all
trying to center a background in firefox - -dead center seems this all
works on IE
this:
background: #00 url('/images/500.jpg') no-repeat center center;
or this:
background: #00 url('/images/500.jpg') no-repeat 50% 50%;
FireFox seems to have a problem - anyone else havve this issue ?
Thanks
I can put up a url if needed
Neal
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image center in FireFox
here is the url http://constructweb.com/temp/back.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] suckerfish AND Real Player movies
hello - I deployed the wonderful suckerfish dropdown and if it goes in front of a flash file setting the parameter to trans allows the drop to go over the Flash - - however if the flash is serving a real player video the drop down goes under it - - anyone come across this ? any solutions? thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background pos x/y repeat-x/y
Anyone ever notice that if you repeat-x a background image you can only background position that image on the y coordinate and vice versa - so when you repeat-y you can position x but the y is useless (defaults to 0). ?? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background pos x/y repeat-x/y
At 10:22 AM -0500 7/29/06, [EMAIL PROTECTED] wrote: Anyone ever notice that if you repeat-x a background image you can only background position that image on the y coordinate and vice versa - so when you repeat-y you can position x but the y is useless (defaults to 0). There are no values such as 'repeat-down' or 'repeat-right', which is what I assume you're seeking. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone nicely put - makes even more sense __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] load multiples css with one page
Hello all I have a site where i am using one style sheet to load others here it is: @import url(layout.css); @import url(modules.css); @import url(print.css) print; problem is IE (really?!!) doe's not recognize the print delivered in this manner - does it have to be pulled in the page separately? - I have googled this - but no answers Thanks N __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] load multiples css with one page
On 7/11/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hello all I have a site where i am using one style sheet to load others here it is: @import url(layout.css); @import url(modules.css); @import url(print.css) print; problem is IE (really?!!) doe's not recognize the print delivered in this manner - does it have to be pulled in the page separately? - I have googled this - but no answers How is the parent stylesheet loaded? I could imagine browsers having issues if you define a stylesheet with a media indicator that loads another stylesheet that also has a media indicator. Makes sense to me to link the print sheet separately, so that all of your media is organized individually. HTH, Michael Good Question Michael Here is how it's being loaded link id=StyleSheet rel=stylesheet type=text/css media=all href=../includes/style.css / I do not have too much control over this - but may have some - I did think since it has media=all that may be a problem? It does work in FF - if I take away media=all might that work in IE then?? - I'll try it - thanks for any other suggestions Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] load multiples css with one page
[EMAIL PROTECTED] wrote:
Hello all
I have a site where i am using one style sheet to load others
here it is:
@import url(layout.css);
@import url(modules.css);
@import url(print.css) print;
problem is IE (really?!!) doe's not recognize the print delivered in
this
manner - does it have to be pulled in the page separately? - I have
googled this - but no answers
You're right: IE won't find that stylesheet when 'media' is declared in
an @import rule. IE is looking for a stylesheet with a completely
different name - which of course doesn't exist. It's a bug in all
Trident[1] based browsers - including IE7 last time I checked.
Solution: don't declare 'media' on the @import rule. Wrap the entire
stylesheet-content in an '@media print'[2] rule instead.
Georg
[1]http://en.wikipedia.org/wiki/List_of_web_browsers#Trident-based_browsers
[2]http://www.w3.org/TR/REC-CSS2/media.html#at-media-rule
--
http://www.gunlaug.no
Thanks Georg - I placed @ media enclose print declarations in style.css
@import url(layout.css);
@import url(modules.css);
@media print {
--declarations
}
and it works in FF and IE
I suppose the @media can't be pulled in for the print style
soemthing like this
@import url(layout.css);
@import url(modules.css);
@media print url(print.css);
??
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fire Fox drop down nav issue
There is a problem on this nav only in FireFox (does not work at the moment in IE) (I have broken it down to the bare code on one page - kind of) http://www.constructweb.com/epic/drop-prob.html If you mouse over Gameday the drop down stays up - even when you go out of the gameday button area - when you go back from the right to Team the other drop comes up but will stay up in the gameday button area. Looks like the drop down link area is affecting the top buttons - but I cannot get a fix for it It used to validate and still would not work I have broken it down to see if I can find why but nothing i do is working thanks for looking Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fire Fox drop down nav issue
Yes it has been fixed- thanks for looking (the link to the graphic) http://www.constructweb.com/epic/drop-prob.html [EMAIL PROTECTED] wrote: There is a problem on this nav only in FireFox (does not work at the moment in IE) (I have broken it down to the bare code on one page - kind of) http://www.constructweb.com/epic/drop-prob.html If you mouse over Gameday the drop down stays up - even when you go out of the gameday button area - when you go back from the right to Team the other drop comes up but will stay up in the gameday button area. Looks like the drop down link area is affecting the top buttons - but I cannot get a fix for it If you use the Firefox web developer toolbar and outline the elements, you can see that the drop-down container overlaps the main links (which are really hard to read when the background-image is referencing http://localhost...). Since '.navigationA ul li ul' is position:absolute, just drop the top below the links in the bar and it will work fine (in FF, at least). -charles __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] make link on image causes layout to break
Got a strange one - can't figure it out - on here: http://www.constructweb.com/epic/tab/ if I link the images (hit the second tab ) link layour breaks.. I've tried almost everything I can think of any help appreciated thanks n __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] make link on image causes layout to break
This breaks in FF and I have tried a few different widths - thanks for replies - rememeber it WORKS until I add the a href tag - - I have decrease border etc etc thanks My quick guess you are off by one or two pixels in your math. Try making the outer container 5 or 10 pixels wider and see what happens. -- Kevin Murphy Webmaster: Information and Marketing Services Western Nevada Community College www.wncc.edu 775-445-3326 On Jun 7, 2006, at 12:34 PM, [EMAIL PROTECTED] wrote: Got a strange one - can't figure it out - on here: http://www.constructweb.com/epic/tab/ if I link the images (hit the second tab ) link layour breaks.. I've tried almost everything I can think of any help appreciated thanks n __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] make link on image causes layout to break
Thanks for the suggestions however is is really strange why when I apply a a href tag that the image it blasts complete out of the left float - (hit the MLB tab in FF) this is only happens in FF - it is not a validation issue - I can change the size - decrease padding etc etc and the image blows out still If anybody has any other suggestions - they are welcome thanks - - seems something messes with the image when i apply the a href tag but i cant find it!!!??? look here http://www.constructweb.com/epic/tab/ intially fine in - but hit the MLB tab abd look in FF thanks all Neal [EMAIL PROTECTED] wrote: Got a strange one - can't figure it out - on here: http://www.constructweb.com/epic/tab/ if I link the images (hit the second tab ) link layour breaks.. I've tried almost everything I can think of any help appreciated thanks n You have no doctype, among other things. Backup what you've got. Run the file through Tidy Online http://infohound.net/tidy/ Tidy will assign a doctype and pull and correct the markup errors for you. Validate that corrected file with the the w3c validation servicehttp://validator.w3.org/. Whether this resolves the actual problem, remains to be seen. But, if not, at least you'll be in a better position to resolve it. BTW, you really should call the javascript from an external file... Regards, ~davidLaakso __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE positioning problem
Thanks Gunlaug -
None of this would be any fun without IE now would it...
Quoting Gunlaug Sørtun [EMAIL PROTECTED]:
Neal Watkins wrote:
fair enough but why does FF and all other browsers render it ok
http://constructweb.com/temp/test-out-alt.html
IE/win has a problem... :-)
That browser needs 'Layout'[1] on the mother-container for such
positioning to work.
Try adding:
* html .responseItem {height: 0;}
...which will force 'Layout' in IE/win.
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Neal Watkins
www.constructweb.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE again -
sent an email regarding IE postioning problem yesterdey and found out abotu the on having layout issue http://www.satzansatz.de/cssd/onhavinglayout.html this fixed my problem I used the same technique here: http://www.constructweb.com/temp/test.html It did fix some issues yet in IE problems remain that i cannot fiure out. take a look if you have the time all ... thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE positioning problem
Hello all - wondering if someone has a cure for this IE dilemma. (working with this chat skin that is built in css) if you look at this in firefox http://constructweb.com/temp/test-out-alt.html the time stamp stays within the boudries of the containing box if you look at IE it does not - is it because IE has a problem with right: 4px; (absolute positioning right)? I have gone over this for a while - anybody able to let me know what the problem is? thank you Neal Watkins www.constructweb.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE positioning problem
fair enough but why does FF and all other browsers render it ok Quoting Rowan Wigginton [EMAIL PROTECTED]: Neal Watkins wrote: http://constructweb.com/temp/test-out-alt.html is it because IE has a problem with right: 4px; (absolute positioning right)? It's because you don't have a HTML, HEAD, DOCTYPE or BODY tag in the entire document. / rowan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Neal Watkins www.constructweb.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rounded corners
Those corners use javascript - (they are nice though and I am not neccessarily anti-javascript) but there arer many straight css solutions: http://css-discuss.incutio.com/?page=RoundedCorners Quoting Joe Huggins [EMAIL PROTECTED]: Here is a good article on rounded corners: http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html Reynier Perez Mira wrote: It's possible to show a DIV with rounded corners? All of them topleft, topright, bottomleft, bottomright ?? Where I can found a good tutorial or help for do this?? Cheers ReynierPM Usuario registrado de Linux: 310201 * -- Joe Huggins __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Neal Watkins www.constructweb.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border in image link
Donna Jones said the following:
really going nuts here trying to figure out how to get this one pixel
border to be gone. its the image/button on the left. she wants it to
be a link
http://www.westendwebs.net/susan/
My sympathies with going nuts :) - I had this same problem before.
Here's the solution:
You could change
a img,:link img,:visited img { border:1px solid black; }
to
a img { border: none; }
which would remove the border from all images within links.
Alternatively, you could assign that particular image/button an id or class:
a class=imagebutton href=decorating.htmimg
src=images/decorating-button.jpg width=86 height=51 alt=/a
and use this css:
a#imagebutton img { border: none;}
-Neal
__
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border in image link
a#imagebutton img { border: none;}
Sorry, I meant to write a.imagebutton img {border: none;}
-Neal
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] line in nav
http://gizmoproject.com/775/ Hello all --per above url see the darker blue line under the nav - -anybody see how to get rid of it-- the hover works fine - - - but the regular blue doesn't go to the bottom thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] border disapearing
http://www.gizmoproject.com/index2.html in IE (oh yeah) the border disapearing after i added the new features absolutrly positioned link - - - it is caused by the float of the text to the right. anybody know any fix? thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] fixed height element adds itself to 100% height...
Has anyone heard of or noticed this issue? When you give a container element a height value (in order to give an element within that container a 100% height) and you place two elements within that container, one that has a fixed height and one that has a height of 100%, the fixed height is added to the 100% so that vertical scrolling is required in order to view all of the element. I have been having this issue and I am wondering if it is covered in the CSS2 specification or if someone has noted it elsewhere on the web? My solution has been to modify my fixed element enough so that it doesn't have to be 'contained' in the container element and then place it outside (on top) of my container element. This then eliminates the problem and vertical scrolling becomes unnecessary. If anyone is interested in discussing this, please let me know and feel free to comment. Best Regards, Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image replacemnt techniques background print
using an dimage replace ment technique basically I want the background to print that is being delivered by the css sheet - - - - any suggestions? I did check archives - this has been bandy'd around abit any solutions thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Eric Meyer on CSS - td#advert
Yes it could -
The difference would be specificity
td#advert is has a higher specificity and in case there is a conflict
(it does happen) it will apply over #advert
http://www.w3.org/TR/REC-CSS2/cascade.html#specificity
Neal
The first chapter of 'Eric Meyer on CSS' listing 1.1 has the following CSS
rule
td#advert {width: 234px;}
Could that rule not simply be
#advert {width: 234px;}
Since #advert should refer to a unique identifier, why does the selector
specify the 'td'?
Ian Sweeney
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] float fun (is there any other kind)
http://www.constructweb.com/temp/jeff/sub-index.html ok this has an abunancy of floats and works except in yes IE and suggestions thanks N __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] order of content
DO many people value the order of their content - for accessibility reasons or SEO reasons I do prefer floats - so I have done some 2 column layouts with the float right sideber neccessarily to come before the content. Is this overconcern ? I believe negative margins can fix this problem is it worth it - ? i do not like to overuse absolute postitioning to take content out of the flow... thanks Neal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
