Re: [css-d] IE7 problem with lists (other?) next to floated items
Jeff Blaine wrote: I guess what I am saying is that I am looking for the generalized solution, not the solution to the test case page+image as static files. The test case exists only to show the problem. http://www.kickflop.net/csstest/ In general: 1: eliminate all browser-default differences - especially for lists. 2: line up elements with basic styles. 3: introduce 'Block formatting contexts'[1] / 'hasLayout'[2] where needed. This will result in something like... http://www.gunlaug.no/tos/alien/jb/test_08_0129.html ...where source-code is your original and styles are altered to assure the same rendering in IE6, IE7, Fx2, Op9, Saf3, etc. From there you can tune individual styles to make it fit any case with somewhat similar use of elements. regards Georg [1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting [2]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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu padding issue
Joanne wrote:
http://dragonflytanks.com.au/newnav/
I have stripped the bulk of the code out, but can't get the
positioning quite right or the height of the background-colour on
mouse over.
Can someone point me in the right direction?
The addition of...
#navigation a {float: left;}
...will give you the necessary height control.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Menu padding issue
Currently I have been using PVII's PMM for this websites navigation http://www.dragonflytanks.com.au/ and I need to strip it out because it's clashing with a form handling script I'm using (and since I'm not using the drop down menu portion, it's not actually necessary on this site). The stripped down version is currently at http://dragonflytanks.com.au/newnav/ I have stripped the bulk of the code out, but can't get the positioning quite right or the height of the background-colour on mouse over. (I'm pretty sure it's a top/bottom padding issue, but the padding I have in there isn't working - so I'm obviously missing something important). Short of cheating and creating images, I'm missing something with the CSS but I don't know what it is. In the #navigation a section: When I use display: block; - I get the height I need but only one of the navigation items appear. When I use display: inline; - I get all the nav items but not the height. Can someone point me in the right direction? Thanks. Joanne __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 problem with lists (other?) next to floated items
This is exactly what I was looking for. Thanks Georg! Gunlaug Sørtun wrote: Jeff Blaine wrote: I guess what I am saying is that I am looking for the generalized solution, not the solution to the test case page+image as static files. The test case exists only to show the problem. http://www.kickflop.net/csstest/ In general: 1: eliminate all browser-default differences - especially for lists. 2: line up elements with basic styles. 3: introduce 'Block formatting contexts'[1] / 'hasLayout'[2] where needed. This will result in something like... http://www.gunlaug.no/tos/alien/jb/test_08_0129.html ...where source-code is your original and styles are altered to assure the same rendering in IE6, IE7, Fx2, Op9, Saf3, etc. From there you can tune individual styles to make it fit any case with somewhat similar use of elements. regards Georg [1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting [2]http://www.satzansatz.de/cssd/onhavinglayout.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 problem with lists (other?) next to floated items
Jeff Blaine wrote: This is exactly what I was looking for. Thanks Georg! You're welcome. Note: I left what looks like a couple of typos in the styles for my example. It was a non-valid quickie I often use during testing. For correct styles, please reload my example... http://www.gunlaug.no/tos/alien/jb/test_08_0129.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu background not aligned in IE
FF2 and IE7 show the menu the same for me. Can you elaborate on the problem? Bill Stemp wrote: Please refer to: http://www.pielows.co.za/highlights.htm The left-hand menu has a background fill that does not align in IE, although fine in FF. Can anyone please advise? Many thanks, Bill __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 needs both width and min-width
After a day of plenty of swearing, I seem to have found something out that I think I should have known about before. I'm posting in the hope it will help out some other hapless web developer and prevent some nasty monitor-forehead interfacing. For some reason, I know not why, after making a small change to an html page, IE7 stopped picking up some percentage widths (for floated elements). After a lot of swearing, I found out that sometimes, to even pick up a width, IE7 needs *both* a min-width and width. As I was using percentages that was not a hassle - so for example the rule float:left; width: 25.5%; was having no effect: the width of the element was shrinking down to the width of its content, while on IE6, Opera, Safari and Firefox everything was fine. Adding a min-width thus float:left; width:25.5%; min-width:25.5%; Sorted everything out. So now everything's hunky dory. I'm sure most of you on this list will have known about this and I'm quite surprised I haven't come across it before. That's part of the joy of the job, I suppose: after the frustration comes the satisfaction of learning something new and solving a problem. -- http://antanova.blogspot.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] Struggling to get height to 100%
On Behalf Of Chris Brummel Hey, I'm trying to get two columns to extend to the bottom of my layout. I apply a height of 100% to the two columns (sidebar posts) and height: auto !important; min-height: 100%; to the container, but I'm having no luck. The columns only extend to the end of their content and no longer. Both columns are being floated to the left. The page can be viewed here (in progress - I've only looked at it in Firefox so far): http://chrisbrummel.com I've looked at trying to adapt other people's layouts, but I haven't been able to find one that matches what I need. Any ideas? You could try this approach: http://www.tjkdesign.com/articles/float-less_css_layouts.asp that should let you paint background colors from top to bottom regardless of content (and without using an image nor script). -- Regards, Thierry | http://www.TJKDesign.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] Menu background not aligned in IE
Please refer to: http://www.pielows.co.za/highlights.htm The left-hand menu has a background fill that does not align in IE, although fine in FF. Can anyone please advise? Many thanks, Bill __ 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] Struggling to get height to 100%
Chris Brummel wrote: I'm trying to get two columns to extend to the bottom of my layout. http://chrisbrummel.com Thanks, Chris There are a number of ways to get any column longest. One of them is to create a faux column using a repeated background image: http://www.alistapart.com/articles/fauxcolumns Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [css-d ] IE and background,IE and imbeded DIV
John, Your site doesn't validate, so that is the first thing I would work on. From what I saw, there were some missing closing tags and also some extra closing tags in there. There was a css error also. Valerie On Jan 29, 2008 2:46 AM, John Leishman [EMAIL PROTECTED] wrote: Could some one please have a look at this site. In FF it works as intended but IE .. No graded background, a DIV imbedded in a wrapper is outside and right of same. As it's a menu system that ' opens ' to the right ... no menus visible! I've been looping around attempting every thing I can see in the archive I have of this list and googling madly, but getting nowhere. Could some kind genius with a couple of minutes have a look at http://www32smallshipsqn.org.au/demo/Dec29 for me and point out where I've screwed up.. Pretty please John __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [css-d ] IE and background,IE and imbeded DIV
Could some one please have a look at this site. In FF it works as intended but IE .. No graded background, a DIV imbedded in a wrapper is outside and right of same. As it's a menu system that ' opens ' to the right ... no menus visible! I've been looping around attempting every thing I can see in the archive I have of this list and googling madly, but getting nowhere. Could some kind genius with a couple of minutes have a look at http://www32smallshipsqn.org.au/demo/Dec29 for me and point out where I've screwed up.. Pretty please John __ 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] Struggling to get height to 100%
Be sure you have:
html, body {
height:100%;
}
Then you have to be sure any parents you have are also 100% so the
sidebars (as children) will follow that rule.
However, it probably won't accomplish what you want. What it'll do is
extend to the height of the browser window - so if your sidebars are
longer, they'll get cut off at the bottom.
if you're trying to extend a background image or something (sorry, I
didn't look at the site!) then you're better off with other options -
like the faux-column method, or using the outer container to hold the
sidebars and background image and adjusting the positioning with margins
and padding.
Hope that helps!
~Shelly
__
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] Struggling to get height to 100%
Hey, I'm trying to get two columns to extend to the bottom of my layout. I apply a height of 100% to the two columns (sidebar posts) and height: auto !important; min-height: 100%; to the container, but I'm having no luck. The columns only extend to the end of their content and no longer. Both columns are being floated to the left. The page can be viewed here (in progress - I've only looked at it in Firefox so far): http://chrisbrummel.com I've looked at trying to adapt other people's layouts, but I haven't been able to find one that matches what I need. Any ideas? Thanks, Chris __ 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] Struggling to get height to 100%
After restructuring my markup based off of Jim Davis' recommendations, I was able to get the foux columns to extend by faking the background color as an image in the parent columns. Good tips everyone, and thanks for pointing me to the faux column resources. -Chris On Jan 29, 2008, at Jan 29, 8:45 AM, Thierry Koblentz wrote: On Behalf Of Chris Brummel Hey, I'm trying to get two columns to extend to the bottom of my layout. I apply a height of 100% to the two columns (sidebar posts) and height: auto !important; min-height: 100%; to the container, but I'm having no luck. The columns only extend to the end of their content and no longer. Both columns are being floated to the left. The page can be viewed here (in progress - I've only looked at it in Firefox so far): http://chrisbrummel.com I've looked at trying to adapt other people's layouts, but I haven't been able to find one that matches what I need. Any ideas? You could try this approach: http://www.tjkdesign.com/articles/float-less_css_layouts.asp that should let you paint background colors from top to bottom regardless of content (and without using an image nor script). -- Regards, Thierry | http://www.TJKDesign.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] Struggling to get height to 100%
Good afternoon David, It was foretold that on 29/01/2008 @ 09:07:43 GMT-0500 (which was 12:07:43 where I live) David Laakso would write: snipped a bit There are a number of ways to get any column longest. As a 99% lurker i'm taking the opportunity to jump in here because the topic interests me also. I've got a page where i've put a border around the wrapper because everything extends nicely to the bottom of the viewport on my res but not on a high res monitor as i've been told. They stop well above the bottom of the viewport. So i had to put a bottom border on the wrapper so that it looks closed off. So, any solution would be appreciated for future reference, or is the faux column the only full-proof method to go? For those who are interested in a visual look, here's an example: http://www.mendesperestransportes.com.br/index.html http://www.mendesperestransportes.com.br/Styles/MP.css (just including the css for doing the right thing :-) ) -- Best regards, Luc _ Powered by The Bat! version 3.99.29 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. The fact that an opinion has been widely held is no evidence that it is not utterly absurd. - Bertrand Russell (1872-1970) - British philosopher __ 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] Safari reading IE comments
Hi everyone, Has anyone ever come across a case where Safari will actually read what is in your IE conditional comments? i have never seen this before but am getting that now. IE conditionals are being used to deliver certain jsp files to certain versions but safari is just treating it like the comment isn't there. WEIRD! if anyone has had something like this happen and has any idea what's going on please email me. i'm on digest so you can just email me directly. Thanks so much Jeff __ 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] Safari reading IE comments
From: [EMAIL PROTECTED] [mailto:css-d- [EMAIL PROTECTED] On Behalf Of jeffrey morin Sent: Tuesday, January 29, 2008 1:39 PM To: CSS-Discuss List Subject: [css-d] Safari reading IE comments Hi everyone, Has anyone ever come across a case where Safari will actually read what is in your IE conditional comments? i have never seen this before but am getting that now. IE conditionals are being used to deliver certain jsp files to certain versions but safari is just treating it like the comment isn't there. WEIRD! if anyone has had something like this happen and has any idea what's going on please email me. i'm on digest so you can just email me directly. Safari only? What about Firefox? Does your CC contain any --? -- Regards, Thierry | http://www.TJKDesign.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] IE6 and overflow hidden problem
Phillip Cavaco wrote:
Hi guys, lately I've being working a lot with overflow hidden.
But sometimes I have problems with IE6 (it doesn't set the overflow to
hidden). Till now I solved the most of them but theres one still ahahah
In other browsers works great. I little help please.
Phillip
A clickable link to the page or a test page would help. Not sure. Try:
* html #agenda-prev,
* html #agenda-next{
border: 1px solid red;
overflow:visible;
}
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site not playing right in IE6
Hi, I am developing a site ( http://fatusboutique.com/index2.php ) and it displays fine in FF and IE7..I came to work today and on friends computer who still has the old IE, I realized that its not displaying correctly..It seems like the #right div is dropping and not floating to the right...can anyone help me out with this? Here's the CSS http://fatusboutique.com/css/eb.css Also does anyone know how i can have IE7 and the older versions on IE on my computer at the same time so I can test. Thanx -- -Bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ 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] Presentation vs content issue for interlinear text
Have you thought of using a definition list? dl dtOriginal text/dt ddTranslated text/dd dtOriginal text/dt ddTranslated text/dd /dl You can use css to style the dl dt and dd elements. Jim On Jan 29, 2008 10:32 AM, T. R. Valentine [EMAIL PROTECTED] wrote: I'm working on a project to display interlinear text (original language with a very literal word-by-word translation immediately below). The only presentation which my poor imagination can conceive is to place each word in a separate cell with the translating word in a separate cell immediately below (centring the text in every cell to maintain alignment). But this would make searching for phrases (in either language) impossible. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Extra vertical space between LI elements in IE :: correction
Thanks for the tips, David. Adding the display:inline to the #nav-main li
element did the trick of removing the extra bottom margin. Unfortunately,
I'm still working on getting the background image for the element to display
properly, but hopefully I can work that out myself.
Thanks also for all the other responses - always nice to get some advice
from fellow CSSers :)
On Jan 25, 2008 3:25 PM, David Laakso [EMAIL PROTECTED] wrote:
David Laakso wrote:
Erik Domingo wrote:
Validated the markup - except for an issue with a bit of javascript in
the
footer, the page is valid Strict XHTML. I also tried removing all the
whitespace between LI tags, but the extra vertical space is still
showing
in IE6 7.
Erik
Should read:
In reference toyour uri: http://bdsredesign.bluelangroup.net/index.php
Good.
The fix for the evil ones on a local file in XP/IE6.0 and IE7.0 on Mac
OS X 10.4.11 is:
#nav-main li {
height : 17px; :: delete ::
margin : 0 0 3.5px 0; :: delete ::
margin: 0 0 0.5em 0; :: add ::
}
And add these selectors to target IE 6 7 (and tweak as necessary):
* html #nav-main li {
dislpay: inline;
margin-bottom: 0;
} /*fix for IE6*/
*:first-child+html #nav-main li {
dislpay: inline;
margin-bottom: 0;
} /*fix for IE7*/
HTH.
Best,
~dL:
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Presentation vs content issue for interlinear text
I'm working on a project to display interlinear text (original language with a very literal word-by-word translation immediately below). The only presentation which my poor imagination can conceive is to place each word in a separate cell with the translating word in a separate cell immediately below (centring the text in every cell to maintain alignment). But this would make searching for phrases (in either language) impossible. Can anyone here with a more creative mind think of another means of presentation? -- T. R. Valentine Your friends will argue with you. Your enemies don't care. __ 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] Site not playing right in IE6
Brian Jones wrote: I am developing a site ( http://fatusboutique.com/index2.php ) and it displays fine in FF and IE7..I came to work today and on friends computer who still has the old IE, I realized that its not displaying correctly..It seems like the #right div is dropping and not floating to the right...can anyone help me out with this? FWIW: In addition to what Georg Sortun wrote, Tidy On-line [1] will help correct some of these [2]: [1] http://infohound.net/tidy/ [2] http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Ffatusboutique.com%2Findex2.php And changing the font-size from 0.7em to 70% in the body declaration will keep IE from going goofy at anything other than text-size medium. If you changed 0.7em to 100% I would be able to read it. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site not playing right in IE6
Brian Jones wrote:
I am developing a site ( http://fatusboutique.com/index2.php ) and it
displays fine in FF and IE7..I came to work today and on friends
computer who still has the old IE, I realized that its not displaying
correctly..It seems like the #right div is dropping and not floating
to the right...can anyone help me out with this?
Add...
* html #left{display: inline;}
...to kill the old margin-doubling on floats bug, and...
* html #right {overflow-x: hidden;}
...to make IE6 (and older IE/win) respect declared dimensions.
That will give the intended line-up in IE6.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Nested menus in Joomla 1.5
Joomla 1.5 ...
What I want to do...
1. A ...menu item will have...
the background will change on hover.
2. ...If the parent is not active,
i.e. unexpanded, it will have a right arrow, if
it is expanded it will have a down arrow.
...
ul class=menu
...
li id=current class=parent active item53 !-- Active parent --
a href=#spanAbout the Club/span/a
ul
li class=item72
a href=#spanDocuments/span/a
/li
/ul
/li
li class=parent item74 !-- Inactive parent --
a href=#spanThe Schools Programme/span/a
/li
/ul
...
On a Joomla 1.0x site I did something similar with background-color instead
of images:
http://www.cclf.org/content/view/45/205/
In your CSS you declare:
li.parent {background-image:url(/images/rightarrow.gif);}
li#current {background-image:url(/images/downarrow.gif);}
The id will take precedence over the class.
--Nancy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] extra padding in Safari
Hi! Anyone have a clue why I have a little extra margin or padding on either side of the content table on this page: http://www.montola.com/buy/index.html? Only happens in Safari, that I know of. Thanks! Becca __ 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-d ] IE and background,IE and imbeded DIV
As a kind person pointed out, the url, missing a full stop doesn't resolve. For those who had given up it's really http://www.32smallshipsqn.org.au/demo/Dec29/ Could some kind genius with a couple of minutes have a look at http://www32smallshipsqn.org.au/demo/Dec29 for me and point out where I've screwed up.. Pretty please John __ 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/
