[css-d] is this workable in less than 100hrs?
I'm not really a 'css guy', but I've been reading, following, listening, and playing around for some time. I've completed a many tabled projects, without the time to give the whole 'tableless' css thing a real fair shake. At the present I feel stuck with one meun that could be fixed with tables in an hour or two, but I've spent my day 'off' here. I'd ultimately love to slice this correctly with em's for sizing, but I'm not even close with pixel sizing (and I'm not sure it'll be possible with my experience). I'm feeling pretty crappy about the whole thing at the moment. I don't even know if it's possible with the costume images included in an unordered list, but I'd really like to go this route. Here's where I stand: http://dreampowercostumes.com/r4/, which includes (underneath) what I'd like to strive for with li's. The reason I'd like to keep the li's so high is I'd like to 'heighten them' on a:hover. I believe I've read about this before, and I think someone's response to 'semi-clickable links in IE' will probable solve this for Donna, and help me out along the way. I think I'm due for a miracle, any 'css gods' out tonight? Cheers, Colin __ 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] CSS code for custom tags not working with Firefox
Dear All,
I am using custom tags/namespace feature inside HTML document and then CSS for
styling the custom tags.
I am attaching the HTML file with style code.
The style code works fine in IE but not with Firefox.
t\:contents
{
display: none;
width: 50%;
font-size: 10px;
}
Anything needs to be changed in syntax or Firefox doesn't allow custom tag t:?
Thanks Regards,
Praveen__
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] Fonts and Site Check Please
Hi Guys I done a redesign on a site: http://www.swmug.co.uk/ The css is embeded. Please could you check that it works in all Windows and Linux browsers. Thanks. Additionally, I have used Papyrus as a font but I believe it is exclusively Mac. Is there a Windows equivalent please? I can't find anything. Thanks Rich http://www.cregy.co.uk So here's what I want you to do, God helping you: Take your everyday, ordinary life--your sleeping, eating, going-to-work, and walking-around life--and place it before God as an offering. Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] is this workable in less than 100hrs?
Colin, on Monday, October 10, 2005 at 08:41 Colin wrote: The reason I'd like to keep the li's so high is I'd like to 'heighten them' on a:hover. I think that you can do it with css in an easy way, if you don't want to let it resizable: Make the cloudy dreampower img without the tabs the background for the ul. Separate the pictures from the tabs. Use your favourite image replacement technique to replace the text in the lis with the tab images. Make the lis position: relative and position the separated pictures absolutly inside the lis. Making it resizable is a bit more complex: Read the sliding doors article at ala: http://www.alistapart.com/articles/slidingdoors All images have to be much bigger than the visible area at standard text size. Now you should use the HTML-text instead of the text in the images. This will lack support for the white glow effect around the letters. regards Martin __ 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] CSS code for custom tags not working with Firefox
On 10 Oct 2005 08:05:32 -, praveen vejandla [EMAIL PROTECTED] wrote: I am using custom tags/namespace feature inside HTML document There is no such feature of HTML. If you add extra tags then it isn't HTML any more. If you want to use another namespace then you should be using XHTML along with an XML content type (since Internet Explorer doesn't understand IE you would need to transform it (probably with XSLT) in to HTML for that browser - which makes it a rather pointless exercise). and then CSS for styling the custom tags. The simple solution is to use the most appropriate markup that is actually in HTML and add a class. I am attaching the HTML file with style code. Attachments get stripped from this mailing list AFAIK. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] layout problem - bit of a CSS beginner
Hi Everyone, I hope you are all well. Sorry about the long post, just trying to add as much detail as possible. I have finally decided to bite the bullet and stop laying out with tables and now I am struggling to get a layout CSS correct. I am trying to achieve the following... Header 3 columns... - Column 1 - flexible - Row - column (50%) - column (50%) - Column 2 - fixed width (202 px + 4px padding + 1px left border) - Column 3 - fixed width (120px + 4px padding + 1px left border) Footer To get this to work I have set it up as the following... Header 2 columns... - Column 1 - flexible - Row - column (50%) - column (50%) - Column 2 - fixed width (340 px + 1px left border) - column (202 px + 4px padding) - column (120px + 4px padding + 1px left border) Footer You can see the examples here : http://www.itsecureportal.com/layout/example13.html and here http://www.itsecureportal.com/layout/example18.html Ok, the problem... Example 13 works fine (for me) in Firefox and Opera but not in IE6 - this has the markup the wrong way round (eg Column 1 comes after column 2 in the markup) Example 18 doesn't work in anything - this has the markup the correct way round (eg Column 1 comes before Column 2 in the markup) Ideally, I'd like to keep the markup in the correct order, but I guess it's not too much of an issue if the site works. The CSS and HTML validates properly in both cases (it exactly the same, but in a different order) Can anyone advise me as to why Example 13 wouldn't work in IE and why Example 18 wouldn't work at all? I'd be very grateful for any advise at all. I have reviewed loads of sites from google etc but nothing quite hits the mark. I've been pulling my hair out over this for the past few days. Many thanks in advance. (A slightly more balding) - John __ 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] CSS code for custom tags not working with Firefox
praveen vejandla wrote:
Dear All,
I am using custom tags/namespace feature inside HTML document and then CSS for
styling the custom tags.
I am attaching the HTML file with style code.
The style code works fine in IE but not with Firefox.
t\:contents
{
display: none;
width: 50%;
font-size: 10px;
}
Hi,
I do believe this is a Microsoft 'feature' introduced in IE 4 and seems
to me to be a fore runner to XML tagging. I do not know enough to
comment further. I have never seen it introduced in a universal usage
page. But I may be completely wrong I am working from an old memory:)
Rob
__
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] Stacking layers
Here I am again with a problem! I'm using the son of suckerfish menu. First problem, of transparency background in the menu was solved thanks to some good advise from the list (never mind that IE doesn't seem to support png-24 format). The menu functions ok, but now that I added content and the menu is opening over the content, I can't access the opened part that's on the content. The menu closes as soon as I hover to the part of the menu that's above the content. I thought I could solve it with z-index and bring the menu on top, but either I'm doing something wrong, or then it just doesn't work (FF). The website: www.poetryin-e-motion.com/test The CSS: www.poetryin-e-motion.com/test/scripts/sheet1.css Advise greatly appreciated. Arno __ 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] google maps and dropdown menu
http://www.blue-fly.co.uk/test/contact/index3.php My google map obscures my dropdown menu..any ideas how to resolve this? The CSS for the map div div id=map style=width: 200px; height: 200px; float:left; margin-top:50px; background-color: #3366FF;/div and the javascript script type=text/javascript //![CDATA[ var map = new GMap(document.getElementById(map)); map.addControl(new GSmallMapControl()); map.centerAndZoom(new GPoint(-3.17832415643718, 55.9635613607551), 1); //]] /script R. __ 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] Fonts and Site Check Please
Richard Brown wrote:
http://www.swmug.co.uk/
The css is embeded. Please could you check that it works in all
Windows and Linux browsers.
Opera 8.5 and IE6 need:
.square .boxcontent {padding-top: 1px;}
...or you'll have to zero out margin-top on form.
Menu doesn't tolerate any font-resizing.
#menu a, #menu a:visited {width: auto;}
...will work slightly better, but that menu will cause float-drop quite
early in IE6 - starting around window-width 830.
No limits and repeating background doesn't look too well IMO
body {background: #fdf2ca url(parchmeo.jpg) no-repeat; max-width:
1200px; min-width: 760px;}
...works better, I think. Not much use in 'max/min-width' in IE6 though.
FF 1.5b1 doesn't stretch body-background for full screen-height when fed
'text/xml'. Ok as 'text/html'.
Additionally, I have used Papyrus as a font but I believe it is
exclusively Mac. Is there a Windows equivalent please? I can't find
anything.
Well, I have Papyrus on win2K, and it looks somewhat similar, but not
identical, to the Mac variant. Wouldn't rely on its widespread use though.
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] layout problem - bit of a CSS beginner
John Spurgin wrote: http://www.itsecureportal.com/layout/example18.html That example will work if you apply this method: http://www.alistapart.com/articles/negativemargins 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Style sheet problem
Hi Everyone, I seem to have develped a problem with my 3dmodelling portfolio pages http://www.tboult.co.uk/3dmodelling_portfolio.html not displaying in Firefox 1.0.7 I know it worked before and as far as I know nothing has changed Here's my style sheets http://www.tboult.co.uk/styles/3dmodelling.css and http://www.tboult.co.uk/styles/trevor_boult_media.css I'm currently trying to track down the problem so any assitance would greatfully recieved. TIA Trevor http://www.tboult.co.uk __ 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] Sorted style sheet problem
Seems my class file .3dportmids needed to be changed to not have a digit at the front, removing the '3d' enbaled the thumb to be displayed. Cheers Trevor http://www.tboult.co.uk __ 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 problem -- Floats, maybe?
Hello all, I've been working on a slight change to our home page and have it pretty much the way I want it, but IE is breaking it. the two images in the center section don't show up in IE -- at least they don't show properly. If I make my window large enough, I get just to bottom edge of the second graphic. At this point, I've made a lot of changes to the original templates I was working with, so there's bound to be stuff in the css that is superfluous. I'm concerned that some of the hacks might be screwing things up, since I've changed so much from the original set up. I think it might be something to do with the floats or the size of the div.content. http://www.pcc.com/welcometest.html Anyone have some help for me? Thanks, Barb -- Barbara Dozetos ~ Marketing Communications Designer Physician's Computer Company * (p)802-846-5532 1 Main St., #7* (f)802-846-8178 Winooski, VT 05404* [EMAIL PROTECTED] www.pcc.com Pediatric software just got smarter. Your practice just got healthier. __ 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] Fonts and Site Check Please
Richard Brown a écrit : Hi Guys I done a redesign on a site: http://www.swmug.co.uk/ The css is embeded. Please could you check that it works in all Windows and Linux browsers. Thanks. Additionally, I have used Papyrus as a font but I believe it is exclusively Mac. Is there a Windows equivalent please? I can't find anything. Thanks Rich http://www.cregy.co.uk So here's what I want you to do, God helping you: Take your everyday, ordinary life--your sleeping, eating, going-to-work, and walking-around life--and place it before God as an offering. Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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/ Hi Rich, Papyrus isn't exclusively Mac: http://www.fonts.com/findfonts/detail.htm?pid=203883 So far I'm a beginner in css and just can say your site looks great. Have a nice day. Eric. __ 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] layout problem - bit of a CSS beginner
Thanks Georg, That has done the trick. http://www.itsecureportal.com/layout/example18.html Much appreciated. John -Original Message- From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] Sent: 10 October 2005 13:43 To: John Spurgin Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] layout problem - bit of a CSS beginner John Spurgin wrote: http://www.itsecureportal.com/layout/example18.html That example will work if you apply this method: http://www.alistapart.com/articles/negativemargins 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts and Site Check Please
Richard Brown wrote: I done a redesign on a site: http://www.swmug.co.uk/ The css is embeded. Please could you check that it works in all Windows and Linux browsers. Thanks. Additionally, I have used Papyrus as a font but I believe it is exclusively Mac. Is there a Windows equivalent please? I can't find anything. Rich Rich, Sorry to be a pain, but: I regret the layout is not working well for you with font-zoom. The containers expand horizontally and overlap. Running text over an image is problematic. The text-expands vertically breaking out at the bottom of the image on zoom. This liquid 3 column liquid layout http://www.alistapart.com/articles/negativemargins may work better for you. It works well cross-browser (consider reducing that nice 1100px+ map image to approx 300px wide and putting in the header). I regret that Papyrus is available in XP(grin). Typography is about making the written word readable. Perhaps Papyrus for the logo (falling back on georgia, tnr, times, serif). And georgia, tnr, times, serif-- for everything else? (You've used an id more than once on the page-- validate the markup). Best, ~dL *Typography exists to honor content.* — Robert Bringhurst -- David Laakso http://www.dlaakso.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 problem -- Floats, maybe?
Barbara Dozetos wrote:
http://www.pcc.com/welcometest.html
img.pedspecific, img.supportemma {position: relative; }
...will make them visible in IE/win
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background-image doesn't show
Hi everybody,
I have a problem with displaying image into a web
page.
Take a look at : www.tanase.it
The content has an id div#content
Now, I need to put into this grey box on the
bottom-right an image who represent something like a
curl page.
I need to position exactly !
My style for #content is:
#content {
padding: 3px;
margin-right: 215px;
border:1px solid #eee;
background-color: #fafafa;
background-image: url(../images/curl.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;}
Where do I'm wrong please ?
__
Yahoo! Mail - PC Magazine Editors' Choice 2005
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] IE problem -- Floats, maybe?
That's the ticket! Thanks a million.
Barb
Gunlaug Sørtun wrote:
img.pedspecific, img.supportemma {position: relative; }
...will make them visible in IE/win
Georg
--
Barbara Dozetos ~ Marketing Communications Designer
Physician's Computer Company * (p)802-846-5532
1 Main St., #7* (f)802-846-8178
Winooski, VT 05404* [EMAIL PROTECTED]
www.pcc.com
Pediatric software just got smarter. Your practice just got healthier.
__
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] background-image doesn't show
Try it with
background-position: right bottom;}
at least it worked in a local test
Dennis Bixler
-Original Message-
From: Marian [mailto:[EMAIL PROTECTED]
Sent: Monday, October 10, 2005 11:04 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] background-image doesn't show
Hi everybody,
I have a problem with displaying image into a web
page.
Take a look at : www.tanase.it
The content has an id div#content
Now, I need to put into this grey box on the
bottom-right an image who represent something like a
curl page.
I need to position exactly !
My style for #content is:
#content {
padding: 3px;
margin-right: 215px;
border:1px solid #eee;
background-color: #fafafa;
background-image: url(../images/curl.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;}
Where do I'm wrong please ?
__
Yahoo! Mail - PC Magazine Editors' Choice 2005
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/
__
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] peekaboo bug? and other oddities
hey all, i've been trying to work out some IE bugs for my css for a while now and I can't quite figure out how to fix it. I expect that the problem is the peekaboo bug, but I haven't been able to get the holly hack to work. i am using roger johansson's js custom boxes script to add drop shadows. in the menu and the content area, i am applying inverted drop shadows so that adjacent boxes will get a shadow effect. in the menu, i am getting disappearing links. in the content area, the white background is not being applied and is showing parts of images that should be covered. things look as they should in FF. I have also been having trouble with bottom spacing and margins that are getting much larger in IE than in other browsers. you will notice in both the content area and on the wrapper. link to the test space is below. help if you can! thanks. http://www.sccs.swarthmore.edu/users/07/jyamada1/cycle/index_fluid.html p.s. a final side problem is that I haven't been able to figure a way to get an offset on the border shadow on the right. any ideas would be appreciated! __ 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] EM's larger in Safari-how to fix?
Hey everyone, Ive been using owen briggs em technique
http://www.thenoodleincident.com/tutorials/typography/template.html
for quite a while now with great success, the only problem is safari (v1.3.1
os10.3.9 here) where the default size using
body {
font-size: 76%;
}
is MUCH larger than every other browser Ive tested, things look very
consistent IE5-6 pc and FF mac/pc, actually havent looked in opera (need to
do that)
in the past it has not been an issue, however the site im developing now it
is requiring some solution. I would hate to throw the baby out with the
bathwater and use a different technique, it almost makes me want to find a
safari only hack for it, where it is most noticable on the site i'm dev'ing
is in the paragraphs which are set to:
p {
font: normal 1em/1.1em arial, helvetica, sans-serif;
}
does anyone have any solutions, owen states problems going under 76%
thanks
-clint
--
iron sharpens iron
__
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] background-image doesn't show
On Mon, 10 Oct 2005 11:03:39 -0400, Marian [EMAIL PROTECTED] wrote: www.tanase.it Off the top of my head, make sure the image path is in relation to the stylesheet not the page. This has caught me a couple times... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ 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] layout problem - bit of a CSS beginner
Gunlaug Sørtun wrote: John Spurgin wrote: http://www.itsecureportal.com/layout/example18.html That example will work if you apply this method: http://www.alistapart.com/articles/negativemargins I think this one has better browsers support: http://www.tjkdesign.com/articles/3cols.asp /plug More layouts here: http://css-discuss.incutio.com/?page=ThreeColumnLayouts Thierry | www.TJKDesign.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] background-image doesn't show
Marian wrote: www.tanase.it Just a minor file-name/type error: I find: background-image: url(../images/curl.htm); ... in your stylesheet. Correct it to: background-image: url(../images/curl.jpg); ... and make sure the image is present with that name/type. The other styles are fine, but you can write background more compact as: background: #fafafa url(../images/curl.jpg) no-repeat 100% 100%; 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Stacking layers
Arno @ Raketnet wrote: Here I am again with a problem! I'm using the son of suckerfish menu. First problem, of transparency background in the menu was solved thanks to some good advise from the list (never mind that IE doesn't seem to support png-24 format). I couldn't tell from the above whether you solved your transparency problem. Take a look here: http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp Include the filter: for IE browsers, and it will properly load PNG-24 with Alpha Trans. Problem is, the regular CSS has to be hidden from IE or it will actually load the background twice; either that, or you can look for a JavaScript solution that traverses the DOM and replaces any PNG references with the above filter. TMK, the above works with any IE w/ Direct-X installed (didn't consider whether it works on IE/Mac, but I suspect it would). My suggestion, however, is that you get rid of the menu transparency, because the buttons which overlap the text are almost impossible to read. Regards, Derek __ 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] Stacking layers
Arno @ Raketnet wrote: Here I am again with a problem! I'm using the son of suckerfish menu. First problem, of transparency background in the menu was solved thanks to some good advise from the list (never mind that IE doesn't seem to support png-24 format). The menu functions ok, but now that I added content and the menu is opening over the content, I can't access the opened part that's on the content. The menu closes as soon as I hover to the part of the menu that's above the content. I thought I could solve it with z-index and bring the menu on top, but either I'm doing something wrong, or then it just doesn't work (FF). The website: www.poetryin-e-motion.com/test The CSS: www.poetryin-e-motion.com/test/scripts/sheet1.css Advise greatly appreciated. Arno ::SNIP:: I only observe this in Firefox. In IE6, all menu items and sub-items are visible, although it has other issues (see below). In FF, moving below the second menu item in each main menu group causes the menu to go away. Opera functions as expected; all menu items and sub-items are visible and selectable. That said, you have more serious issues, IMHO, in the distracting and unattractive flashing of the menu as the cursor moves over it (IE6, probably due to the alpha filter), and in the fact that your transparent menu items' text is unreadable due to bleed-through of the text below the menu (FF and Opera). Perhaps you might wish to use a different solution. Menu transparency is not necessarily a high-desirability characteristic, since the user attempting to select a menu item clearly does not care what exists behind the menu; he's on his way elsewhere anyway. Consider ditching the transparency. Cheers, Scott There is nothing so useless as doing efficiently that which should not be done at all. - Peter F. Drucker __ 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] Page printing problem
I have just finished my first all CSS site - no tables - not even a br! My client says that he can't print the site, it crashes his computer - WINXP/IE6 http://2ktours.com.au/ is the URL. It validates o.k., both XHTML CSS It prints fine for me on 2 different computers and works for the client's son. I told the client to use Moz Firefox and see if it still happens. It sounds like a printer/driver/Trojan/browser hijacker thing to me. Anyone have any suggestions? Thanks Fred Boulton Boultons Web Dev IT http://www.boultonsweb.com -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.344 / Virus Database: 267.11.13/124 - Release Date: 7/10/2005 __ 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 wierdness + sitecheck
Rick - I've checked in Firefox 1.0.6 and IE 6 (both Win). Problems I've seen: * Update Details page - Width of container in IE much smaller (only uses around 2/3 of width), which results in e.g. the phone number and eScrip ID entry box being wrapped into second line * Update Details page - FF and IE - last box (recovery question etc.) ... lines closer together than in other boxes - would be easier to view with more linespacing * Update Details page - Header Footer image have white gap to right * My Reports page - inner and outer box borders merging at top bottom Wish I also had the solution. Gut feeling is that I'd try to stick just with pixels for width settings (instead of % and px) and apply fixed widths to the form elements and see if that forces IE to apply correct width. Edith In omnibus requiem quaesivi, et nusquam inveni nisi in angulo cum libro - Thomas a Kempis (Everywhere I have searched for peace and nowhere found it, except in a corner with a book) -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Flower Sent: 08 October 2005 07:21 To: Css-D list Subject: Re: [css-d] IE wierdness + sitecheck Rick F. wrote: [ ... ] Anyway, the site is : http://my-scrip-php.ca-flower.com When you get to the login screen select olg for the selector box and use test and test for the login name/password. From there you can navigate around using the menus at the top. Ok.. I really messed up on this.. I totally apologize to those of you that were trying to visit the above site only to find it was really screwed up.. I made the bad mistake of changing my html header line that PHP spits out (in order to make the W3 validator happy) and it completely ruined my ampersand handling for URLs which pretty much did in the site. Anyway, I've fixed the problem and it is back and working again. Sorry about that.. Feel free to try it again if you wish. Again, I'm really sorry.. -- Rick __ 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-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] Page printing problem
Fred Boulton wrote: My client says that he can't print the site, it crashes his computer - WINXP/IE6 http://2ktours.com.au/ Observation: It freezes my IE6 on win2K on print-preview. Seems to depend on which page I'm on. Anyone have any suggestions? Only to comment out parts of the stylesheet until the cause is isolated. Some pages don't print very well, regardless of browser. Scaling seems to be an issue, and some content is dropping down to next page. Might be a good idea to use a separate stylesheet and fine-tune it for print. -- The layout on screen is only working really well within a very narrow window-width below 850, regardless of browser. Some pages 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Page printing problem
Its also frozen my IE on print preview. I'm using XP sp2 IE6 Bala Clark Chris Akers wrote: My client says that he can't print the site, it crashes his computer - WINXP/IE6 It froze my IE when I did a print preview. Had to end task. XPsp2 IE6 __ 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-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] Re: background-image doesn't show
Thank Tom, That was the solution. Image path was not in relation with my stylesheet ! 10 Points !!! :D Off the top of my head, make sure the image path is in relation to the stylesheet not the page. This has caught me a couple times... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ Yahoo! Mail - PC Magazine Editors' Choice 2005 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] Page printing problem
http://meyerweb.com/eric/thoughts/2005/08/26/when-printing-kills/ Eric Meyer recently wrote of a similar situation with IE. It seems there are certain keywords that cannot be used as the value for id in html. I looked at your html and it doesn't seem to have any strange values for ids. But maybe you can track down a solution from the info in the article above and its references __ 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] ie5 and ie5.5 bugs
I just ran into these 2 (in WinXP):
IE 5.5:
The comment in there makes IE 5.5 ignore the rule (IE 5.1 is OK)
#menu a:hover,#menu a:focus,
/* comment */
.current #current {some declarations}
IE 5:
Long list of anchors in list items.
li {float:left;list-style:none;padding:2px 0}
a {height:0;padding:0 5px;border:1px solid #000}
If /ul starts a new line, IE 5 increases the height of the *last* list
item.
I'm sure they are documented somewhere, but they're new to me...
Thierry | www.TJKDesign.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] Float and border - unexpected behaviour
I have two div elements The first is floated left The second should have a left border acting a delimited between the two div elements However, the border is being displayed to the left of the first element! The problem can be seen at www.iansweeney.me.uk/p5 -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.344 / Virus Database: 267.11.14/128 - Release Date: 10/10/2005 __ 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] Float and border - unexpected behaviour
Ian Sweeney wrote:
www.iansweeney.me.uk/p5
Solution:
div#box2{
border-left:
5px dotted red;
display: table; }
* html div#box2{
height: 0;}
The details can be seen at
http://www.gunlaug.no/contents/wd_example_01_01.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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Images and Divs
I'm working on a web redesign and am hoping to avoid using tables as much as
possible but so far no luck.
I'm designing so that my page will work in IE and Firefox since those are
two browsers I have readily available. The page can be found at
http://oms.swimwebs.com http://oms.swimwebs.com/ . Here's the problem.
At the top of the page are 5 pictures all set to width of 125px with a
border of 2px around each picture. That makes for a total width of 649px (5
x 125 + 5 x 2 x 2). The page renders great in firefox but in IE the width
is not working. Below the CSS that I'm working with. Also, what do I need
to change to center my main division in IE?
Any help would be greatly appreciated.
Thanks,
Robbert van Andel
--- CSS --
body {
padding:0;
margin:0px;
height:100%;
}
#body {
width: 649px;
height:100%;
border-left:4px solid #2DA1AE;
border-right:4px solid #2DA1AE;
padding-left:2px;
padding-right:2px;
background-color:#ff;
margin-left:auto;
margin-right:auto;
}
#header {
/*white-space:nowrap;*/
border: 2px solid #00;
padding: 0px;
margin: 0px;
}
p.top {
margin:0px;
padding:0px;
}
img.top {
border:2px solid #00;
padding: 0px;
width: 125px;
height: 125px;
margin:0px;
}
#logo {
}
__
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] Images and Divs
Robbert van Andel wrote: I'm working on a web redesign and am hoping to avoid using tables as much as possible but so far no luck. I'm designing so that my page will work in IE and Firefox since those are two browsers I have readily available. The page can be found at http://oms.swimwebs.com http://oms.swimwebs.com/ . Here's the problem. At the top of the page are 5 pictures all set to width of 125px with a border of 2px around each picture. That makes for a total width of 649px (5 x 125 + 5 x 2 x 2). The page renders great in firefox but in IE the width is not working. Below the CSS that I'm working with. Also, what do I need to change to center my main division in IE? Hi Robbert, You have to *remove* the XML prologue: ?xml version=1.0 encoding=UTF-8? or take the broken box model into consideration. That's why the maths don't work, because IE is in quirks mode and substracts padding and border form the dimension of the box. HTH, Thierry | www.TJKDesign.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] Images and Divs
Bingo, that did the trick. Thanks. -Original Message- From: Thierry Koblentz [mailto:[EMAIL PROTECTED] Sent: Monday, October 10, 2005 9:57 PM To: Robbert van Andel; css-d@lists.css-discuss.org Subject: Re: [css-d] Images and Divs Robbert van Andel wrote: I'm working on a web redesign and am hoping to avoid using tables as much as possible but so far no luck. I'm designing so that my page will work in IE and Firefox since those are two browsers I have readily available. The page can be found at http://oms.swimwebs.com http://oms.swimwebs.com/ . Here's the problem. At the top of the page are 5 pictures all set to width of 125px with a border of 2px around each picture. That makes for a total width of 649px (5 x 125 + 5 x 2 x 2). The page renders great in firefox but in IE the width is not working. Below the CSS that I'm working with. Also, what do I need to change to center my main division in IE? Hi Robbert, You have to *remove* the XML prologue: ?xml version=1.0 encoding=UTF-8? or take the broken box model into consideration. That's why the maths don't work, because IE is in quirks mode and substracts padding and border form the dimension of the box. HTH, Thierry | www.TJKDesign.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] Oversized footer div (IE) and displaced div (FF)
Hello there! I have a problem with a footer div being displayed faulty in IE; and another div that is surrounded by two floating divs. You can see it all here: http://www.likwit.co.uk/icebaby/. The footer div has the id #footer, a defined height of 12 pixels and a background image (no-repeat) attached to it. But IE makes it somehow bigger (how big seems to depend on the size of #content, but I'm not sure) and produces a strange behaviour. Most of the time it is displayed correctly but if I, for example, reload the page a few times or switch to another application and then go back to the page, IE nonetheless repeats the background image. The other problem is the div with the id #content. Firefox inserts space at the top and at the bottom (the gaps there) if I don't take out the margins for the first and last element in that div. It has border-left and border-right to it, and if I change that two to a general border attribute, it also displays correctly. Any suggestions? Regards Matthias -- Another annoying Signature brought to you by [EMAIL PROTECTED]: www.likwit.co.uk - Posthumously Junkyard http://www.likwit.co.uk Get Firefox! http://www.spreadfirefox.com/?q=affiliatesid=24500t=62 Get Thunderbird! http://www.mozilla.org/products/thunderbird/ __ 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/
