Re: [css-d] Site Check
David Laakso wrote: Andrew Doades wrote: I though this group would be the best place to get a full, detailed site check... http://weplan.co.uk/ Please and Thanks to all, Andrew Seems to do fine cross-browser on a Mac and PC. If you where to ask the same question over coffee, rather than this list, I /might/ respond differently. Thanks and What?! No virus found in this outgoing message. Checked by AVG. Version: 8.0.101 / Virus Database: 270.4.1/1521 - Release Date: 6/26/2008 11:20 AM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check
I though this group would be the best place to get a full, detailed site check... http://weplan.co.uk/ Please and Thanks to all, Andrew No virus found in this outgoing message. Checked by AVG. Version: 8.0.101 / Virus Database: 270.4.1/1519 - Release Date: 6/25/2008 4:13 PM __ 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] Movable content
Not sure if this is a css question or now but I can not think of anywhere else to look... On the new www.bbc.co.uk website and igoogle you have the ability to move the objects around, anyone know how the heck I do that? Cheers, Andrew __ 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] Positioning form elements
Not being a big knowledge man of css but I would have thought you would need, ul and li in there? ul lia href=index.phpHome/a/li lia href=complete.phpBrowse All Titles/a/li /ul and in your css have something like #nav ul { margin-left: 2em; padding-left: 0; color: #00; } Andrew [EMAIL PROTECTED] wrote: I'm new to CSS. But I need to position four form elements in a very thin nav bar. Here is my HTML code: div id=nav div id=nav_left a href=index.phpHome/a |a href=complete.php Browse All Titles/a | a href=author.phpAbout Author/a/div div id=bookmarktable width=307 border=0 cellspacing=0 cellpadding=0 tr td width=64 valign=middleBrowse by/td td width=113 valign=middleform action= method=get Title select name=var size=1 option value=AA/option option value=BB/option option value=CC/option option value=EE/option option value=FF/option option value=GG/option option value=HH/option option value=II/option option value=JJ/option option value=KK/option option value=LL/option option value=MM/option option value=NN/option option value=OO/option option value=PP/option option value=QQ/option option value=RR/option option value=SS/option option value=TT/option option value=UU/option option value=VV/option option value=WW/option option value=XX/option option value=YY/option option value=ZZ/option option value=11/option option value=22/option option value=33/option option value=44/option option value=55/option option value=66/option option value=77/option option value=88/option option value=99/option option value=00/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/tdtd width=123 valign=middleform action= method=getDecade select name=var size=1 option value=19501950s/option option value=19601960s/option option value=19701970s/option option value=19801980s/option option value=19901990s/option option value=20002000s/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/td /tr /table /div /div And here are the applicable styles: #nav { background-image: url(../img/navback.jpg); background-repeat: no-repeat; background-position: left top; border: thin solid #7a8251; height: 25px; width: 771px; } #nav_left { width: 400px; float: left; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 7px; padding-left: 5px; } #bookmark { width: 300px; float: right; text-align: right; display: inline; padding-top: 5px; padding-right: 3px; padding-bottom: 5px; } .inputbutton { margin-right: 3px; margin-left: 3px; } select { display: inline-table; font-size: 75%; padding: 0px; } But, the form elements are sitting low and not aligning as needed. The input buttons are sitting too high. There is a screenshot at http://www.graiai.com/snap.jpg This is taken in Firefox on a Mac. On IE 7, the dropdowns sit even lower. I don't know what to do! Any ideas? Jeremy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning form elements
Not entirely sure what you are asking here? When I look at your screen print, it looks ok in IE. I think something like float:right; is what you want?? Andrew [EMAIL PROTECTED] wrote: Thank you, Andrew! I'll definitely try this out. Another area of concern is with the right-side form elements. They are not aligning properly and nothing I've tried has worked. Any advice in solving this issue as well would be appreciated. Jeremy On Wed, Apr 30, 2008 at 12:05 PM, Andrew Doades [EMAIL PROTECTED] wrote: Not being a big knowledge man of css but I would have thought you would need, ul and li in there? ul lia href=index.phpHome/a/li lia href=complete.phpBrowse All Titles/a/li /ul and in your css have something like #nav ul { margin-left: 2em; padding-left: 0; color: #00; } Andrew [EMAIL PROTECTED] wrote: I'm new to CSS. But I need to position four form elements in a very thin nav bar. Here is my HTML code: div id=nav div id=nav_left a href=index.phpHome/a |a href=complete.php Browse All Titles/a | a href=author.phpAbout Author/a/div div id=bookmarktable width=307 border=0 cellspacing=0 cellpadding=0 tr td width=64 valign=middleBrowse by/td td width=113 valign=middleform action= method=get Title select name=var size=1 option value=AA/option option value=BB/option option value=CC/option option value=EE/option option value=FF/option option value=GG/option option value=HH/option option value=II/option option value=JJ/option option value=KK/option option value=LL/option option value=MM/option option value=NN/option option value=OO/option option value=PP/option option value=QQ/option option value=RR/option option value=SS/option option value=TT/option option value=UU/option option value=VV/option option value=WW/option option value=XX/option option value=YY/option option value=ZZ/option option value=11/option option value=22/option option value=33/option option value=44/option option value=55/option option value=66/option option value=77/option option value=88/option option value=99/option option value=00/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/tdtd width=123 valign=middleform action= method=getDecade select name=var size=1 option value=19501950s/option option value=19601960s/option option value=19701970s/option option value=19801980s/option option value=19901990s/option option value=20002000s/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/td /tr /table /div /div And here are the applicable styles: #nav { background-image: url(../img/navback.jpg); background-repeat: no-repeat; background-position: left top; border: thin solid #7a8251; height: 25px; width: 771px; } #nav_left { width: 400px; float: left; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 7px; padding-left: 5px; } #bookmark { width: 300px; float: right; text-align: right; display: inline; padding-top: 5px; padding-right: 3px; padding-bottom: 5px; } .inputbutton { margin-right: 3px; margin-left: 3px; } select { display: inline-table; font-size: 75%; padding: 0px; } But, the form elements are sitting low and not aligning as needed. The input buttons are sitting too high. There is a screenshot at http://www.graiai.com/snap.jpg This is taken in Firefox on a Mac. On IE 7, the dropdowns sit even lower. I don't know what to do! Any ideas? Jeremy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-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] Positioning form elements
ok, I think you need: td {display: line;}body { margin-top: 0px; margin-left: 0px; margin-right: 0px; } td ul lia href=index.phpHome/a/li lia href=complete.phpBrowse All Titles/a/li /ul /td You may need to do something like this to get it to work. Andrew [EMAIL PROTECTED] wrote: In the screenshot that is linked, you'll notice that the vertical alignment of the two dropdown menus and two input buttons is incorrect. They are at the right side. I've applied a tag style to the select tag. This isn't working. And there is a class style on the input buttons. Which is not working either. Float right works for horizontal alignment and that is how I've got the forms at right set up. It's the vertical alignment that is keeping me up at night. Jeremy On Wed, Apr 30, 2008 at 12:23 PM, Andrew Doades [EMAIL PROTECTED] wrote: Not entirely sure what you are asking here? When I look at your screen print, it looks ok in IE. I think something like float:right; is what you want?? Andrew [EMAIL PROTECTED] wrote: Thank you, Andrew! I'll definitely try this out. Another area of concern is with the right-side form elements. They are not aligning properly and nothing I've tried has worked. Any advice in solving this issue as well would be appreciated. Jeremy On Wed, Apr 30, 2008 at 12:05 PM, Andrew Doades [EMAIL PROTECTED] wrote: Not being a big knowledge man of css but I would have thought you would need, ul and li in there? ul lia href=index.phpHome/a/li lia href=complete.phpBrowse All Titles/a/li /ul and in your css have something like #nav ul { margin-left: 2em; padding-left: 0; color: #00; } Andrew [EMAIL PROTECTED] wrote: I'm new to CSS. But I need to position four form elements in a very thin nav bar. Here is my HTML code: div id=nav div id=nav_left a href=index.phpHome/a |a href=complete.php Browse All Titles/a | a href=author.phpAbout Author/a/div div id=bookmarktable width=307 border=0 cellspacing=0 cellpadding=0 tr td width=64 valign=middleBrowse by/td td width=113 valign=middleform action= method=get Title select name=var size=1 option value=AA/option option value=BB/option option value=CC/option option value=EE/option option value=FF/option option value=GG/option option value=HH/option option value=II/option option value=JJ/option option value=KK/option option value=LL/option option value=MM/option option value=NN/option option value=OO/option option value=PP/option option value=QQ/option option value=RR/option option value=SS/option option value=TT/option option value=UU/option option value=VV/option option value=WW/option option value=XX/option option value=YY/option option value=ZZ/option option value=11/option option value=22/option option value=33/option option value=44/option option value=55/option option value=66/option option value=77/option option value=88/option option value=99/option option value=00/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/tdtd width=123 valign=middleform action= method=getDecade select name=var size=1 option value=19501950s/option option value=19601960s/option option value=19701970s/option option value=19801980s/option option value=19901990s/option option value=20002000s/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/td /tr /table /div /div And here are the applicable styles: #nav { background-image: url(../img/navback.jpg); background-repeat: no-repeat; background-position: left top; border: thin solid #7a8251; height: 25px; width: 771px; } #nav_left { width: 400px; float: left; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 7px; padding-left: 5px; } #bookmark { width: 300px; float: right; text-align: right; display: inline; padding-top: 5px; padding-right: 3px; padding-bottom: 5px; } .inputbutton { margin-right: 3px; margin-left: 3px; } select { display: inline-table; font-size: 75%; padding: 0px; } But, the form elements are sitting low and not aligning as needed. The input buttons are sitting too high. There is a screenshot at http://www.graiai.com/snap.jpg This is taken in Firefox on a Mac. On IE 7, the dropdowns sit even lower. I don't know what to do! Any ideas? Jeremy __ 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
Re: [css-d] Positioning form elements
You could try: tr td width=64 valign=middle display: line;Browse by/td td width=113 valign=middle display: line;form action= method=get Andrew [EMAIL PROTECTED] wrote: But it's not the left nav...it's the right formthis: tr td width=64 valign=middleBrowse by/td td width=113 valign=middleform action= method=get Title select name=var size=1 option value=AA/option option value=BB/option option value=CC/option option value=EE/option option value=FF/option option value=GG/option option value=HH/option option value=II/option option value=JJ/option option value=KK/option option value=LL/option option value=MM/option option value=NN/option option value=OO/option option value=PP/option option value=QQ/option option value=RR/option option value=SS/option option value=TT/option option value=UU/option option value=VV/option option value=WW/option option value=XX/option option value=YY/option option value=ZZ/option option value=11/option option value=22/option option value=33/option option value=44/option option value=55/option option value=66/option option value=77/option option value=88/option option value=99/option option value=00/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/tdtd width=123 valign=middleform action= method=getDecade select name=var size=1 option value=19501950s/option option value=19601960s/option option value=19701970s/option option value=19801980s/option option value=19901990s/option option value=20002000s/option /selectinput type=image class=inputbutton src=img/input.jpg alt= width=15 height=15 /form/td /tr /table Adjusting the margin on the table, as you suggested, isn't going to help as each column has a separate problem. The problem is the form elements specifically. Jeremy On Wed, Apr 30, 2008 at 12:34 PM, Andrew Doades [EMAIL PROTECTED] wrote: ok, I think you need: td {display: line;}body { margin-top: 0px; margin-left: 0px; margin-right: 0px; } td ul lia href=index.phpHome/a/li lia href=complete.phpBrowse All Titles/a/li /ul /td You may need to do something like this to get it to work. Andrew [EMAIL PROTECTED] wrote: In the screenshot that is linked, you'll notice that the vertical alignment of the two dropdown menus and two input buttons is incorrect. They are at the right side. I've applied a tag style to the select tag. This isn't working. And there is a class style on the input buttons. Which is not working either. Float right works for horizontal alignment and that is how I've got the forms at right set up. It's the vertical alignment that is keeping me up at night. Jeremy On Wed, Apr 30, 2008 at 12:23 PM, Andrew Doades [EMAIL PROTECTED] wrote: Not entirely sure what you are asking here? When I look at your screen print, it looks ok in IE. I think something like float:right; is what you want?? Andrew [EMAIL PROTECTED] wrote: Thank you, Andrew! I'll definitely try this out. Another area of concern is with the right-side form elements. They are not aligning properly and nothing I've tried has worked. Any advice in solving this issue as well would be appreciated. Jeremy On Wed, Apr 30, 2008 at 12:05 PM, Andrew Doades [EMAIL PROTECTED] wrote: Not being a big knowledge man of css but I would have thought you would need, ul and li in there? ul lia href=index.phpHome/a/li lia href=complete.phpBrowse All Titles/a/li /ul and in your css have something like #nav ul { margin-left: 2em; padding-left: 0; color: #00; } Andrew [EMAIL PROTECTED] wrote: I'm new to CSS. But I need to position four form elements in a very thin nav bar. Here is my HTML code: div id=nav div id=nav_left a href=index.phpHome/a |a href=complete.php Browse All Titles/a | a href=author.phpAbout Author/a/div div id=bookmarktable width=307 border=0 cellspacing=0 cellpadding=0 tr td width=64 valign=middleBrowse by/td td width=113 valign=middleform action= method=get Title select name=var size=1 option value=AA/option option value=BB/option option value=CC/option option value=EE/option option value=FF/option option value=GG/option option value=HH/option option value=II/option option value=JJ/option option value=KK/option option value=LL/option option value=MM/option option value=NN/option option value=OO/option option value=PP/option option value=QQ/option option value=RR/option option value=SS/option option value=TT/option option
Re: [css-d] Navigation bar
Hello all... I could not help picking up o a bit about IE7, I recently attempted a sidebar for my website, and all now works (to some extent) but for IE7. I was just wondering what is with IE7, IE6 used to be fine, it always worked, same with FF but why is 7 casing so many problems? Andrew Alan Gresley wrote: Alan K Baker wrote: Hi all. I'm in the process of converting an old frames/tables/JavaScript site to all CSS. There many billions of pages needing the same treatment. Please take a look at this screen shot. http://css-class.com/test/images/email-client.png The forth line down run 5 times a wide as my screen. For me to reply to you I first have to edit you message but not the simple way. My email client will wrap my replies at 72 characters length automatically. Discussion about Email clients are off-topic on this list but since your messages are very hard to reply to I have to mentioned them. Here is a good one to use. http://www.mozilla.com/en-US/thunderbird/ It can be found at: http://www.webbwize.co.uk/Test_Area/TEP/index.html I am looking for a slightly more 'elegant' way of vertically centering text Is this the fixed navigation where the lower parts are hidden outside the viewpoint. My screen is on 800px high. Is this navigation within frames? [snip] to save you wading through the dreaded frames maze. Remove the frames as it make it near impossible for anyone to help. At present my text is centered by [ .oneline a ] and [ .twolines a ]. OK, where do you mention that .oneline and .towlines is part of the navigation. Some on this list are good detectives since. We have to use our web developers toolbar [1] outline current element feature to locate these classes. I've also just noticed a problem in all browsers except IE7. That make sense. :-) I've probably missed something obvious!! Yes. When I check you source code all I see is. frameset frame frame base /frameset noframes If you are reading this text, your browser is frames challenged. More up to date browsers are readily available. /noframes The good browsers are not framed challenged. They just don't use MS propriety garbage code. Help would be much appreciated. Regards, Alan. www.theatreorgans.co.uk So you have to make it easy. :-) Sometimes it is easier just to have un-style text to begin with. [1] https://addons.mozilla.org/en-US/firefox/addon/60 Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Navigation bar
I do see what you are saying, but since I went to IE7 I have had no end of problem why trying to develop, also a pain was moving to IE7 from IE6 when developing :) But why do IE and FF seem to have a constant fighting battle for developers? This is what I can't get, I can develop something that looks grate in FF but in IE, or vice versa. But some good points in your email :) Andrew Alan K Baker wrote: Andrew. In the case of my [ :active ] problem, I believe that none of the browsers is actually at fault, and IE7 does actually do what I want and behaves in a way I'd logically expect, which is probably quite unusual for IE7. :-) It's simply a minor discrepancy in implementation between browsers - no big deal. I have far more problems with IE6 than all the other browsers! IE7 is a pussy cat, compared to IE6. g In the case of my vertical spacing on text, this is just my wish to improve my code. It's not a browser fault at all. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Andrew Doades To: Alan Gresley Cc: Alan K Baker ; css-d Sent: Saturday, April 12, 2008 11:48 AM Subject: Re: [css-d] Navigation bar Hello all... I could not help picking up on a bit about IE7, I recently attempted a sidebar for my website, and all now works (to some extent) but for IE7. I was just wondering what is with IE7, IE6 used to be fine, it always worked, same with FF but why is 7 casing so many problems? Andrew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bullet list without paragraph break
remove the ul from start and end! This will give you just the bullet points! Andrew The Color Guard wrote: Hi, I'm new to CSS and new to the list. I just started going through the exercises in Meyer's book, and they're great -- I am catching on. Meanwhile, I ran across a problem which might be basic html; I hope y'all don't mind. (Maybe it could be solved with CSS.) I want to make a bulleted list, but without the paragraph break before and after the list. Is this possible? This is the code I found: ul liFirst item liSecond item liThird item /ul It automatically includes a paragraph break, frustratingly. Also -- is there a way to post questions on the css-discuss site? I don't find any log in or post buttons. Does this mainly work as a mailing list, rather than a bulletin board? Thank you, Suzi - You rock. That's why Blockbuster's offering you one month of Blockbuster Total Access, No Cost. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bullet list without paragraph break
perhaps but it does work does it not?! Krystian - Sunlust wrote: On 4/6/08, Andrew Doades [EMAIL PROTECTED] wrote: remove the ul from start and end! This will give you just the bullet points! Andrew That's semanticaly incorrect, just set padding and margin to 0 and that should fix it. ul { margin: 0; padding: 0; } also, it should be: ul liFirst item /li liSecond item /li liThird item /li /ul Regards, __ 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] Bullet list without paragraph break
Yes, I understand it may not be the correct way to go about this problem, but it was a simple solution that with almost every modern browser will work. The other thing was that the inline control will line these links up in a well line, what if he wants them in a sidebar format? Andrew Jim Nannery wrote: Afternoon Andrew You wrote: perhaps but it does work does it not?! Krystian - Sunlust wrote: On 4/6/08, Andrew Doades [EMAIL PROTECTED] wrote: remove the ul from start and end! This will give you just the bullet points! Andrew That's semanticaly incorrect, just set padding and margin to 0 and that should fix it. ul { margin: 0; padding: 0; } also, it should be: ul liFirst item /li liSecond item /li liThird item /li /ul Regards, Semantics aside, it's malformed xHTML and will cause browsers to use error correction to render the code This may or may not * work * now or perhaps in the future It is always best to use properly formed xHTML with CSS To suggest malformed code is a fools errand and should, IMO, not be suggested as a fix. As Jim Davis suggested [1] display:inline is probably what is needed for the O.P. to accomplish her goal. Jim Nannery www.gotbeebar.com [1] http://css.maxdesign.com.au/listamatic/horizontal01.htm __ 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] FF and IE problems
OK, Cheers I will remove all the table bit from around my layout and the just just the css to make the layout? Cheers, Andrew Alan K Baker wrote: Sorry, I haven't time to wade through entire stylesheets tonight, but assuming that your stylesheets don't do anything 'clever' with table definitions, it looks as if your divs are wrapped by table/table tags which AFAIK would follow each other in the HTML 'flow', so each table will appear below the last regardless of the fact that you have no TRs and TDs defined. This would invalidate your 'box model' flow styling. I suggest dumping all TABLE definitions unless you are truly using a table def for a real table, and use CSS to do all of your placement. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: Conn Artistes, UKShopsmiths, 2nd Touch AP Groups Shopsmith 520 bits Flatulus Antiquitus - Original Message - From: Andrew Doades To: Alan K Baker Cc: css-d@lists.css-discuss.org Sent: Thursday, April 03, 2008 10:34 PM Subject: Re: [css-d] FF and IE problems In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FF and IE problems
On my site I have a sidebar that is set to float left, and then content that is set to float none. This works and looks fine in FireFox but in IE the content slips below the sidebar? I have tried a number of different css moves and html moves but keeps resulting in the same problem please help, Andrew __ 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] FF and IE problems
Nope, I removed that width control from the css but still IE is refusing to show it correctly, I did use FireBug in FireFox to check this out and FireBug seems to agree that it's ok! Is this an IE problem, like the Microsoft way to be a pain, or am I missing something!? Alan Gresley wrote: Andrew Doades wrote: In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content As Alan Baker said we need to see some working code to truly be correct. This css. #content-main { float:none; width:100%; /* hasLayout trigger */ } Is simply. #content-main {} Since a div is always 100% of it containing block [1] when in normal flow [2]. What you are seeing in IE5, IE6 or IE7 is I think the affects of hasLayout [3]. Remove the width:100% from #content-main and IE should behave itself. [1] http://www.w3.org/TR/CSS21/visuren.html#containing-block [2] http://www.w3.org/TR/CSS21/visuren.html#block-formatting [3] http://www.satzansatz.de/cssd/onhavinglayout.html Alan http://css-class.com/test/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF and IE problems
Nope, I removed that width control from the css but still IE is refusing to show it correctly, I did use FireBug in FireFox to check this out and FireBug seems to agree that it's ok! Is this an IE problem, like the Microsoft way to be a pain, or am I missing something!? BTW, Alan when I send mail to you, I get it bounced back with some random error! Alan Gresley wrote: Andrew Doades wrote: In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content As Alan Baker said we need to see some working code to truly be correct. This css. #content-main { float:none; width:100%; /* hasLayout trigger */ } Is simply. #content-main {} Since a div is always 100% of it containing block [1] when in normal flow [2]. What you are seeing in IE5, IE6 or IE7 is I think the affects of hasLayout [3]. Remove the width:100% from #content-main and IE should behave itself. [1] http://www.w3.org/TR/CSS21/visuren.html#containing-block [2] http://www.w3.org/TR/CSS21/visuren.html#block-formatting [3] http://www.satzansatz.de/cssd/onhavinglayout.html Alan http://css-class.com/test/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Major FF and Safari problems
Hi all, I have been working on a site, and the person I am working with very kindly asked me to check this in FireFox... Sadly the main content get shoved to the bottom, can someone please have a look for me and see if they can make sense of what's going on? URL: www.weplan.co.uk user: trial pass: demo ( Please don't abuse this!! ) Thanks a huge amount!!! Andrew __ 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] Major FF and Safari problems
ok, now... I added float: left; into my sidebar style code and now looks fine in ff but the original problem is now in IE not FF?! Karl Hardisty wrote: On 22/03/2008, at 8:10 AM, Andrew Doades wrote: Hi all, I have been working on a site, and the person I am working with very kindly asked me to check this in FireFox... Sadly the main content get shoved to the bottom, can someone please have a look for me and see if they can make sense of what's going on? URL: www.weplan.co.uk user: trial pass: demo ( Please don't abuse this!! ) Thanks a huge amount!!! Andrew __ Andrew, you may want to run the code through validation. I took a quick look and firstly noticed that the end tags for the table and HTML were both missing, and then validated it, and there are numerous layout errors (missing tags, etc). While IE will often overlook these, Gecko and WebKit are stricter with standards, and will show up badly formed code more often. The first thing to do when errors such as this occur is to ensure that the code is well formed, and errors aren't caused by missing tags etc. Karl mothership | http://mothership.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problems with background image, borders
As a point for you, it looks find in IE6 and IE7 Andrew Krystian - Sunlust wrote: Hello there, I'm making a website and I have two big problems with cross compatibility, haven't tested on IE7, site developed for FF, so in FF everything looks as it should. Made and tested on Ubuntu 7.10. 1. background image looks fine on FF but looks totally wrong on Opera 9.5and IE6, don't know what's wrong 2. border around navigation dissapears, and it doesn't pick up background color, as it does on Opera and FF. address: http://sunlust.net/test4 css: http://sunlust.net/test4/css/master.css If you notice any other weird behaviors, please let me know, I'm not getting paid for this project but I want to get it right since it's for a close friend. Much appreciated, Regards __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please..
Looks, good, Some of the image boxes dropped a little down the page in Safari on Windows xp for me! but in FireFox and IE7 all looks good! Rob freeman wrote: Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. __ 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] update, can you check this site now
I had a look trough all of the pages on the first post, and all but the artist one looks good! Rob freeman wrote: http://www.precociouscollective.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Slide Show
I am working on a site, where I need a set up small images to one side, or bottom, and when the views slick on the small images there is a larger image with text about the image, I have read that this can be done in CSS, but I can't find anywhere that I can get help for doing this. Cheers, Andrew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Slide Show
David Laakso wrote: Andrew Doades wrote: This is the kind of thing I am looking for, but I need some help with the coding, that is the main problem! David Laakso wrote: Andrew Doades wrote: I am working on a site, where I need a set up small images to one side, or bottom, and when the views slick on the small images there is a larger image with text about the image, I have read that this can be done in CSS, but I can't find anywhere that I can get help for doing this. Cheers, Andrew Generally, behavior is best left to another technology-- but this is one of the few of such CSS image galleries of merit: http://www.tjkdesign.com/articles/gallery/photo_gallery.asp#null There are other CSS galleries but most inevitably fail at user friendliness, accessibility, and keyboard functionality. A friend of the list (s) shared a delightful image gallery with me that might meet your need but I am not sure it is ready for release. Best, ~dL Andrew, Put your page on a public server and someone on the list will lend a hand with whater the coding difficulty may be. Regards, ~dL PS On this list, for a number of reasons, please write /below/ those to whom you reply; /and/ hit reply all when sending. Cheers, David Cheers for the point about replying! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] css and frames
Hello, I have been working a a website the needs a menu, I have managed to get my menu and working with css, but the main page is using frames, and the menu is listed down the left frame (on the left side) but some text is long in the buttons, is there a way I can shrink the buttons or allow the buttons/ menu to fix to the text?? BTW, I am new to css. Cheers, Andrew __ 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/