Re: [css-d] SOLVED Re: URL exceeds width of Pop up window and doesn't wrap
SOLVED Here is a link that seems to work in several browsers. http://forums.cocoaforge.com/viewtopic.php?f=13&t=21981 On Mon, Apr 5, 2010 at 12:24 PM, Nancy Johnson wrote: > I have an "Email a Friend" using an open new window js. I've set the > pop-up window size to be 525px wide. ?Many times the URL exceeds the > width of the new window. ?I've set up some divs with pixel widths > nothing works. ?I even tried a fixed width tabular structure. Is there > any way through CSS to force the URL to wrap? > > This is a content management system and the URL (friendly url) is > dynamically generated off the page title/or title of an article which > can be extremely long. > > Thanks in advance > > Nancy Johnson > Just a quick note on this for future reference: there is a partly supported property in CSS3 known as text-overflow which allows you to truncate long strings. See http://dev.w3.org/csswg/css3-text/#text-overflow -- AstraZeneca UK Limited is a company incorporated in England and Wales with registered number: 03674842 and a registered office at 15 Stanhope Gate, London W1K 1LN. Confidentiality Notice: This message is private and may contain confidential, proprietary and legally privileged information. If you have received this message in error, please notify us and remove it from your system and note that you must not copy, distribute or take any action in reliance on it. Any unauthorised use or disclosure of the contents of this message is not permitted and may be unlawful. Disclaimer: Email messages may be subject to delays, interception, non-delivery and unauthorised alterations. Therefore, information expressed in this message is not given or endorsed by AstraZeneca UK Limited unless otherwise notified by an authorised representative independent of this message. No contractual relationship is created by this message by any person unless specifically indicated by agreement in writing other than email. Monitoring: AstraZeneca UK Limited may monitor email traffic data and content for the purposes of the prevention and detection of crime, ensuring the security of our computer systems and checking Compliance with our Code of Conduct and Policies. __ 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] Interesting issue with IE6, borders, and negative
Message: 18 Date: Thu, 6 Aug 2009 12:02:03 -0400 From: Mike Smith Subject: Re: [css-d] Interesting issue with IE6, borders, and negative margins To: css-d@lists.css-discuss.org Message-ID: <3fb37e490908060902g768d80d5ybe0dbb13410ba...@mail.gmail.com> Content-Type: text/plain; charset=ISO-8859-1 On Thu, Aug 6, 2009 at 11:00 AM, Mike Smith wrote: > Hello all, > > I have some HTML being generated by our CMS that is creating a nested list > for a menu. > The issue at hand: > > The sub-navigation on this menu is supposed to have a divider between each > item. I used a border-bottom on each link to achieve this. However, the last > item shouldn't not have this border, so I added a margin-bottom: -1px; to > the containing and that covers it up in all browsers tested (FF 3.5 on > Mac/PC, Safari 4 on Mac, Opera 9.64 on Mac, IE7 on PC, IE8 on PC, Chrome 2 > on PC) but not in IE6. In IE6, the border is showing on top of the > below the nested . > > View the page[1] in any browser but IE6 to see what we want. CSS is linked > in the header and there is a wee bit of IE6 sniffing going on up there, too. > > Anyone have a work around? And yes, if I could edit the HTML, I wouldn't be > asking for an assist on this issue; I'd add a class="last" to the last > and be done with it. ;) I also considered getting rid of the dividing lines > altogether but the designer (my superior) doesn't cotton to that idea. :/ > > Thanks in advance! > > > [1] http://www.jhsph.edu/urbanhealth/about_us/demo.html > > > -Mike > Can't see an easy CSS solution. You might be able to alter the stacking context with z-index. I haven't tried this and I would question if it is really worth it for IE6, or even if it is possible. http://css-discuss.incutio.com/?page=OverlappingAndZIndex You could use JavaScript to add class="last" to the last li in the list, and then style it accordingly. That might be the easiest solution. If it wasn't IE6 you were targeting, you might find the first-child and last-child pseudo-elements handy. http://www.quirksmode.org/css/firstchild.html I'd be inclined to switch the border off in IE6 myself. -- AstraZeneca UK Limited is a company incorporated in England and Wales with registered number: 03674842 and a registered office at 15 Stanhope Gate, London W1K 1LN. Confidentiality Notice: This message is private and may contain confidential, proprietary and legally privileged information. If you have received this message in error, please notify us and remove it from your system and note that you must not copy, distribute or take any action in reliance on it. Any unauthorised use or disclosure of the contents of this message is not permitted and may be unlawful. Disclaimer: Email messages may be subject to delays, interception, non-delivery and unauthorised alterations. Therefore, information expressed in this message is not given or endorsed by AstraZeneca UK Limited unless otherwise notified by an authorised representative independent of this message. No contractual relationship is created by this message by any person unless specifically indicated by agreement in writing other than email. Monitoring: AstraZeneca UK Limited may monitor email traffic data and content for the purposes of the prevention and detection of crime, ensuring the security of our computer systems and checking Compliance with our Code of Conduct and Policies. __ 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] Browser doesn't load all images?
Christopher R wrote: > On Mon, Mar 23, 2009 at 10:36 PM "David Laakso" > wrote: >> Christopher R wrote: >>> http://www.thecreativesheep.ca/site/imagepage5.html >>> >>> Here is the link, hopefully it can get figured out in case I run into the >>> same problem on my other pages. >> >> Please bottom post in reply. What OS/browser does not load all the images? > > FireFox, and the links don't work either in any browser I find it odd. Here's a report from the Firebug net panel, hope it helps. Seems like a few of the images aren't where you think they are. Now that we seem to have established that there isn't a syntax problem in the CSS can I suggest this thread is closed? thecreativesheep.ca 106 KB 1.31s GET navgraphic.png http://www.thecreativesheep.ca/site/navgraphic.png 404 Not Found thecreativesheep.ca 10 KB 2.47s GET gallerybottonbw.png http://www.thecreativesheep.ca/site/gallerybottonbw.png 404 Not Found thecreativesheep.ca 10 KB 2.99s GET animationbottonbw.png http://www.thecreativesheep.ca/site/animationbottonbw.png 404 Not Found thecreativesheep.ca 10 KB 2.66s GET blogbw.gif http://www.thecreativesheep.ca/site/blogbw.gif 404 Not Found thecreativesheep.ca 10 KB 2.97s GET imagegallery.swf http://www.thecreativesheep.ca/site/imagegallery.swf 404 Not Found thecreativesheep.ca 10 KB 2.37s GET contactimage.gif http://www.thecreativesheep.ca/site/contactimage.gif 404 Not Found -- AstraZeneca UK Limited is a company incorporated in England and Wales with registered number: 03674842 and a registered office at 15 Stanhope Gate, London W1K 1LN. Confidentiality Notice: This message is private and may contain confidential, proprietary and legally privileged information. If you have received this message in error, please notify us and remove it from your system and note that you must not copy, distribute or take any action in reliance on it. Any unauthorised use or disclosure of the contents of this message is not permitted and may be unlawful. Disclaimer: Email messages may be subject to delays, interception, non-delivery and unauthorised alterations. Therefore, information expressed in this message is not given or endorsed by AstraZeneca UK Limited unless otherwise notified by an authorised representative independent of this message. No contractual relationship is created by this message by any person unless specifically indicated by agreement in writing other than email. Monitoring: AstraZeneca UK Limited may monitor email traffic data and content for the purposes of the prevention and detection of crime, ensuring the security of our computer systems and checking Compliance with our Code of Conduct and Policies. __ 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] question about combining descendant selectors
Date: Thu, 08 Jan 2009 16:31:13 -0500
From: Brett
Subject: [css-d] question about combining descendant selectors
To: css-d@lists.css-discuss.org
Message-ID: <496670a1.9060...@zoominternet.net>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
I'm wondering if combined selectors have a lower specificity than
non-combined. For example in my stylesheet I have:
.hm #events_snip .date, .article { color: red; }
.hm #news_snip .date, .article { color: green; }
On the page the .article class shows up green, even though it is NOT
descendant from #new_snip, it is descendant from #events_snip. Why does
it do that?
Now, if I have this:
.hm #events_snip .article { color: yellow; }
.hm #news_snip .date, .article { color: green; }
The .article class shows as yellow. I don't understand this.
-
These are two separate selectors, separated by a comma
.hm #events_snip .date,
.article { color: red; }
.hm #news_snip .date,
.article { color: green; }
.article{ color: red; }
is overridden by
.article { color: green; }
because it is lower down the cascade. Neither selector includes #news_snip as
it is before the comma.
In your second example, since the article is in fact a descendant of
#events_snip, it takes on the more specific selector .hm #events_snip .article
See here for more information.
http://www.w3.org/TR/CSS21/syndata.html#rule-sets
Mark
--
AstraZeneca UK Limited is a company incorporated in England and Wales with
registered number: 03674842 and a registered office at 15 Stanhope Gate, London
W1K 1LN.
Confidentiality Notice: This message is private and may contain confidential,
proprietary and legally privileged information. If you have received this
message in error, please notify us and remove it from your system and note that
you must not copy, distribute or take any action in reliance on it. Any
unauthorised use or disclosure of the contents of this message is not permitted
and may be unlawful.
Disclaimer: Email messages may be subject to delays, interception, non-delivery
and unauthorised alterations. Therefore, information expressed in this message
is not given or endorsed by AstraZeneca UK Limited unless otherwise notified by
an authorised representative independent of this message. No contractual
relationship is created by this message by any person unless specifically
indicated by agreement in writing other than email.
Monitoring: AstraZeneca UK Limited may monitor email traffic data and content
for the purposes of the prevention and detection of crime, ensuring the
security of our computer systems and checking Compliance with our Code of
Conduct and Policies.
__
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] float: right does not work via DOM - looking for substitute
From: "Aaron Gray" <[EMAIL PROTECTED]>
Subject: Re: [css-d] float: right does not work via DOM - looking for
substitute
To: "Ms2ger" <[EMAIL PROTECTED]>
Cc: CSS-D , Philippe Wittenbergh
<[EMAIL PROTECTED]>
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; format=flowed; charset="UTF-8";
reply-type=response
> Aaron Gray wrote:
>>> On Oct 4, 2008, at 3:09 AM, Aaron Gray wrote:
>>>
Yes I know it works in HTML and CSS.
BUT it does NOT work dynamically via DOM using Javascript.
On IE7, FF3.0.1, Opera9.51 my test program fails but it works on
Safari and Chrome.
What I want is an alternative to 'float:right' if there is one.
>>> Can you provide an example that actually shows the issue ? Otherwise,
>>> one can only speculate.
>>
>> Okay, I have done an example in plain Javascript without my library :-
>>
>> http://www.aarongray.org/Examples/CSS/floatRight.html
>>
>> It works on WebKit based browsers but not on IE7, FF3.0.1, or Opera 9
>>
>
> The solution is to use |.style.styleFloat| and |.style.cssFloat|.[1]
>
> [1]
> http://www.demay-fr.net/blog/index.php/2008/01/22/99-stylefloat-vs-stylecssfloat-vs-stylestylefloat
>Yes, thanks alot.
>Feeling very dumb,
>Aaron
Worth noting perhaps that you could keep the style information in a CSS file
and use JavaScript to change the class attribute of the eleemnt you wish to
float. You will still come across a similar problem with IE in that you have to
set both the class and className attributes. Something like this:
element=document.getElementById('myEL');
element.setAttribute('class','right');
element.setAttribute('className','right');
No doubt your chosen library provides a one-line method for doing the above
__
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 items in columns
You can if you set it to display:block. Then, of course, it is no longer an inline element OT really but this looks like a definition list to me, why not use that markup? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Jim Sent: 10 September 2008 06:19 To: css-d@lists.css-discuss.org Subject: Re: [css-d] List items in columns I was under the impression that you couldn't set a width on an inline element. - Original Message - From: "Damien" <[EMAIL PROTECTED]> To: "Jim" <[EMAIL PROTECTED]> Sent: Tuesday, September 09, 2008 9:23 PM Subject: Re: [css-d] List items in columns > You could put a or something in the around CPU > Then set a width on it > Even better if you are already using a or for the CPU part. Then > just use that tag! > > Cheers, > Damien > > Ph: (07) 838 3775 > Fax: (07) 838 3775 > Email: [EMAIL PROTECTED] > > > > Jim wrote: > Is there any way to lay out list items as follows, without using tables > (won't look right unless you view email as plain text): > > > * CPU: 2 x Xeon 5130 > * RAM: 8 GB > * STORAGE: 330 GB > > The thing that drives me nuts with using tables in this example is that > it > requires such a lot of markup for very little effect. Each line above > would need to be an individual table. Not so bad with three lines, but > for hundreds, it's tedious. __ 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] Unknown Margin on Image
To whom it may apply, Would you please be able to provide some assistence with an issue we are having. The majority of linked images on the website - for some reason appears to have an approximate 4 pixel margin at the bottom of the image and the border and I am unable to track it down. The pages are xhtml 1.0 strict compliant The css is 2.1 compliant - The border of each image is to fit smuggly around the image The url is http://www.reinhardwurtz.net/English/Media/Photos/ Please note that this website is still in beta stages and does not represent a final website/service or product Thank you for any help in advance Regards PWP Team __ Looks OK in Firefox. I've never seen a page demanding I upgrade from IE6 before. I wish you luck with that one... __ 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] What's wrong with these links?
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Martha Spizziri
Sent: 26 August 2008 15:55
To: css-d@lists.css-discuss.org
Subject: [css-d] What's wrong with these links?
>Maybe I'm having a brain cramp, but I've looked at this page and its
>style sheets
>http://www.asbpe.org/contest/2008/win08multi.htm
>several times and can't figure out why
>1) Unvisited links in the table show up in blue, not the brick-red color"
This rule is applied
a:link {
color:#003399;
text-decoration:underline;
}
>and
>2) Visited links show up reversed -- white type on reddish background.
I can't reproduce this but imagine that this rule was causing it:
.sidebar-winner > h5 > a:link, a:visited, a:hover, a:active {
background-color:#831C00;
color:#FF;
}
That shows the real problem here quite well. I expect you think this rule
applies those colours to all links which are within H5s in the sidebar div.
Unfortunately, it does not. Instead, it only applies them to a:link on H5s in
sidebar. The other three selectors (a:visited, a:hover, a:active) are applied
to all links in the site. They are overridden elsewhere, mainly because this
syntax is quite common in your stylesheets.
The comma acts as a separator between selectors and denotes the beginning of a
completely new selector. The following will achieve the effect you are looking
for.
.sidebar-winner > h5 > a:link,
.sidebar-winner > h5 > a:visited,
.sidebar-winner > h5 > a:hover,
.sidebar-winner > h5 > a:active {
background-color:#831C00;
color:#FF;
}
I also saw this, which I wouldn't expect to work in IE6:
.Head2 a:link:visited:hover:active, .Head3 a:link:visited:hover:active, .Head4
a:link:visited:hover:active, .Head5 a:link:visited:hover:active, .Head6
a:link:visited:hover:active {
background-color:#FF;
color:#831C00;
}
__
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] rollover discrepancy
Put the padding on the a instead? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Daniel Kessler Sent: 22 August 2008 15:55 To: [EMAIL PROTECTED] Subject: [css-d] rollover discrepency http//sph.umd.edu/events/wellness2/template.html The navigation menu has padding between the s. Because of this, when I rollover the , it doesn't highlight the text (black) for a few pixel from each side. Any suggestions for making this work consistently? I've checked Firefox Mac and Safari so far. thanks. -- Daniel Kessler University of Maryland College Park School of Public Health 3302E SPH Building College Park, MD 20742-2611 Phone: 301-405-2545 http://sph.umd.edu __ 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] Removing margin from photo gallery end boxes
You could use server-side scripting to add class="last" to the fourth and
then set
li.last a{
margin-right:0px;
}
Not really a CSS solution, but there you go. Alternatively you could put an
equal amount of margin on either side of the a to make them line up without a
gap to the right
Cheers
mark
-
Hi there,
I wondered if anyone can help me. I use the css below to create nice
thumbnail boxes for my photogallery but I want the last thumbnail in
each row not to have any margin because with margin it the row is too
large for it's container.
This is the standard list I use:
*/ Row 1 /*
image here
image here
image here
image here
*/ Row 2 /*
image here
image here
image here
image here
What css would I use to put an 'end' style to remove the margin at the
end of each row please?
.pp-thumbs {
margin: 0;
padding: 0;
padding-left: 15px;
padding-right: 0px;
list-style: none;
}
.pp-thumbs li {
float: left;
margin: 0;
padding: 0;
background: none;
}
.pp-thumbs li a {
float: left;
display: block;
margin: 0 14px 10px 0;
padding: 6px;
border: 6px solid #dbd5c5;
background: #fffefa;
}
.pp-thumbs li a {
margin-bottom: 15px;
}
.pp-thumbs li a:hover {
border-color: #fff;
background: #fff;
}
.pp-thumbs li.active a {
border-color: #383d44;
}
--
Regards
Karl Bedingfield
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hover / current menu item problems
Stuart King wrote:
> I am trying to get my hover and current state a darker color and underlined.
> Unfortunately, this is not working. The menu items stay the same. Please
> advise.
> http://www.skingdesign.com/cb_site/pages/partners.html
Hi Stuart--
On Line 94 of your cb_main.css style sheet, you have this rule:
#strap li a:hover,
#strap li a:active,
#strap li a:focus #strap li a:current {
color: #38231A;
text-decoration: underline;
}
I've placed line breaks after your selectors so the problem is a little
clearer. To begin with, there's no pseudo-class called :current (that
I'm aware of). The real problem is (1) a missing comma and (2) that I
think you meant to use id syntax and not pseudo-class syntax.
Replacing that rule with this one should do the trick for you:
#strap li a:hover,
#strap li a:active,
#strap li a:focus,
#strap li a#current {
color: #38231A;
text-decoration: underline;
}
HIH!
--beghilos(7718)
--
~~~
The menu isn't in the strap div as far as I can tell (although the above is
good advice in general).
The rules in this stylesheet
../p7tbm/p7tbm_center_08.css
are the only rules affecting your top menu. This is quite easy to see using the
firebug extension to Firefox. This is the rule governing the menu links, for
example
#p7TBMroot .p7TBMtext li a {p7tbm_ce...er_08.css (line 34)
color:#B5AB93;
padding:5px 6px;
text-decoration:none;
}
You will need to either edit that, if you can, or override the rules if you
can't. I noticed that you have this on the links in the content
#mainContent_partners a:hover, #mainContent_partners a:active,
#mainContent_partners a:focus {cb_main.css (line 48)
background:#B58171 none repeat scroll 0 0;
color:#38231A;
text-decoration:underline;
}
Is that what you want to apply to the items in the menu?
__
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] text in menu display problem
This page seems to have the answer: http://www.brunildo.org/test/IE6VisitedSpec.html The a:visited pseudo class is overriding the menu colour in IE6. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Peggy Coats Sent: 13 August 2008 02:32 To: css list list Subject: [css-d] text in menu display problem I have a client who is using IE 6 on a laptop. When she views this draft HOME page, the menu text appears as it should: orange-yellow lettering on a progressively shaded bar background. http://www.ambientglow.com/garage/pmsca/web/index.html On the draft INSIDE pages, however, she says that the text on the navigation (including drop-downs) is dark brown on some entries and orange-yellow on others: http://www.ambientglow.com/garage/pmsca/web/sub-who/PMSCA/p-today.html Since the CSS and html for the menu is identical on all pages, I'm really stumped as to what could be causing this display issue. The darker brown color she sees on the inside page menu text is very similar to the a:link style for the inside page CSS, so I'm wondering if somehow something is getting crossed? Here is the CSS for the menu: http://www.ambientglow.com/garage/pmsca/web/SpryAssets/SpryMenuBarHorizontal.css and for the page: http://www.ambientglow.com/garage/pmsca/web/_css/pmsca-inside.css Any help would be appreciated. Thanks, Peg ambientglow __ 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] A little border dispute
I am having problems formatting a copyright footer on my pages. A minimal
page and CSS file may be seen at http://trevor.freehomepage.com/copy.html
and http://trevor.freehomepage.com/test.css
The browser is IE as my pages are delivered through an IE component inside
another application.
What I want is to see a single pale line above the copyright block, but the
black border from a normal "table" appears to be trumping the colour setting
I have applied to a ".copyright table".
The "copyleft" block appears as I would expect; the border: 2px solid green
is applied correctly. The ordinary "table" border colour is not being
carried through in this case.
If I insert a "border: none;" in the ".copyright table" style ahead of the
border-top (hoping that this will kill the black border) I still see a black
top border.
What is going on? Can some kind person explain what I obviously don't
understand about inheritance here?
---
These are the CSS rules applied to the table with the top black border:
.copyright table {
border-bottom:medium none;
border-left:medium none;
border-right:medium none;
}
table {
border:thin solid black;
border-collapse:collapse;
margin-bottom:0.5em;
margin-top:0.5em;
}
table {
font-size:1em;
}
None of them override the black border applied by the "table" declaration
Adding border-color:#AA; to the first declaration will solve the problem.
The Firebug extension to Firefox is very useful when it comes to
troubleshooting this kind of problem
Mark
__
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] Missing Texts
This should answer your question: http://www.positioniseverything.net/explorer/peekaboo.html -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Mauro Lages Sent: 05 December 2007 14:06 To: css-d@lists.css-discuss.org Subject: [css-d] Missing Texts Hi; I would like to know if anynone have seen a strange error in IE 6 where the texts are desappearing, but appear when you scroll the page, or press alt+tab twice backing to the original window or select the text's area. Cya! Mauro Lages __ 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] selecting a list from one of its items
There's no CSS way of selecting a parent element. You can identify child
elements of a parent but not vice-versa.
You can use JavaScript to identify the ul based on the class of one of its
children. If you don't already know how to do this, this is a good starting
point:
http://onlinetools.org/articles/unobtrusivejavascript/chapter2.html
I would go for the PHP option myself.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of dan smith
Sent: 04 December 2007 01:38
To: css-d@lists.css-discuss.org
Subject: [css-d] selecting a list from one of its items
using the suckerfish menus as a starting point, i'm trying to work out a
navigation structure where nested lists stay expanded if they contain active
list items.
see http://dansmithdev.com/test/
this is working pretty much as i'd like -- the menu is 'open' and shows the
'route' through the menu to the page we're on.
at the moment i'm achieving this by giving the 's that contain the active
list items an active class of their own, and then expanding them with a line in
the CSS. e.g.
One
Two
Three
#nav ul.active {
left: auto;
}
however, the CMS i'm using (Drupal) doesn't seem easily to allow the addition
of an active class to a tag -- or not without rummaging around in the PHP
templating.
my question is, can i select the with reference to an active it
contains. e.g.
One
Two
Three
#nav ??? .active {
left: auto;
}
i suspect this is either impossible or very simple, but i've ground to halt.
any advice very gratefully received.
many thanks
dan
__
Sent from Yahoo! - the World's favourite mail http://uk.mail.yahoo.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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hover bg question
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Julian Tulip's
Licorice
Sent: 30 November 2007 03:25
To: css-d@lists.css-discuss.org
Subject: [css-d] hover bg question
Hello all,
Do any of you wizards know why I can't seem to fill in the last 3 or 4
'hover over image pixels' to the right of the last link 'industry
resources'?.
when i hover over the link, i want the background image to span the entire link.
www.johnkehm.com/nav
heres the css:
.mainNav ul li a{
float: left;
padding: 10px 13px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
color: #c5dbff;
font-size: 12px;
margin-right: 3px;
background: url(images/navSlice.jpg) repeat-x;
}
-Original Message ends-
Well, the 3px margin-right in the declaration above is quite likely to be the
cause of that. It might make things easier if you apply a global margin and
padding reset - this might set you back a little initially but it will save you
having to worry about the differing default margin and padding across different
browsers. You can do this easily by adding this
*{
margin:0px;
padding:0px;
}
You should add an opening body tag as well.
Cheers
Mark
__
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] Breadcrumbs wrapping and background image IE6
Hello
I have a breadcrumb which wraps over two lines. I'd like to have an arrow
appear to the left of each link in the breadcrumb, and I'd like preferably to
split links over two lines where necessary, or alternatively to have
breadcrumbs appear whole on the new line where they would otherwise be split. I
cannot make either option work in Internet Explorer 6.
The current output in IE6 looks like this (arrows before links 3 and 5 are
missing)
-> link number one -> link number two link
number three -> link number four link
number five
This is what I am aiming for (all arrows are present)
-> link number one -> link number two -> link
number three -> link number four -> link
number five
I have tried including the image in the HTML but then there's nothing to stop
the image appearing on one line and the start of the link text on the next
line, which is not desirable.
Here is some test code which shows the problem. This works fine in Firefox but
in IE, the arrow does not appear before links which are split over two lines.
Thanks in advance for any help you can offer
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
ul{
width:500px;
}
li{
display:inline;
}
a{
background-repeat:no-repeat;
background-image:url(http://www.cmswire.com/images/arrow_small-black.gif);
background-position:1px 5px;
padding-left:30px;
}
One two three five
One two three four five
One four five
One two three four five
One
One two three four five
One two three four five
One two three four five
One two three four five
Mark Rees
__
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/
