[css-d] Fwd: Clear Float? Help
-- Forwarded message -- From: css man css...@gmail.com Date: Mon, Aug 9, 2010 at 4:38 PM Subject: Clear Float? Help To: l...@webdesign-l.com I started a page at: http://cssman.webs.com/testbuttons.html I cannot get the orange box to mesh up with the Headline goes here... line. I tried using br style=clear:both / but it didn't seem to make a difference. -- ~~~ css...@gmail.com ~~~ -- ~~~ css...@gmail.com ~~~ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] So close...IE6 horizontal drop-down menu help
I don't have IE6 but have seen in IETester and online renderers that my horizontal menu is vertical on IE6. PLEASE.how can I fix this? I have looked over so many tutorials on horizontal menus with submenus. It finally works on modern browsers, but I have the need for it to work on IE6 as well. Someone here wrote me about their solution, quite angrily saying I wasn't using it the right way. Im trying to use just CSS. I know I am close. Any help is appreciated. Judy __ 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] So close...IE6 horizontal drop-down menu help
From: Judy Herilla [mailto:j...@karmoxie.com] Sent: Monday, September 28, 2009 2:10 PM To: 'css-d@lists.css-discuss.org' Subject: So close...IE6 horizontal drop-down menu help I don't have IE6 but have seen in IETester and online renderers that my horizontal menu is vertical on IE6. PLEASE.how can I fix this? I have looked over so many tutorials on horizontal menus with submenus. It finally works on modern browsers, but I have the need for it to work on IE6 as well. Someone here wrote me about their solution, quite angrily saying I wasn't using it the right way. Im trying to use just CSS. I know I am close. Any help is appreciated. Judy FORGOT THE URL: http://rugby.karmoxie.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Drop-downs acting diffeently between IE and Firefox
On the navigation bar, is Division Info. When I hover over College, it shows Schedule and Contacts. 1. I would like this to appear offset to the right, so as not to block the other menu items 2. In IE, the submenu is shown at the same time as the other menu (ignores Z-index from CSS) Please help! Judy __ 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] Drop-downs acting diffeently between IE and Firefox
Its been a bad day. 5th attempt: http://rugby.karmoxie.com/ Judy -Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Sent: Monday, August 31, 2009 7:16 PM To: c...@karmoxie.com Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Drop-downs acting diffeently between IE and Firefox c...@karmoxie.com wrote: On the navigation bar, is Division Info. When I hover over College, it shows Schedule and Contacts. 1. I would like this to appear offset to the right, so as not to block the other menu items 2. In IE, the submenu is shown at the same time as the other menu (ignores Z-index from CSS) Please help! Judy Please provide a clickable link to your page. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ie/FF Lay Out Bug
List D; I've put my CSS in this page: http://machalek.com/KC/ContactUs2.cfm It looks great in IE (strange, I know), but I don't know why it's not doing what I think it should do in Fire Fox. (?) If someone can take a quick look, I would appreciate it. Sincerely; KC __ 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] Chrome and css
On Sun, Dec 21, 2008 at 10:28:19AM +0900, Philippe Wittenbergh wrote: So you gonna worry about Chrome, a browser that is barely out of beta (if at all...) and is only used by a handful of geeks, but you don't test you work in Safari ? Interesting. Chrome as a desktop browser is used by a handful of geeks, but it's on all the Google G1 phones (and jolly fast it is too!) so it's bound to get more use / exposure that way in time. -- Flash Bristow -Web Design Mastery -07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ 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] Quick Question About Rules
On Tue, Dec 09, 2008 at 09:04:29AM -0800, [EMAIL PROTECTED] wrote: Is it proper to direct link a PDF document from a drop down main navigation? I get a funny feeling about it and I have not seen an example of any site that does it. My understanding is the main navigation should be a link to a location which contains the PDF document. Personally I would not link to any document (other than another HTML page) without it being explicitly clear that the link is for a PDF (or whatever kind of document). Otherwise you could confuse people who use text to braille or voice software, or even just be a pain for people who surf via their phone. I agree that it should be a link to a location which contains the PDF link, and which makes clear that it's a PDF download. -- Flash Bristow -Web Design Mastery -07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ 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] narrowing browser window moves div to the bottom
Hi, I know it seems like I'm posting out of the blue, but I've been on and off this list as workload permits! However recently I've been making a real effort to use CSS instead of tables for layout, but I still don't quite get it... Here's a new demo of my personal website: http://gorge.org/newdes/ Now if you view in IE and the window is wider than 751 pixels, you will probably see it how I intend - with nav down the left and content filling the space on the white background. But if you narrow the browser window, the content goes below the navbar. Argh! And in firefox, it doesn't matter how wide the browser - it does the same. So there is plainly something I'm not getting. Perhaps a way to anchor the main content to the top? I've tried giving it position: absolute but couldn't get that to work either! I'm sure I am missing the point so I am very happy to learn how to fix this if anyone is able and willing to advise me. Up til now I've always used tables for layout so I'd really like to understand and get this nailed! Cheers, -- Flash Bristow -Web Design Mastery -07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ 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] narrowing browser window moves div to the bottom
On Mon, Dec 01, 2008 at 08:41:47PM +0100, Gunlaug Sørtun wrote:
http://gorge.org/newdes/
But if you narrow the browser window, the content goes below the
navbar. Argh!
The incomplete doctype makes browsers stay in quirks mode.
See: http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html
Ah! Thank you. Of course as soon as I change that, I have new
issues to deal with (code that no longer validates) but at least
I have a direction to go in!
However, this doesn't make any difference in Firefox. I guess maybe
when I get my code validating it might work? Otherwise the only difference
appears to be text size.
which means IE7 doesn't support 'min-width'.
This was a desparate gambit of mine; I should have taken it out when
it didn't work!
A proper - complete - doctype will get IE7 somewhat up to speed, but the
'min-width' value is too small for it when it starts supporting the W3C
box model. IE6 doesn't support 'min-width' anyway, but it'll switch box
model.
Ok, maybe I misunderstand here. My understanding of box model is that
IE doesn't quite align as other more correct browsers, so you need
to add extra, slightly skewed, directions in the CSS which IE will read
but which other browsers will ignore. So I'm not sure if I've missed
something?
To prevent IE7, 6 and older from dropping #content no matter which mode
they're in, you can add...
#leftnav {margin-bottom: -1px;}
That works great in IE. Thanks for that (and for being prepared to
offer a rough and ready suggestion rather than just fix your code).
Firefox is still looking the same... no idea how to fix it.
--
Flash Bristow -Web Design Mastery -07939 579090
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Work: www.wdam.co.uk Personal: www.gorge.org
__
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] narrowing browser window moves div to the bottom
On Mon, Dec 01, 2008 at 08:41:47PM +0100, Gunlaug Sørtun wrote: The incomplete doctype makes browsers stay in quirks mode. See: http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html Fixing that (while still staying with transitional) has worked well thank you - I was worried I'd have to change the code on all pages, but it seems fine. I also used your tough fix to sort out IE and (after removing all my min-width declarations in a fit of pique) have put a single min-width in so that Firefox behaves itself as well. So the original problem is dealt with! Hurrah! But of course, this has introduced some new ones! The main issues are that the right hand edge edge should flow with browser window size, and the left hand column is just a little too far to the right. Pointers on the flowing right hand edge would be welcome. The rest I can hopefully just work out and neaten up, but I'm not really sure why it's stopped flowing. Could that be the tough fix you suggested? I appreciate this is probably caused by not understanding 100% how everything in CSS works, but until you ask you won't learn! Thanks for any and all help, -- Flash Bristow -Web Design Mastery -07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ 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] narrowing browser window moves div to the bottom
Ignore me - all fixed - I went through stylesheet 1 thing at a time taking it out and seeing what happened... and found a max-width that I completely didn't see when I read the whole file... it's been a long day. Thanks so much for your help and advice! -- Flash Bristow -Web Design Mastery -07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ 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] narrowing browser window moves div to the bottom
On Mon, Dec 01, 2008 at 11:06:24PM +0100, Gunlaug Sørtun wrote: FWIW: we generally don't use, or need, html tables for layout. The whole point of this exercise is so I can re-do my website using CSS for layout, learning how to do it with my simple 2 column layout. And now I can! Hurrah! However, many of the older pages will still have tables for layout within the main content itself, which is a project for another time, and (to my embarrassment) so does the test page I showed you. The idea let's do this properly and not use tables in the template was a late addition! But now I have some idea of what I am doing I will do my best to use CSS and not tables for new sites, and to remove them where I can and where I have time from existing ones. The intention is there I assure you - that was the whole point of what I was doing today. Sorry about the legacy tables! And thanks for the help! -- Flash Bristow -Web Design Mastery -07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ 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] Layout problems in Internet explorer
Hi,
I have a problem with a table which breaks the layout in IE6/7.
I have partially solved the problem in Firefox declaring body{float:left} so
that a floating object can contain all other floating objects.
Not so in Ie.
The only way to have the same result in IE was the following declaration:
#involucro{
position:absolute;--
width:auto;--
--
}
In this case the table is contained inside the layout (when it is large the
scrollbars appear) but if I declare width: auto all the layout divs don't
enlarge to the layout dimensions as you can see here
http://www.fedegrafia.com/forum/cdl/table.htm
thanks in advance for help
Fede Benvenuto
__
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] Question still not Answered-
This question was posted previously, but I have not received any answers yet. I cannot figure out how to reply back to my same original thread (so if someone can help with that question that would be great too). I'm trying to please as many resolutions as possible, and have coded the example below for 800X600. It seems to work fine in Firefox, but there appears to be a scaling issue when viewed with IE6 and a monitor set to 800X600 resolution. Here are additional details: I just checked www.cssbuddy.freesuperhosting.com using my desktop computer set to 800X600 resolution and it looks like crap with IE6. I thought it was this scaling problem with Dell, but it's happening on a standard desktop computer too. I know IE sucks, I hate it, and personally avoid using it whenever possible; but what are you going to do with the morons who still think IE is the greatest thing since perforated toilet paper? ~~~ [EMAIL PROTECTED] ~~~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox IE Scaling Issue Goes Deeper than Fonts
Firefox IE
SCALING ISSUE
If you set your screen resolution to 800x600 and
run a test on the CSS and code below, you'll
quickly discover Firefox and IE have scaling issues
aside from font size.
The image GIF (245x216) looks remarkably larger in IE6
than it does in Firefox 2.0.0.6.
Can anyone explain this, or does anyone have a fix for
this?
I accidentally stumbled upon this issue while trying to
record the screen. Even with the width set to 770px IE
produces a horizontal scroll bar. What gives?
Here's the CSS and the code, below:
CSS
#container {
width: 770px;
border: 3px solid red;
margin: 0 auto;
}
HTML
div id=container
img src=woman.gif /
/div
~~~
~~~
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Navigation problems (not your usual nav bar)
Hello, I'm working an order page of sorts which I have dubbed the Tower of Power. An example of this is located here: http://yummygreenbeans.com/sandbox/ I have set this up using an unordered list (an ordered list would be semantically correct I suppose). It looks and functions correctly in Firefox however in both IE 6 7 it falls apart. This page will not be for public consumption (only registered users) therefore SEO isn't a factor however, I would like to build it the right way. If any of you have a solution to the IE problems I would very much like to read it. If you have an altogether better solution on how to build this page I'd love to read that too. Thanks in advance! -JF __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Same code different results
The difference is a result of the body font being set to Verdana as opposed to the default Arial. The text is wrapping so either set the font to Arial make the font-size smaller or make the containing box bigger. I set the font-size to 8px instead of 9px for the radio button text and it no longer wrapped to 2 lines. jana coyle [EMAIL PROTECTED] wrote: I have a container setup for placing orders, as seen in the following link. http://precisemessenger.com/private/orderbox.html Notice line 1. has both radio buttons on the same line. This is what I am looking for. Unfortunately when I implement this container into my page, extra space is added and the radio buttons are on two lines. Here is a link to see what I mean http://precisemessenger.com/private/placeorder.html Please help me find what I am doing wrong. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS image/div handling questions...
Try this:
div.positionHell {margin-left:-255px;}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3 columns not fitting IE
See the page here: http://www.kathylesky.org The page fits in FireFox, but IE 6 always shows a horizonal scroll bar. Is it the image, or ? Also, I would like the top of the photo (left column), text (center column), and map (right column) to all line up. Again, they do in FireFox, but not IE6. Thanks, Vic __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Reset margins, padding and a gap at the top
Viri,
The whitespace you're seeing is caused by the default margin on the h1 element.
Setting * { margin: 0; padding: 0; } works because the * selects every element
on the page (effectively setting h1 { margin: 0; padding: 0; }).
Hope this helps,
Rob
--
Rob Wilmshurst
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Embedded Fonts
Hi All, Can I embedded ttf font inside my website through css so that any browser can open and view the font ? Regards, Feris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Div overlapping
Hi All, Is is possible to have two div tag overlap with each other ? If possible... how can I achieve that ? I need to create 2 layout that host different component. Thanks, Feris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check - www.nsbhs.nsw.edu.au
Hi all, I've just finished this website, and to the best of my knowledge everything is XHTML and CSS valid. I've tried to make the site as accessible as I can, but I'm requesting a site check just in case I've missed anything. Regards Chris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS, can't figure out why this won't work.
It's all about the box model ... I had the same issue ... I was so used to IE, and their way of thinking (i do like it better), but that is not what the spec says ... You can read about it here: http://www.w3.org/TR/REC-CSS2/box.html In short ... your #nav is 55px too wide ... because you have a width of 775px and then right+left padding that = 55px ... I would love to tell you that it will be a smooth journey, but it wasn't ... but keep at it ... _db http://nuff-respec.com On Dec 6, 2006, at 4:40 PM, Michael Netherton wrote: I'm an old school coder. I've been writing sites for more than ten years and I'm trying to get my head around CSS. As an old dog and I'm trying to learn some new tricks, but this is turning out to be incredibly frustrating. I'm reading Dan's book, Bulletproof Web Design, and I'm trying to duplicate these examples so I may learn the ropes. However, I'm not having a great deal of success. I just don't understand why this is not working. I would be incredibly grateful if anyone were to take a look and explain what the heck I'm doing wrong. My first attempt at css is found here: http://www.mocap (dot) com/default2.asp [sorry to post a url that has to be edited, but I don't want the SE's to pick it up] I could have our new site up and done by now in tables, but I don't want to bloat the code when it should be able to be done with CSS. Sincerely, Michael Netherton __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Links at bottom ... 3 col
Notice link1 / link 2 / link 3 at bottom all lining up with variable text above it … I can use faux column, and i can “cheat” and just break all … then put three more columns which looks perfectly visibly … but if you think of the link as “more info on head 1” ... it won’t flow nicely enough for a screen reader… http://www.nuff-respec.com/external/bottom-links.gif Any ideas? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check: nuff-respec.com
Since my died and I launched the site I was wondering if someone could take my site for a quick spin in IE... http://www.nuff-respec.com/ thanks!! _dannyb __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
Hello all, Thanks again for the input and the links. I have been made aware that by replying to emails in the same way I post to google groups ( bottom posting and leaving original text) I've been creating huge emails! Sorry about that. Won't happen again. ;-) - JJ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
I've been looking at one of the links that I was offered in a previous email, one about hacks. http://css-discuss.incutio.com/?page=CssHack Something about it angers me. I could easily just build for standards compliant browsers. In fact I think that's what I've decided to do. Study the standard, build only for the standard, and keep making a living with programming. I can incorporate standards compliant markup into my data output HTML templates, it shouldn't break to many things. Then perhaps if IE still holds the lead in use and does become a standards browser, it will catch up to my work. At least this morning, I don't think I'll build any hack or work around into my markup. If I need that for a job, I'll come back here and hire one of you good people to do so. Now I thnk I can feel good about what I'm doing, a rightous quest! Halt! Who goes there? It is I, Arthur, son of Uther Pendragon, from the castle of Camelot. King of the Britons, defeater of the Saxons, Sovereign of all England!... We have ridden the length and breadth of the land in search of knights who will join me in my court at Camelot. I must speak with your lord and master... What? Ridden on a horse? Yes! You're using coconuts! (http://www.mwscomp.com/movies/grail/grail-01.htm) You know, kinda' like that. ;-) - JJ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
I will say this,.. Ar-r-r-r-rg! Ok, now that that's out of the way. I do hate this: http://www.kasmarkgroup.com/ I had reason to go their site (not windows software biz! ;-( And it broke so bad in FF, looking at the source in the DOM inspector I lost count of the tables!!! Tables of Mass(poor) Construction, I FOUND THEM!!! OVER HERE!!! OK, so I'm out of here and off to CSS land, I'll come back some day when I'm a full grown idiot! Thanks and bye. - JJ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
This definitely has been an interesting thread, very nice input from all,
thank you!
Not to defend, but just to share, my whole background in any of my internet
work has been, study now, benefit later. In the mid-late '90's I took the
Learn HTML in 30 days book and sat in front of it and my computer for 30
days. My wife thought I was nuts! Programming was the same, everything has
been self taught. I had the good fortune of working with an internet
start-up in the SF Bay Area in the late 90's with some very excellent
programmers. A couple of whom now are big shots at BEA. They were patient
with me and just laughed behind my back and not to my face, that helped! ;-)
Perl, Java, SQL yummy! One was my manager, he walked in my office one day
with the O'Rielly vim book and said here, install that and learn this. If
your going to work with UNIX programmers you have to know vim. I was given
an clean box and a copy of Linux and told to install and use. Have a nice
day. To that point I had been all windows. (that's why I love my mac, best
of both worlds! Plus, duel mac monitors rules!!!)
As far as CSS, I got all behind standards about 2 or 3 years ago. When did
Zeldmans book on standards come out? I actually to that on vacation one
winter and read it by the fire up in Bear Valley! Smart guy, but somewhat of
a rant I must say, but there is(was/is) allot to rant about!
I actually agreed with him totally and was ready to really get into it, and
a huge programming project came along and the rest is history. I bought the
books, but time got away from me.
My initial interest in internet was to publish digital artwork to the world
for free. Publish and free where terms that were not synonymous when I was
playing music. As 20 something working musicians it was blood sweat and
tears to get anything out there, and along comes the web and now the likes
of You Tube!
You youngin's don't know how easy you have it! ;-)
Ok, so much for my going on. (Fresh coffee buzz in the AM 8^)
I'm done being discourged and irritated by the likes of this:
/* IE5.x/Win hacks */
#main {width: 960px; voice-family: \}\; voice-family: inherit;
width: 750px;}
#content {width: 585px; voice-family: \}\; voice-family: inherit;
width: 540px;}
#sidebar {width: 155px; voice-family: \}\; voice-family: inherit;
width: 140px;}
#ish a:link, #ish a:visited {height: 65px; voice-family: \}\;
voice-family: inherit; height: 52px;}
/* IE5/Mac hacks */
/*\*//*/
#navbar {padding-top: 0.75em; height: 1.66em;}
#navbar li a {display: inline;}
/**/
Now I've just got to remember what it' supposed to do. I know I read about
it somwhere once before. sigh
Thanks again, I will be following the links and checking them out.
The goal is to set aside a bit of time each day and refresh the brain on CSS
and Standards.
I will be here checking the list at least once a day, this seems like a very
cool group of people.
Take care, See ya'
- JJ
On 10/25/06, Arlen Walker [EMAIL PROTECTED] wrote:
On Oct 24, 2006, at 5:58 PM, Css Discuss wrote:
What do YOU (plural) do?
Do you say, I'm sticking ot standards, piss on your browser if it
doesn't
look good!?
Nope.
Do you make your pages simple so that there's flexability in the
design, so
that browsers don't notice the difference?
(Think Google)
Almost got it, but that's also a bit extreme.
Do you go bonkers (or spend a ton of time) learning the work
arounds so that
instead of a specialist in CSS you become a specialist in the work
arounds
that hopefully will be gone in a few years?!?!
Exaggerated, but yes. Exaggerated, because it doesn't take tons of
time. Rachel Andrew, bless her heart, has pulled together a bunch of
them in CSS Anthology (Sitepoint) and Joe Lowery's CSS Hacks and
Filters is another good source. Websites like http://tantek.com/ and
http://www.positioniseverything.net/ as well as css-d's own http://
css-discuss.incutio.com/?page=CssHack will give you most of what you
need. You can spend a few free hours gaining a general familiarity
with the concepts, to help you find the required hack/filter faster
when you need it, or you can wait until you're up against it and then
look for it.
They key word in your gone in a few years comment is hopefully.
Most of the particular bugs will be gone in a few years, though some
will, I'm sure, still be with us. The background-position: fixed bug
of IE5 was still there in 5.5, and in 6, and it may quite possibly
still be there in 7 (I haven't looked for it there, yet). So it
stayed around for a decade, give or take.
But even if the particular bug that a workaround was designed for is
fixed, it'll be several more years after that before you can safely
stop working around it, because your audience will continue to use
buggy browsers. Those of us who survived Netscape 4.0 can tell you it
quite often seems users are most attached to the browsers that
perform the worst. And besides that, you can often use the workaround
[css-d] CSS: one band-aid on top of another?
Hello, I am a PHP programmer who used to do only front end stuff in the time before managers accepted CSS as a valid way to mark up web pages. Now I'd really like to get up to speed on CSS but everytime I start to get into it, it seems like, oh to make that work in that browser I'll need this work around, or it's going to do this or that. That sucks!!! Is there no logic here? So is sticking to the CSS High Road like being in Mad Max and wanting to drive a car. Yeah there're cool but there's no gas for 100 miles and if you want parts you'll have to kill someone for them! Oh yeah and watch out for the guy on the helicopter thing with the snakes!!! What do YOU (plural) do? Do you say, I'm sticking ot standards, piss on your browser if it doesn't look good!? Your clients will like that. Do you make your pages simple so that there's flexability in the design, so that browsers don't notice the difference? (Think Google) Do you go bonkers (or spend a ton of time) learning the work arounds so that instead of a specialist in CSS you become a specialist in the work arounds that hopefully will be gone in a few years?!?! I'd really like to get good with CSS, even REALLY good, I totally intrigued by them, as much as programming. It just feels hiking in deep mud,.. WAY too much work. I need to earn a living here. I need a pep talk! Thanks, JJ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
I'm a Mac user now, was Linux full time for quite a while. I keep a laptop handy to check windows browsers. I use FF for everyday life and doing my HTML and CSS. It's interesting coming back to front end stuff, I wonder how many here use Vim as their HTML/CSS editor? I'm so hooked! I find this thread interesting, thanks for the encouragment. - JJ On 10/24/06, Shelly [EMAIL PROTECTED] wrote: *Exactly* what Rimantas said. I have found that the majority of people who say CSS is too hard or put up arguments for not using it (like oh to make that work in that browser I'll need this work around, or it's going to do this or that LOL) are generally people who haven't really given it a shot. This includes people who are new to it (which is a common first reaction, but they'll learn) as well as people who tried it once for a day or two and just gave up because they wanted to get it instantly (those are the *fun* ones to discuss it with!) Once you get CSS - it's like riding a bike. You *get* it. And then you start wanting to know and understand more. And the more you get the better you get at it. For me, it took a couple of months before the light bulb switched on over my head, and thanks to the past years of learning, reading, and soaking up whatever I could wherever I could (this list, too!), I usually get hired by design houses that want to go tableless. Many times (especially when I see responses here from Georg or francky - among others, and remember who actually runs this list) I feel like I know nothing - until I speak with someone who's in the same spot I was five years ago. I may not know as much as a lot of these guys, but I *do* know enough that my skills are sought after enough to pay for my family vacations (and electronic goodies of all sorts that are around the house!) But *exactly* what he said - the *biggest* mistake you can make is to design for IE and then fix the other browsers later. The second biggest mistake is to wait until the site is completely finished before you start validating your CSS and markup (you should be doing that all along to save yourself a visit to the hospital from head trauma via banging your head on the desk) CSS is awesome. It's been so long since I've used a table that I actually have to look up old tutorials now to see how they're done ;) And for the record, usually when I find myself needing to use a hack, it's only for IE5 on a Mac - and even then it's rare. ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check in Mac/Linux browsers please (was Help! CSS menu problem)
Hello again, OK, I now seem to have solved my earlier CSS menu rollover problem in IE6 see: http://www.sfep.org.uk/newHP.asp. I decided to try and apply the background images to the a elements rather than the li elements, and after a bit of re-classing of the a's that seems to have done the trick -- see: http://www.sfep.org.uk/newHPa.asp... OK, so this now seems to work in Firefox, IE6 and Opera 8 under Win XPH -- I'd appreciate it if anyone out there could give the page a looking at with any Mac or Linux browsers, and let me know if the thing still works Many thanks, in advance J. John Marsden SfEP webspinner Aibidil Bolton Lancs W: www.sfep.org.uk E: [EMAIL PROTECTED] T: 07092 010469 F: 07092 010473 M: 07092 234734 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help! CSS menu problem
Hi folks
I wonder if someone could take a look at the following page:
http://www.sfep.org.uk/newHP.asp
and tell me why it works fine in Firefox and Opera (both under Win XPH),
but not under IE6?
I have adapted the CSS/HTML from chapter 6 of 'More Eric Meyer on CSS', to
add background images to the menu items.
The hover styles don't seem to apply the right background image on some of
the items -- in IE, I get the background associated with a list item of
class 'submenu' (sub_over.gif) when hovering over any list item,
regardless of class attribute. What I should see is what happens in
Firefox -- ordinary list items should have a white b/g which changes to an
image (ord_over.gif) when hovered.
All the styles are currently embedded , but are shown here for reference:
begin included text
/* Global Declarations
=*/
* {margin:0; padding: 0;}
body {color: #000; font: 0.79em/1.45 Lucida Grande, Verdana, Lucida,
Arial, Helvetica, sans-serif;}
body {behavior: url(../csshover.htc);}/* Win IE behavior call for arbitrary
element hover */
img{border: 0;padding: 0; }
abbr, acronym {font-style: normal; border-bottom: 1px dotted #666; cursor:
help;}
/* Links
=*/
a:link {color: #425cb0; text-decoration: none; border-bottom: 1px dotted
#b6b6b6;}
a:visited {color: #005387; text-decoration: none; border-bottom: 1px dotted
#666;}
a:hover {color: #c03238; text-decoration: none; border-bottom: 1px dotted
#c03238;}
/* Headings
=*/
h1 {color: #bf2e36; font-size: 1.4em; border: none; margin-bottom: 15px;}
h2 {color: #bf2e36; font-size: 1.2em; border: none; margin-bottom: 5px;}
h3 {color: #000; font-size: 1.1em; border: none; margin-bottom: 3px;}
h4 {color: #000; font-size: 1.1em; border: none; margin-bottom: 2px;}
/* Normal Lists
=*/
ul, ol {margin: 0; padding-left: 22px;}
ul {list-style-type: disc;}
ol ul, ul ul {list-style-type: circle;}
ul.quicklinks {list-style-image: url(../i/s/opensquare.gif);}
/* Elements and Boxes
=*/
hr {color: #222;}
/* Div sizing and positioning
=*/
div.container {width: 100%;}
div.wrapper {float: left; width: 100%;}
div#strapleft {margin-right: 19em;}
div#strapright {float: left; width: 19em; margin-left: -19em;}
div#main {margin: 27px 29% 0 185px;}
div#nav {float: left; width: 145px; margin-left: -100%; margin-top: 27px;}
div#rhc {float: left; width: 25%; margin-left: -25%; padding-top: 27px;}
div#footer {clear: left;}
/* Div styling
=*/
div#masthead {background: url(../i/s/main_masthead21.gif) 100% 0% no-repeat;}
div#masthead h1 {height: 84px; line-height: 84px; margin: 0; background:
url(../i/s/sfep2.gif) 0% 0% no-repeat;}
div#masthead span {display: none;}
div#masthead a {border: none;}
div#strapwrap {background: url(../i/s/top_fade.gif) 0% 100%; color: #222;
height: 24px; margin: 0; padding: 0;}
div#strapright {text-align: right;}
div#strapleft p, div#strapright p {font-size: 10px; line-height: 24px;
margin: 0;}
div#strapleft p {padding-left: 10px;}
div#strapright p {padding-right: 10px;}
div#rhc {background: #f7f8f9;}
div#rhc p, div#rhc div {background: url(../i/s/box_bg.gif) 0% 100%;
padding: 0.5em;}
#rhc *.top {padding-top: 0;}
/* Nav list positioning/sizing/styling
=*/
div#nav ul {margin:0; padding: 0; width: 145px; background: white;}
div#nav li {position: relative; list-style: none; margin: 0; border-bottom:
1px dashed #ccc;}
div#nav li:hover {background: url(../i/s/ord_over.gif) 0% 50%;}
div#nav li.empty:hover {background: white;}
div#nav li.submenu {background: url(../i/s/sub_off.gif) 0% 50%;}
div#nav li.submenu:hover {background: url(../i/s/sub_over.gif) 0% 50%;}
div#nav ul ul {position: absolute; top: 0; left: 145px; display: none;}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display: block;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 10px;
text-decoration: none; border-bottom: none; width: 135px;}
div#navul a {width: auto;}
end included text
Any help/advice/constructive comments welcome, as would be site checks in
Mac/Linux browsers, and other Windows browsers
TIA
J.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS 3 column layout - what are the likely pitfalls?
Hi, folks
I'm thinking about liquid 3 column layouts using CSS (naturally), and am
considering an arrangement something like this:
body
div id=content
[main content of page]
/div
div id=menu
[navigation bits of page]
/div
div id=sidebar
[sidebar content of page]
/div
/body
with the following CSS for positioning:
div#content {margin 0 185px 0 25%; width 100%}
div#menu {position: absolute; top: 0; left: 0; width: 145px; margin: 0;}
div#sidebar {position: absolute; top: 0; right: 0; width: 25%; margin 0;}
to achieve a 3 column liquid layout, with the first column fixed at 145px wide
Can you point out any likely pitfalls with doing this?
WBW
John M.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Interesting bug... vanishing links!
Hi there, I seem to have a bug with vanishing links. The HTML validates (I assumed I'd missed a somewhere) so I guess I've screwed up the CSS somehow? Please have a look at http://www.wdam.co.uk/clients/dynam/hh/ If you look in IE, all the links (are you a, homeseeker, etc) work fine. If you look in Firefox, they all work fine on the front page. But if you click on homeseeker, the developer and landowner links stop working. On other pages, different links suffer! I can't see a pattern and nor can my programmer partner - we are both baffled! Anyone seen this kind of thing before, or can offer advice? -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Interesting bug... vanishing links!
On Mon, Jun 19, 2006 at 03:12:54PM +0200, Els wrote: The links on the right are covered by the triangle. Set a border for #triangle in your stylesheet and you'll see it. Doh. Thanks - I thought I had that the right size and didn't think to try testing with a border - Ill remember that for future. Thanks to both of you who pointed this out. Much appreciated. (And frustrating to be something so silly, but I'll know for next time!) -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering a CSS positioned design
On Thu, Jun 15, 2006 at 12:21:04PM +0200, Els wrote: Just make a div with id=container to hold all that's inside body now, give it position:relative, and all that was previously absolute positioned to the viewport, will now be relative to the container. (no need to change any of the absolute values you already set) Then you center the container by giving it a width and margin:auto;. Ok, I've tried that. I've also used the container to give a background colour of white for the content area, where the main body background will be grey. This hasn't been entirely successful; I guess I have to set a fixed height, as not setting one meant the white background wasn't seen, and setting 100% as I have at present isn't really what I want? Another issue, which I really can't get but perhaps this is just because I've been staring at the screen too long... I have a purple triangle, which fits in the right place on my front page. But when you go to the homeseeker page, which I have also amended to work with the new container, the purple triangle leaps to the wrong place... And I think the whole thing is leaping a few pixels when I go from one page to another. Surely, the width should be fixed and therefore the content area should remain in the same place between pages? All areas where widths are set are in the stylesheet, all pages have the same sections in them... so all should be the same width? Sorry to throw this at people on a Friday but I am boggling. Been staring at the screen too long I think :( Site is http://www.wdam.co.uk/clients/dynam/hh/ -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering a CSS positioned design
On Fri, Jun 16, 2006 at 12:16:03PM +0100, [EMAIL PROTECTED] wrote: Ok, I've tried that. I've also used the container to give a background colour of white for the content area, where the main body background will be grey. This hasn't been entirely successful; I guess I have to set a fixed height, as not setting one meant the white background wasn't seen, and setting 100% as I have at present isn't really what I want? This is still an issue for me. I could define 4 container classes, one for each page, and set it to the appropriate height for that page, but this isn't really a fix. I've done lots of googling but I must be going wrong somehow because I can't find a way to get the container to be at least the length of the longest bit within it, but no longer. Site is http://www.wdam.co.uk/clients/dynam/hh/ The other issues were caused by me being a complete lemon and forgetting to add a CENTER tag in an important place, so please ignore them! Sorry, I'm not entirely well and it's been a long week! -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering a CSS positioned design
On Fri, Jun 16, 2006 at 02:38:00PM +0200, Els wrote: How did you colour your page before it was centered? The problem with absolute positioning, is that you are taking the elements out of the normal flow, thus leaving its parent virtually empty. And an empty container doesn't gain any height. Yep, that seems to be the problem... and I was not colouring it before - I keep having to add bits as the client passes a new requirement. It would do that automagically if it weren't for the absolute positioning. Yep. So is my choice just to reposition everything with relative positioning? And then to go into layers rather than divs? Site is http://www.wdam.co.uk/clients/dynam/hh/ shudderCENTER tags??/shudder (I'll ignore that bit too! ;-) ) Probably best ;) I'll tidy up after I've got it looking right and there are no changes from the client :) Thanks, it's much appreciated! -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Starting over... still have height issues ;(
Sorry for yet another question. I really want to nail this. I have given up trying to make my container work with absolutely positioned items and used relative positioning. Now my container has a nice white background and contains everything nicely. Except it obviously thinks something is larger than it is... for it doesn't stop at the bottom of the items, so the white container goes on too far down the page... And some of my items are in a different place on different pages. Despite being the same size and in fact the same items. Only 2 hours to the end of the day and I really wanted to get this fixed today. I am so confused and going mad! Sorry for all the questions but can anyone see where I'm wrong? http://www.wdam.co.uk/clients/dynam/hh/ Sorry, and thanks... -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Starting over... still have height issues ;(
On Fri, Jun 16, 2006 at 04:06:23PM +0100, [EMAIL PROTECTED] wrote: And some of my items are in a different place on different pages. Despite being the same size and in fact the same items. I would add I am checking in Firefox. IE is showing them in utterly different places, not just one or two pixels out! You see, I thought I'd cracked it by having most items absolutely positioned, but the one which changes length was positioned relatively. That looked better... but the container which created the white background didn't stretch to the end... That's visible at http://www.wdam.co.uk/clients/dynam/hh/test.php as an idea to work with... I used CSS because it's meant to be more elegant than tables, and I was sick of nesting tables... but this is driving me up the wall. What am I missing, something maybe hasn't clicked... (In case I forget to say it, THANK YOU to everyone who has helped, and hope everyone has a great weekend. I'm not usually this demanding or this confused!) -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Starting over... still have height issues ;(
On Fri, Jun 16, 2006 at 12:01:01PM -0400, [EMAIL PROTECTED] wrote: You set container height to 650px. If you get rid of this you won't have extra space at bottom. No, I won't have enough halfway down either! I ended up deciding to fix the container height because I couldn't find another solution :( -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Centering a CSS positioned design
Having spent ages learning how to position stuff in CSS and getting it meticulously right (using the nice hack that I was pointed at to get IE to behave, too) the client has now said Oh, can you make the content centre in the browser? ARGH! If I was still using tables for layout this would be trivial but I am using absolutely positioned stuff. So... My idea is to make a container class for it all, and then to have everything positioned relative rather than absolute. And centre the containing class. Is this the right idea? Or will it all go horribly wrong? I'm only asking for advice, not for you to do all the work for me! But I thought I'd better ask before I try it, screw up and confuse myself horribly Thanks :) -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering a CSS positioned design
On Thu, Jun 15, 2006 at 11:12:49AM +0100, Dave Goodchild wrote: Can you give me the URL? Course! http://www.wdam.co.uk/clients/dynam/hh/ I didn't post it at first as I didn't want it to look like I'm asking you to do my homework for me; I'd rather grasp the concept than copy parrot fashion. That said, I do need to fix it rather fast! -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering a CSS positioned design
On Thu, Jun 15, 2006 at 12:21:04PM +0200, Els wrote: [EMAIL PROTECTED] wrote: So... My idea is to make a container class for it all, and then to have everything positioned relative rather than absolute. And centre the containing class. Just make a div with id=container to hold all that's inside body now, give it position:relative, and all that was previously absolute positioned to the viewport, will now be relative to the container. (no need to change any of the absolute values you already set) Then you center the container by giving it a width and margin:auto;. Oh - it's that simple? Ok, that sounds good! I'll get to trying it. Thanks very much to you, and to David, for your help. Let's see how I get on... Cheers, -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with IE discrepancies
On Tue, Jun 13, 2006 at 11:36:15AM -0600, Josh Stephenson wrote: Familiarize yourself with the box model hack: http://css-discuss.incutio.com/?page=BoxModelHack Thanks for this, very helpful! This has worked for things like positioning my boxes so they don't overlap in IE, and they still look right in Firefox. I'm using the tiny hack where quotes are used around the alternative value in the stylesheet, as this seemed easiest to understand and to do. However, it hasn't fixed one problem; the purple navigation bar with the images are you a... etc. and then the purple triangle on the end. The triangle is the correct size, but the navbar is a couple of pixels taller than it should be, which means that the triangle doesn't line up neatly in IE. Can anyone suggest a fix? Or should I stop using a table there, and position the navbar and triangle elements separately in CSS? The site is: http://www.wdam.co.uk/clients/dynam/hh/ Thanks again! -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS not loading in Firefox/IE
Hi, folks Please excuse me if this question is off-topic for this list (although if that is the case, offline responses with any suggested solutions would be welcome). A user of one of the sites I am involved with is seeing some strange behaviour. It looks as though neither Firefox nor IE6 are loading in the stylesheet, but I can't figure out why. She says that the site was working OK, but some time in the past few days it stopped displaying correctly, losing all the styles. Any suggestions what might cause Firefox/IE6 to not load the stylesheet? (site is at: www.sfep.org.uk, stylesheet at: www.sfep.org.uk/styles/sfep.css) WBW C. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS not loading in Firefox/IE
Hi, again. Thanks to Bill and Georg (and to others who replied offlist) for advice/comments. I was already pursuing the 'View Page Style No Style' option that Bill suggested, but don't have an answer as yet. This wouldn't, however, explain the visitor experiencing the same problem in IE. I'm convinced that this is a problem at the visitor's end, but would like to put my finger on exactly what the problem is. In addition, Gunlaug Sørtun wrote: However, any attempt to figure out anything is somewhat hampered by the state of that markup... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sfep.org.uk%2F ...so I gave up :-) Your point is taken, Georg -- although, with respect, I don't believe that the state of the HTML markup (which hasn't changed recently) really affects whether the stylesheet should load correctly for some visitors and not for others. Having said that, I've corrected the validation errors now -- so if you'd like to have another look, Georg, and see if you can figure anything out now, that would be great ;-) WBW C. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Classes and markup
Mark Fellowes wrote:
I'm still having a hard time wrapping my mind around classes, in particular
how they relate to classes in markup.
So, I understand I can create a class like:
.ptext{color: blue;}
Then in the markup I can styple p with that class.
What I find confusing is the uses of classes as opposed to id's in the
markup. For example, I have a div for a right column. Would creating a class
for the p section of that div in the markup make sense ?
div class=.ptext id=#rightcol/div
I just don't get why I want to insert class into markup or better, when and
why ?
I've read a number of articles and chapters on this, most recently the
selecttutorial at listamatic.
Aint' helping ;)
TIA
Mark
ID and CLASS are in some ways inter-changeable. However, you should
only use ID once on a page, and you can use CLASS repeatedly. Also you
seem confused (like we all were once) between the way to mark up ID
CLASS and the way the CSS is written.
So you could have:-
div id=rightcol
p class=ptextblah blue text blah/p
ptext in the default colour/p
p class=ptextmore blue text/p
/div
and your CSS might look (in part) like:-
div#rightcol {float: right; margin: 0; padding: 0;}
p.ptext {color: #00F; back-ground-color: #ABCDEF;}
Whether you'd need to float you column right is NOT the issue here, I
leave that to you !
Hope that helps
Tim
--
Tim Dawson,
Isle of Mull,
Scotland
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Reseting styles with the use of conditional comments
Ingo Chao wrote:
Guillaume wrote:
I'm using an @import filter to fire my css... Now I would like to
reset those styles for Ie 5.0 for example, to make sure he only has
the text version and no styles at all... I thought throwing to this
browser an empty style sheet through conditional comments... But
apparently it doesn't work this way...
Els and Georg already answered this.
Another attempt would use the invalid Downlevel-revealed Conditional
Comments [1]
Say we want to have text for IE in red, all the others should display it
in green -- and we cannot override it for some reasons.
ie.css
p{color: red;}
others.css
p{color: green;}
pRed in IE-Win, green for the others/p
This could be done with a normal (downlevel-hidden) CC, followed by a
downlevel-revealed Conditional Comment.
!--[if IE]
link rel=stylesheet href=ie.css type=text/css /
![endif]--
![if !IE]
link rel=stylesheet href=others.css type=text/css /
![endif]
This works as desired, the other browsers see a normal HTML comment,
then they just skip two unknown tags (![if !IE] and ![endif]) and
let the p render in green.
But the downlevel-revealed Conditional Comment does not validate.
Now how to turn this into something ugly but valid.
It seems like IE does parse a downlevel-revealed nested in a
downlevel-hidden CC, meaning that this invalid intro and ending
![if !IE] and ![endif]
could be nested, for validations sake, in a normal CC
!--[if IE]
![if !IE]
![endif]--
link rel=stylesheet href=others.css type=text/css /
!--[if IE]
![endif]
![endif]--
Both blocks are two simple comments for normal browsers, therefore, what
is in between can be seen by them.
IE, however, does interpret the first block as the beginning of a
downlevel-revealed Conditional Comment, and the second block as its end.
The following first block is only seen by IE, the second block is only
seen by the others.
!--[if IE]
link rel=stylesheet href=ie.css type=text/css /
![if !IE]![endif]--
link rel=stylesheet href=others.css type=text/css /
!--[if IE]![endif]![endif]--
But it validates.
This is new to me, and I would appreciate some testing.
http://www.satzansatz.de/cssd/drcc/drcc.html
This one, at least, works for me in IE7, 6, 5.5
and IE's parser seems to recover well from this.
Ingo
[1]
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
Ingo,
It was all new to me too, although I seem to recall reading about it at
a time I didn't need it. I tried your page, and it certainly works for
me in FF 1.5.0.2, Opera 8.54, Mozilla 1.7.11, and IE6.
Tim
--
Tim Dawson,
Isle of Mull,
Scotland
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Font-weight problems
Hi, me again, still struggling with the finer points of CSS! Except I think this one should be simple... My client has a logo kFA in which she has the body of the k as tall as the FA part. This is in some font which naturally achieves this. She wants the same effect throughout her website. So first I tried simply putting a BIG tag around the k, which worked fine for the sizing but it was heavier and in larger text sizes it displayed as bold. So I created a class and put a SPAN around the k, which has font-size: 1.3em and font-weight: 100 (although I have also tried font-weight: lighter). It doesn't seem any different! Please have a look and tell me if you see the same thing, especially in larger browser text sizes, and if you can help me make it right! http://www.wdam.co.uk/clients/kfa/index.shtml Any and all clues gladly accepted! -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] OT: Please would the list owner get in touch
Hi, Looked for the list owner's address on the website and the joining email but can't see it. I am getting two copies of everything, a few minutes apart, but I should only be signed up once. Also, I got a mail sometime after my last posting, telling me which addresses had not received it - I don't think I should be getting delivery information for a mailing list. Happy to discuss off list! -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] tying myself in knots
Hi there, I had just typed a long email to the group about my CSS woes, when I managed to make it work in my demo! But when I copied the code over to the page where I needed it... it still didn't work... Help welcome! Here's the situation: I have some link bars down the side of my site which have a solid coloured background, you can see how it was at http://www.wdam.co.uk/clients/CEP/test/ The client wanted each link to be a different colour, so I tried it out in the proper site and it didn't work. So I tried it on a test site and got it to work: http://www.wdam.co.uk/clients/CEP/test2/ But when I copy the stylesheet and the HTML around the links back into the full site, it doesn't work right! See http://www.wdam.co.uk/clients/CEP/website2/ So, I am obviously doing something wrong, and it's probably a silly little mistake somewhere, but I can't see it! Any and all help welcome... -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] tying myself in knots
On Thu, Mar 09, 2006 at 02:31:16PM +, [EMAIL PROTECTED] wrote: But when I copy the stylesheet and the HTML around the links back into the full site, it doesn't work right! See http://www.wdam.co.uk/clients/CEP/website2/ So, I am obviously doing something wrong, and it's probably a silly little mistake somewhere, but I can't see it! Quick followup, it seems to work when done for the very first time but then quickly goes red again! I am wondering if the one that works only works because the links are not valid, so my links look ok initially but once they are visited links they don't...? Maybe fresh eyes will be better able to spot this... -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] tying myself in knots - FIXED
Me again... On Thu, Mar 09, 2006 at 02:34:53PM +, [EMAIL PROTECTED] wrote: Quick followup, it seems to work when done for the very first time but then quickly goes red again! I am wondering if the one that works only works because the links are not valid, so my links look ok initially but once they are visited links they don't...? That was it... I had typoed in the stylesheet. *blush* Very sorry for bothering you. It was one of those things I have been trying to fix for AGES and then suddenly Eureka! Sorry to bother the list with this, but glad it's fixed! -- Flash Wilson - Web Design Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image border causes space at bottom of image
Hi all,
When I add a 0.08em solid black border around an image, a small space is
rendered at the bottom of the image.
Here's the section of css:
#img {
float: right;
margin: 1em 1em 1em 0 !important;
margin: 1em .5em 0 0;
border: .08em solid black;
}
and the section of HTML:
div id=imgimg src=big300x273flat.gif width=300 height=273 /
/div
The only way I seem to be able to fix this is to add a height property to
the css. Is there another way around this?
As always, thanks
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] pixel to em conversion revisited
I've been studying the archives on this subject and experimenting a bit,
using the suggestion to set font-size: to 75% and 12px in the body, like so:
body {
font-size: 12px;
_font-size: 75%;
}
I downloaded Calipers and tested this out on Firefox and IE6 and found it
is not too precise.
What did work was to set the body to .75em and then use 1em or whatever, for
each element.
Anyone else find the same?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Height collapses in Firefox 1.5
I have a #container div:
#container {
border: .4em solid #cc6;
background-color: #fff;
height: 42.1em; --must be set specific value, otherwise
collapes--
font-size: .95em;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 775px;
voice-family: \}\;
voice-family: inherit;
width: 775px;
}
Unless I set the height to a specific value, height collapses; works fine in
IE6.
Can someome explain what I'm doing wrong here?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox and IE differences with coloured backgrounds
Hi there, I'm new to the list, but I've not been able to find a reply to this in Google (although it did direct me to this list, but I can't find a reply here either) so I hope you can help. I'm sure this must have arisen before... I've got two problems, a minor and a major, both with the same thing. I have links which I want to appear as light blue text on dark blue background, where the background is a bar that stretches to the edge of the column (so the background for each is identically wide). I'm not sure I described that very well, but the demo is at: http://www.wdam.co.uk/clients/CEP/new-website/demo.shtml In IE this looks fine but in Firefox the dark blue background stretches only as far as the end of each link word, so the edges don't line up. Also, the margin above and below of 0.25em doesn't show up. So my links look horrid in Firefox. That's the major problem which I really want to fix asap. The minor problem is that the links were showing up as blue (or purple for visited) even though I had defined them to be the light blue text colour in that class. Works fine when I add a style definition to the A HREF tag itself, so not a big issue - but surely I should be able to get this to work in my stylesheet? Thanks for any help you can offer - and hi! -- Flash Wilson - www.gorge.org __ 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] Firefox and IE differences with coloured backgrounds
On Fri, Jan 27, 2006 at 10:47:39AM -0600, cj wrote:
.links A {display: block;}
will make your links stretch all the way across for FF. you can
change margin/padding however you like. you won't need width: 100%;
after this i don't believe.
Works a treat... and so did your other fix. Thank you so much!
Apologies for being a novice, but at least I'm learning!
--
Flash Wilson - www.gorge.org
__
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] Site check Please
At 08/01/2006 00:57 (Sunday), david [EMAIL PROTECTED] wrote: Sam Leathers wrote: Hey everyone. I finally got a chance to work on my own site, and I think it's pretty good, but I'd like the experts opinions on if theres anything I should change either for aesthetics or accessibility. the site is www.samleathers.com. Hmmm, I presume you're aware of this error? Parse error: parse error, unexpected $ in /var/www/web9/web/tools.php on line 31 Using Linux FF1.5, putting the mouse pointer over any underlined text in your top navigation menu doesn't turn it into a clickable link. Positioning the pointer ABOVE the text (near the top of the box around the text) does. I'm not sure why that is, but FF's Web Developer toolbar shows that one of your block level elements is overlaying the block level element that contains your links. That might be causing the problem. And you also have a serious 'overlapping elements' problem (Fx1.5/WinXPH) with viewports less than 950px wide, which gets ever more worse as you progress below 760px. HTH John M. __ 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] Form and Menu conflict within FireFox
URL: http://www.ggshows.com/DisplayPage.asp?pageType=1 http://www.ggshows.com/DisplayPage.asp?pageType=1pageName=Guestbookfeedbac kTitle=Guestbook%20-%20Feedback pageName=GuestbookfeedbackTitle=Guestbook%20-%20Feedback CSS: http://www.ggshows.com/css/ggshows.css My site has a vertical menu down the left side. When I put a form beside it (the referenced page above) only the left side of the menu items beside the form respond to the hover. Within IE, this does not happen. The menu items higher than the form, and lower then the form work correctly. I have no idea on how to fix this. Any ideas will be greatly appreciated. Thanks, Vic __ 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] Browser Incompatibility
I knew there were differences between browsers, but I thought I was keeping my CSS rather basic. Whoa! I developed my site using IE 6.0 and Dreamweaver 7.0.1. Then showed the site to my client, being VERY happy about how good it looked! Client is using Mac IE 5.2. Is there some way that I can get the site to look the same on the Mac as it does on my PC? The site is: www.ggshows.com http://www.ggshows.com/ If you ever see .ggshows.com/2006/Display. in the address bar, please take the 2006/ out of the address. This is the folder where I developed the site, but have moved the whole thing into the root directory. But somehow, which I have not found yet, it jumps into the 2006 folder again. I have not done a good search for how this is happening yet. Thanks, Vic Rauch __ 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] Any complete resources for inline CSS?
Does anyone know of any tutorials, reference or other sites that focus on inline CSS? __ 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] Limitations of XHTML-CSS in eBay Listings
Can anyone point me to a resource or explain the limitations of using XHTML-CSS in eBay listings? Is this even possible, or are sellers limited to using the crappy eBay HTML editor? Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Suckerfish menus expanding slowly Mac/IE 5.2
Hey ya'll
I have a suckerfish menu going that works fairly well accross every
5.0+browser apart from Mac IE
5.2
http://www.unausa.org/site/pp.asp?c=fvKRI8MPJpFb=872193
There are some minor presentation glitches which I think I can work out. My
main issue is speed: it takes a long time to load nested ul's when
mousingover it's li parent node.
As an IE browser, it's running the HTMLDog's sfHover() script that attaches
a class to li's, which is then controlled in the CSS, along with the hover
class used by non-IE browsers.
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav
li.sfhover ul ul ul {
left: -999em;
}
I am thinking that the -999em is monkeywrenching MacIE5.2, but
offtopicperhaps the sfHover script is also causing slowdown when it
iterates through all the li's to attach a class to them./offtopic
Ignoring the scripting question, anyone see anything in my CSS (in above
document) that could be causing slow processing in Mac IE 5.2? Thanks
Stud.
__
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] ideas for controlling form display with CSS
Thanks, very interesting use of padding and percentage -- I am going for cross-browser compliance though, and I think that data-wise, only IE understands this label-input implied relationship, so even if I could get the display right -- and yourtechnique is very interesting -- I couldn't use this solution. On 9/21/05, Ian Skinner [EMAIL PROTECTED] wrote: This is a rough idea have how I have been doing forms lately. There is a big difference between IE and Compliant versions of this code and my example is IE specific, let me know if you need any help sorting it out. My CSS approach is here: http://www.kintera.org/site/lookup.asp?c=geIMLPOpGjFb=1064623 __ 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 fails in Konqueror
Hello! Id like to make a 'flexible' design, which should - scale down well for small screen devices (handy, pda, s.o.). - display well on normal screen sizes (from 800x600 up to whatever). - not totally break, if user changes font-size (in Moz, FF and IE - don't know anything about other browsers, except Opera, which zooms the whole site). There for I decided to make a two-column layout (with the main-col first in source and the possibility to easily switch the side-col from left to right). The (basic) structure is: * page-wrapper * header * cols-wrapper (assigned the 'clearfix' method to not having the need for an extra clearing-div) * main-col (is floated to the left or right for being first in source) * side-col (is floated to the other side than the main-col) * footer The page-wrapper has a max-width. Widths for main- and side-col are set in percents, font-size in EMs. For the effect of equal-height columns I used the faux-column technique. Here you'll find a (working-)example of the page: http://top-topics.com/test-temp/index.html and the layout css-file: http://top-topics.com/test-temp/css-files/layout.css I've registered a trial account at browsercam.com! As you can see (http://www.browsercam.com/public.aspx?proj_id=190176) on picture 23 and 24 the layout totally breaks in Konqueror. I don't know much about this browser (and his bugs) so any hints are welcome, as well as any other suggestions for making the layout more 'robust'. Or what method would you choose to make it a three-column layout (with the flexibility to switch back to 2-cols simply by style)? Best regards Gunther PS: Wenn hier jemand aus dem deutschsprachigen Raum kommt, der Lust hat, mit mir eine deutschsprachige CSS-Seite (Tutorials, Einführung, Beispiele, Experimentelles) zu machen, oder über CSS-Dinge mal gemeinsam nachzudenken, der möge sich bitte melden - Danke! __ 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] Columns with more than one element
Hello all,
I have a document with 8 DIV elements. I want 4 to be in the left column and
4 to be in the right column.
Now here is the fun part - I want to control which element is in which
column, using style only.
It seems simple: to move an element to the right column - just change its
style to float:right, and the same for left.
It works fine in IE6, as you can see here:
http://tora.us.fm/floattest.html
However, in FF1, there are strange empty blocks in seemingly random
positions, as you can see in the same link:
http://tora.us.fm/floattest.html
Is there a way to fix it?
Thanks a lot,
Erel
N.B. Here is the code:
style
#a, #b, #d, #h {float:left; width:49%; clear:left; background:pink;
margin:1px}
#c, #e, #f, #g {float:right; width:49%; clear:right; background:lightgreen;
margin:1px}
/style
hr style='clear:both'
div id=aa/div
div id=bb/div
div id=cc/div
div id=dd/div
div id=ee/div
div id=ff/div
div id=gg/div
div id=hh/div
hr style='clear:both'
To move, say, element a to the right and element g to the left, just change
the style to:
#g, #b, #d, #h {float:left; width:49%; clear:left; background:pink;
margin:1px}
#c, #e, #f, #a {float:right; width:49%; clear:right; background:lightgreen;
margin:1px}
__
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] Mac comment hack, never seen this before is it right?
Hello,
I've just signed up to this mail list so would just like to say hi to
everyone, I'm from the uk and i've been developing with css for a
short while have been doing pretty much nothing else and can say I
really enjoy it.
Its not so much a problem I want some advice on but something that
wasn't developed by myself I have seen different examples of the
backslash hack for mac IE 5.2, but I've never seen code with a /
after the # is this correct?
I won't bore you all with long lines of code but here's an example of
what I am seeing my end :)
cheers
Stefan
/* Commented backslash hack hides rule from IE5-Mac \*/
#/navigation a, #navigation a span
{ float: none }
/* End IE5-Mac hack */
#/navigation a:hover
{ color: #fff; text-decoration: none; background: url(../images/
header/tab_left_hover.gif) no-repeat left top; }
#/navigation a:hover span
{ background: url(../images/header/tab_right_hover.gif) no-repeat
right top; }
__
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] Creating a Print CSS
Hi,
In your HTML, you basically given 4 CSS print options for the browser. This
might be a bit confusing.
Try (media=screen) where it says (media=screen, print) on three
occasions;
.. href=/css/saam.css media=screen, print ..
.. href=/css/bigtext.css media=screen, print ..
.. href=/css/bigtext.css media=screen, print ..
That will leave the last one as a default for printing.
.. href=/css/print.css media=print ..
Hope this helps.
Regards,
Cem Meric
Kalkadoon
Corporate Solutions
---
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jeff Gates
Sent: Thursday, 1 September 2005 6:33 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Creating a Print CSS
We have a problem printing pages from our Web site in Mozilla. It will only
print one page, no matter how long that page is.
To try to fix this problem I have created a print test with a link to a
specific print.css file (we're not using a print-specific css file at the
moment).
Here's the test page:
http://americanart.si.edu/education/print_test.cfm
The print stylesheet looks like this:
body {
font-family: Times New Roman, serif;
font-size: 12pt;
background-color: #fff;
background-image: url(/global/saam-logo-print.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}
#header, #menubox { display: none;
}
What am I doing wrong?
__
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] Print CSS Expandable Menu buggy
Melissa, At 06:25 AM 7/11/2005, Craddock, Melissa wrote: I am using a expanding menu based on http://www.gazingus.org/html/menuExpandable.html The menu uses li for the items. There is a very small amount of javascript. I would like to have the menu print expanded even though it is collapsed on the screen. In addition to the problems and solutions already mentioned, I note that in three places-- CSS, JS and HTML-- you are setting the background image for the LI you use; I would question whether that duplication is necessary; I think its a hangover from your testing. Also, an alternative to using a background image, is to use list-style-image, details @ http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image. (Which may not be widely supported by a sufficient number of browsers? Or maybe it is. See http://nanobox.chipx86.com/browser_support.php) However, as the image you show for the printed output of FF shows, you are getting repeated instances of the background image on the printout, because in your JS (and in the in-line style used in the HTML), you do not restate what the CSS shows, to wit no-repeat 0em 0.3em. Also, of course, it is not necessary to say 0em, as 0 can be unitless in CSS. d. David William House AllHear, Inc. P.O. Box 330 / 23022 Yeary Lane N.E. Aurora, OR 97002-0330 USA (503) 266-6730 (voice) / (503) 266-6418 (fax) [EMAIL PROTECTED] (e-mail) http://www.AllHear.com (corporate web site) Make no search for water. But find thirst, And water from the very ground will burst. (Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77) __ 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] [Printing problems with DL/DT/DD for numbered paragr aphs] rides again..
Friends, I'm beginning to believe that there may be a number of problems hidden in our pages with regard to printing, and that people (us) are not testing for these problems. Consider, for example, Suckerfish Shoals (http://www.htmldog.com/articles/suckerfish/shoal/)-- recommended on this list with good reason-- yet which will not (for me at least) properly print from FF 1.0.4 XP (or Moz 1.7.5). This, apparently because the PRE block is treated as if it should all be put together on one page. IE (for once the better exception) does fine with this page. I first noted this same type of problem in my tests regarding numbering of paragraphs, since several approaches I have tried have essentially the same problems printing (although all appear to display well) as the referenced page does, perhaps because the UAs try to put every element in a certain block (whether enclosed in a DIV or part of a DL) all on one page... I was going to post more about those tests, but I'd rather find out what the list thinks is the problem (and more importantly, the solution) for the above page... d. David William House AllHear, Inc. P.O. Box 330 / 23022 Yeary Lane N.E. Aurora, OR 97002-0330 USA (503) 266-6730 (voice) / (503) 266-6418 (fax) [EMAIL PROTECTED] (e-mail) http://www.AllHear.com (corporate web site) Make no search for water. But find thirst, And water from the very ground will burst. (Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77) __ 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] [Printing problems with DL/DT/DD for numbered paragraphs] rides again...
Friends, This is a continuation of the page looks fine but printing is screwed up thread... In response to the suggestion from Peter Williams I removed the xml line from the top of the file. I appreciate the suggestion and the education, but it has made no difference in the outcome. The illustrative sample (http://www.h4c.org/testing/test-case.html) validates, and has its CSS in-line. I'm satisfied with this general approach (using definition lists) for having numbered text paragraphs, as it appears to scale well, given that even what I would think of as ridiculously large font sizes (e.g. 38 px) for visually impaired users. Likewise, it requires only a bare minimum of markup to achieve the desired result, in contrast to the use of tables, and in fact even in contrast to the use of floated divs. Note that in this instance, since the numbers are not properly part of the text, I wanted to distinguish that visually; an ordinary OL would not allow that, and in any case the material with which I am working offers a lot of complexities. Not every document can be numbered in simple numeric sequence, and aesthetically I prefer to choose one solution that will handle all situations, rather than having several solutions, depending... (It is certainly not essential to the technical issues, but if anyone is interested, a more complex, real-world example of how I intend to use this is found at http://www.h4c.org/testing/html/20020410.html. I've no doubt made some tyro errors, but I've tried to keep everything proportional for future scaling via JS and manipulations of the CSS.) If the problems with printing can be solved, it looks as though this approach could provide a useful solution to certain classes of multiple item, two column text problems, such as building questionnaires, offering screenplays, etc. Those of us who come to this list, hat in hand, should expect to give something back. Perhaps this approach would be of modest use to others, assuming that the printing problems are resolved/resolvable. The overall cannot print difficulty, I am well nigh convinced, has to do with the user agent wanting to put the entire definition list on one page-- treating it as one unit-- and as such short test cases (1 page) do not demonstrate it. (It makes some modest sense to me that the UAs would try to keep the contents of a DT/DD pair together on one page, but the whole list??) When trying to print a longer definition list-- i.e. which exceeds one page-- the UAs are (mostly) acting thus (http://www.w3.org/TR/css-print/#s.8.2): If page-break-inside: avoid is specified for a long element and the printer is unable to buffer the entire element before committing it to paper, it SHOULD force a page break to occur before the long element and begin the element starting at the top of the next page. If the long element starts at the top of a page and exceeds the page length, the printer SHALL print as much as possible on the first page and then resume that element on the next and subsequent pages as REQUIRED to preserve the content. As I said, both FF and IE (1.0.4 and 6.0.2 on XP; test browsers most readily available to me) appear to consider the whole definition list as one long element, and are only mostly following the process listed in the spec (albeit I've not found any spec that specifies this behavior for definition lists). In other words, it seems that both IE and FF try to assemble the page, but, for a long list with the CSS as last submitted (i.e. http://archivist.incutio.com/viewlist/css-discuss/59495), these UAs want to put a page break as the first element of every page-- and so they loop. Different buggy output occurs-- a few all blank pages; far too many blank pages; FF freezing; strange page breaks; truncated printout of the list; etc.-- depending on the specifics of the CSS used (i.e. using page-break-inside:auto; in the DL element, or using page-break-after: always; in the DD element)... I've not found anything via Google et al about what should happen with a 1 page definition list, nor about this specific problem. Anyone? I have found several ways to avoid having FF freeze as it ponders the problem of its infinite must put all this on the next page loop (the best one is shown in the in-line CSS), but so far, no joy at getting what would seem to be the desired result, which is pages with text that are well filled within the margins specified by the browser... The present sample will not freeze FF, but removing the page-break directive from the CSS will cause that... Thoughts? If this can be fixed, then great, but if not, would anyone out there in expert land wish to venture an opine about other/better ways to accomplish the overall goal, which is having numbered text paragraphs. d. David William House AllHear, Inc. P.O. Box 330 / 23022 Yeary Lane N.E. Aurora, OR 97002-0330 USA (503) 266-6730 (voice) / (503) 266
[css-d] Printing problems with DL/DT/DD for numbered paragraphs...
Friends,
I maintain a site that has a substantial number of documents which have
numbered paragraphs. I am moving the site from a table oriented to a
simpler structure using DL/DT/DD, and it appears to display well in the
browsers that I have access to (IE 6.0.2 Win XP and FF 1.0.4, same OS).
The problem is printing. I either get pages that have no content (IE), or
the browser freezes while trying to render the pages (FF). (I use print
preview rather than using up paper...)
Its the real world and things are complex, and I may be climbing the wrong
tree, but the pages print when print.css is not linked. Progressively
commenting out portions of the code therein and trying again, ultimately
demonstrates that when the one statement float: left in the definition
within print.css for the DT is commented out, the pages print, but of
course the numbers are above each of their corresponding paragraphs. The
particular styles which give me the proper display of numbered paragraphs
in the definition list (modified from an example at
http://webboy.net/presentation/definition/dl-table-display.htm to enable a
wider range of font sizes) are as follows, in both the screen.css and
print.css are:
/* Main numbered text layout */
dl.NumberedText {
width: 100%;
margin: 2em 0 0 0;
padding: 0;
}
dl.NumberedText dt {
width: 6%;
/* if the next line is commented out in print.css, no crashing... */
float: left;
margin: .75em 0 0 0;
padding: 0 .5em 0 0;
font-size: 60%;
line-height : 300%; */
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
/* commented backslash hack for mac-ie5 \*/
dl.NumberedText dt { clear: both; }
/* end hack */
dl.NumberedText dd {
float: left;
width: 92%;
margin: .75em 0 0 0;
padding: 0 0 0 0;
text-indent: 1.5%;
}
The HTML (greatly simplified) would be:
?xml version=1.0?
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml;
body
dl class=NumberedText
dt1./dt
ddThis is paragraph number one, as shown by the number to the left.../dd
/dl
/body
/html
The site itself is password protected, and it uses a JS menu system which
licensed to that one url. Thus, I have gone to a different domain to put up
an example. Because it would not work anyway, I have not put the menu
script up and because there are only a few files in the test directory,
none of the links will work, but if you want to see an example direct from
the site, warts and all, I have put a quasi-real world page up at
http://www.h4c.org/testing/html/20020410.html.
The CSS for printing is found at http://www.h4c.org/testing/css/print.css.
For the screen display the CSS is at http://www.h4c.org/testing/css/screen.css
Any ideas? What's the deal?
d.
David William House
AllHear, Inc.
P.O. Box 330 / 23022 Yeary Lane N.E.
Aurora, OR 97002-0330 USA
(503) 266-6730 (voice) / (503) 266-6418 (fax)
[EMAIL PROTECTED] (e-mail)
http://www.AllHear.com (corporate web site)
Make no search for water.
But find thirst,
And water from the very ground will burst.
(Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77)
__
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] Printing problems with DL/DT/DD for numbered paragraphs...
Try again with the HTML (spaces added to prevent display in web aware email)... At 06:49 PM 6/26/2005, [EMAIL PROTECTED] wrote: The HTML (greatly simplified) would be: ?xml version=1.0? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; body dl class=NumberedText dt1./dt ddThis is paragraph number one, as shown by the number to the left.../dd /dl /body /html David William House AllHear, Inc. P.O. Box 330 / 23022 Yeary Lane N.E. Aurora, OR 97002-0330 USA (503) 266-6730 (voice) / (503) 266-6418 (fax) [EMAIL PROTECTED] (e-mail) http://www.AllHear.com (corporate web site) Make no search for water. But find thirst, And water from the very ground will burst. (Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77) __ 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] CMS question
Jeff Cortez wrote: Has anyone had any experience with an open source content management system and implemented standards compliant code along with it? Hi Jeff, Just in case you didn't find it, there is a page on the Wiki: http://css-discuss.incutio.com/?page=CssFriendlyCms You may also find Roger Johansson's article on installing and running a site based on Plone interesting: http://www.456bereastreet.com/archive/200503/content_management_with_plone/ and the comments on his first post about the project to which it's related, asking for recommendations of open-source CMSs: http://www.456bereastreet.com/archive/200409/open_source_cms_recommendations_wanted/ I guess you're really after personal experience, but just in case you weren't aware of those resources. At work, we're looking to replace our proprietary CMS (which mainly plays nicely with CSS, though occasionally picks up its ball and goes home...) with an open-source one in the next year or two, so I'm also interested to see what people think. Cheers, Rachael __ 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] Using background-position and background-repeat together
Dear all, I've read the specs, searched the wiki and searched the archives, and can't find the solution, so apologies if I have overlooked something really obvious. I'm trying to simulate an image border on a central content area, by adding the right-hand border to a wrapper div and the left-hand to the main content area inside it. When I set the background-repeat on the right-hand border to repeat-y, I can no longer seem to control the image's initial vertical position (i.e. it starts immediately at the top of the div rather than, say, 70px down). Page: http://www.petrucci-ensemble.org.uk/redesign/petrucci-redesign-debug.html CSS: http://www.petrucci-ensemble.org.uk/redesign/style-debug.css Is this a known issue/correct behaviour? And if so, is there a way round it that doesn't involve hacking in additional non-semantic divs? Many thanks, Rachael __ 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] Using background-position and background-repeat together
Valette Ragland, Adam Kuehn and Eric A. Meyer wrote (variations on a theme): Actually, it starts exactly where you placed it. It's just that repeat-y means exactly that: the image is repeated in both directions along the y axis-- in other words, both up AND down. Aha - I appear to have forgotten that basic rule of Never Assume... :-) That's the correct behavior, given your CSS. I can't think of a solution that doesn't involve adding at least one more div or other element. OK, that's the reassurance that I needed (I'm aware I'm a little too ready to slap in unnecessary extra divs to solve this kind of problem). Thanks for taking the time to respond - much appreciated - this list is such a fantastic resource. Cheers, Rachael __ 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] The browser problem
At 10/06/2005 21:33 (Friday), Cedar Pruitt [EMAIL PROTECTED] wrote:
I'm new to this list,
Welcome, Cedar
and to CSS, and I'd be grateful for any advice or feedback in solving my
problem, which seems common but which I can't seem to fix nonetheless.
I've been slowly making progress on my website, and finally have a running
site I like that is resizable with the browser window.
But it only looks good in Internet Explorer, and I want it to look good,
or at least functional, in Firefox, and I can't understand why it doesn't.
A good start would be to make sure that your HTML and CSS validate. My
first observations were that your HTML doesn't have a DOCTYPE declaration,
and lacks an (opening) html tag. You don't specify any character
encoding either.
You have style information (which belongs in the style sheet) mixed in with
the HTML, and in your CSS, you have the following (in the 'From Erik' section:
A:link { color: #66; text-decoration: none; font-style: strong;}
This isn't valid CSS
In Firefox, I'd like there to be spaces between the boxes, and I'd also
like them to align on some level. More importantly, the content on FireFox
runs off the side of the content box, so it's unreadable. That is a
problem I absolutely need to fix.
My advice would be to have a good look through your code and correct any
existing *errors* before you try to look at making things universal. You
may find that things improve significantly once you've ironed out the problems
Again, I thank everyone here in advance for tolerating a potentially
boring/naive question. I wouldn't ask if I hadn't spent the last few weeks
trying to reach a resolution on my own...with no success!
No, not boring or naive... It sometimes takes a fresh pair of eyes to see
a problem ;-) That's what lists are for
WBW
John M.
__
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] Unexpected font display with universal selector
Friends, I note that where there is a font-family defined for the universal selector, that font (and that font size) are used in ANY element, regardless of class, where there is also a bit of HTML. That is, where the universal selector all by itself (*) is defined with a certain font-family, and where a second class is defined as having a different font-family, then within an element having that second class applied where the text is modified with standard HTML (em-/em, or b-/b will work), that text will be in the universal selector's font, not in the second classes font. Weird. I fired up Firefox, Mozilla and IE, and they all had exactly the same behavior. So far I have not found anything about it via Google, nor in the W3C CSS refs, but since all three browsers handle it the same way, then it would seem to be a part of the spec. Not what I would expect, but so defined, apparently. I've put an example at http://www.allhear.com/Universal-selectors-font.html. David William House AllHear, Inc. P.O. Box 330 / 23022 Yeary Lane N.E. Aurora, OR 97002-0330 USA (503) 266-6730 (voice) / (503) 266-6418 (fax) [EMAIL PROTECTED] (e-mail) http://www.AllHear.com (corporate web site) Make no search for water. But find thirst, And water from the very ground will burst. (Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77) __ 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] Two inline lists - one left, one right
I just came across this while searching, hopefully this helps? http://www.spartanicus.utvinternet.ie/left_and_right_alignment_using_css.htm Note that when the lists are long and the window is short, they overlap: http://www.tora.us.fm/dugma/2lists.html (I have IE 6) Note also, that putting the lists in a table solves the problem conveniently. However, using tables is not CSS correct... Is there a better way? __ 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] Browser compatibility information?
Hi folks, I'm a new poster here, and am looking for a handy reference to browser compatibility with CSS. Is there a handy online source which will detail (ordered by CSS feature, preferably, but by browser would do, at a pinch) ;-) whether a particular browser supports a particular CSS feature or not -- and, if so, whether it is a proper implementation or has peculiarities? I've head that Eric did some 'browser compatibility charts' at sometime in the past, but cant seem to find anything out about them. TIA John M. __ 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/
