Re: [css-d] Conditional CSS Comment Not Working
On Wed, Aug 27, 2008 at 10:19 AM, Stan McCoy [EMAIL PROTECTED] wrote: The standard css file is overriding the IE6 and IE7 specific versions. For example, if I give the body a green border in the IE6 style sheet, it shows in IE6 only. But if I then add a different colored border to the standard style sheet, it overrides the border specified in the IE6 style sheet. Hope that makes sense. Thanks. !--[if IE 6] link href=css/avalon_ie6.css rel=stylesheet type=text/css media=screen / ![endif]-- !--[if IE 7] link href=css/avalon_ie7.css rel=stylesheet type=text/css media=screen / ![endif]-- link href=css/avalon.css rel=stylesheet type=text/css media=screen / Stan, The rule you specify in your IE6 sheet is overridden by the rule in the avalon sheet because you include avalon.css after the IE sheet. Place that include first, then override with the browser specific sheet. link href=css/avalon.css rel=stylesheet type=text/css media=screen / !--[if IE 6]link href=css/avalon_ie6.css rel=stylesheet type=text/css media=screen /![endif]-- !--[if IE 7]link href=css/avalon_ie7.css rel=stylesheet type=text/css media=screen /![endif]-- --G __ 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] Big Blue Bar
On Thu, Jul 24, 2008 at 8:13 AM, Christopher [EMAIL PROTECTED] wrote: Glenn E. Lanier, II wrote: On Thu, Jul 24, 2008 at 7:37 AM, Christopher [EMAIL PROTECTED]mailto: [EMAIL PROTECTED] wrote: When you resize the browser on this page http://www.walkfar.ca/test/productionsite13.html you'll see the BiG blue bar now when you resize the browser window you'll notice that the BiG blue bar does not touch the right hand side of the browser window, is this expected or is there a work around? #flashbox is positioned in a way that causes part of it to display outside your body, while #topbar is fully contained in your body. You have also applied padding to #topbar, and it contains no content. height:152px might accomplish what you want visually without giving you grief when you add content. I echo *several* other people on the list: generate an image (using your favorite digital tool) of what you want your page to look like when finished. Then we will have a better idea of how to help you style it cleanly. --G To everyone: It is #topbar that if you resize your browser it won't hug the right hand side of the browser. Christopher, #topbar is the item I mention. If you use Firefox and either Firebug or the web developer plugin, you can remove #flashbox from the html (using Firebug) or the styles for #flashbox (using Pedrick's excellent CSS editor), you will see that the #topbar goes to 100% of the body width. The 500px left-margin on #flashbox is your offending item. If you use Firebug and select the inspect option, you'll be able to mouse-over the various block items in your page. Resize the window to a smaller than 500px + 430px (width of #flashbox). See that the #topbar is no longer 100% width of viewport. Start the inspection, slowing moving around the screen. When you highlight the body object, you'll notice that #topbar is 100% of body, but #flashbox extends outside the body. I am saying your problem is not in the styling of #topbar, but the styles set on #flashbox. --G __ 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] Big Blue Bar
On Thu, Jul 24, 2008 at 7:37 AM, Christopher [EMAIL PROTECTED] wrote: When you resize the browser on this page http://www.walkfar.ca/test/productionsite13.html you'll see the BiG blue bar now when you resize the browser window you'll notice that the BiG blue bar does not touch the right hand side of the browser window, is this expected or is there a work around? #flashbox is positioned in a way that causes part of it to display outside your body, while #topbar is fully contained in your body. You have also applied padding to #topbar, and it contains no content. height:152px might accomplish what you want visually without giving you grief when you add content. I echo *several* other people on the list: generate an image (using your favorite digital tool) of what you want your page to look like when finished. Then we will have a better idea of how to help you style it cleanly. --G __ 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] Positioning problem in IE
I have a sample page that is stripped down, and still displays the problem I encountered in tried to make my page work in IE (works in Firefox, CSS and HTML validate). I want my administrative menu to pop-up/flyout when the user hovers over the Administrative functions link. This happens in Firefox, but in IE the pop-up is moved far to the right. My changes have not had the desired effect. Any help is greatly appreciated. Please look at http://www.lanierconsulting.net/flyout/flyout.html and tell me what I need to feed to IE to make the menu appear under the Administrative functions link. --G __ 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?
On Wed, Mar 19, 2008 at 12:02 PM, Carolyn Rosner [EMAIL PROTECTED]
wrote:
Greetings all,
I'm wondering what's up with my page: http://test.nprb.org/new/index.htm
Specifically, the three buttons in upper right corner. They are a
Library item, in their own div that's set to float: right. The span text
that shows up on hover is positioned correctly, but those three buttons are
not flush-right with them. What gives? CSS:
Carolyn,
You can either change the width of your div#divButtons to approximately
215px { width:215px; } or right align the text in that div {
text-align:right; }.
You are also including a couple of CSS files more than once.
--G
__
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] remove input border via css?
From: Del Wegener
Sent: Tuesday, May 15, 2007 8:19 AM
I have followed this thread with interest because I want to
completeky hide
a text field on some webpages.
Del,
You can use input#id { display:none; } to completely hide the text box. Or
(at the risk of suggesting a non-CSS solution), change the type to HIDDEN
and it won't display, but the form will still contain the input.
input type=text name=someinput id=someinput value=Text you need to
keep, but do not want to show becomes input type=hidden
name=someinput id=someinput value=Text you need to keep, but do not
want to show and all is well.
Thanks for any help.
Hope this qualifies!
--G
__
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] remove input border via css?
From: Del Wegener
Sent: Tuesday, May 15, 2007 9:52 AM
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/
I suppose I was not very clear, but Yucca hid it right on the head.
On an interactive quiz page I respond to each student
response with some
constructive feedback which I currently display in a
multiline textfield. I
would like to provide the feedback so that it looks like
normal text on the
page without the appearance of the textfield.
Is there a simple way to display this feedback in some other
element other
than a textfield?
Del,
I have a form where the user is allowed to enter comments (textarea) (among
other things) and then I display a confirmation page with all entries
displayed as text.
pComments: span class=disabledValue id=spnCommentsmultiple lines of
comments will fit here and wrap as needed/span/p
span.disabledValue
{
width:17em;
float:left;
border:1px solid #c0c0c0;
color:#c0c0c0;
padding:.125em .5em;
margin-bottom:.25em;
height:1.25em;
}
span#spnComments
{
height:auto;/* Let the comments be as tall as needed, with the
minimum specified in previous rule */
}
--G
__
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] firefox display problems - need urgent help
From: Liz Sent: Tuesday, May 15, 2007 6:41 PM Please try clicking around from page to page within the site and particularly go to the calendar page and the donation page. It seems to happen more there. On 5/15/07 4:35 PM, Lori Lay [EMAIL PROTECTED] wrote: Liz wrote: On this site http://www.whsfoundation.org/ when I click around within the site in Firefox often the right and left column are empty because the content drops to the bottom. This didn't happen on my demo sever http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do? Thanks, Liz I couldn't find any problems with FF 2.0.0.3 on Mac. There is a definite re-draw of the left navigation contents, but they stay put. I'm running at 1920x1200 - I don't know if that has anything to do with it or not. Even seems to work with JavaScript disabled. Liz, Just so you don't think you're going crazy -- I did see this the very first time I loaded the page, but have not been able to make it happen since (left column was not empty, but was below all text in calendar table - http://www.whsfoundation.org/calendar.shtml). FireFox 1.5.0.11 --G __ 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] page opening sizes
From: Phil Turner
Sent: Wednesday, May 02, 2007 3:52 PM
Thanks for the response, heres the problem, client wants a pop up
window to show some more info for no other reason than thats what
they want
so I am looking for a css solution that will open up a small window
to display whatever content is put in it.
I 've created a page link here
http://www.philturner-uk.com/kruger/davinci.html
under roll towel click on the more product details link. -
Thats what
I want displayed as a small window not a big page.
Phil,
You are currently opening a new window using
a href=rolltowels.html target=_blankMore/a
So opening size depends on user agent. You have a couple of options:
1) Use javascript to open window.
a href=# onClick=openWindow()More/a
...
script language=Javascript type=text/javascript
function openWindow()
{
window.open(rolltowels.html, WindowName,
height=300,width=250,scrollbars=yes);
}
/script
2) Display in pop-up CSS div.
a href=# onClick=showRollTowel(true)More/a
script language=Javascript type=text/javascript
function showRollTowel(showIt)
{
var obj = document.getElementById('divRoll');
if (obj)
{
var clsName = Show;
if (false == showIt) { clsName = Hide; }
obj.className = clsName;
}
}
/script
div id=divRollAll the stuff from rolltowels.htmla href=#
onClick=showRollTowel(false)Hide/a/div
style
div#divRoll
{
/* Include any positioning and borders */
}
div#divRoll.Show
{
display:block;
}
div#divRoll.Hide
{
display:none;
}
/style
Many people hate pop-up windows and many browsers block them; CSS pop-up
requires a little additional work to print the contents. Also, you'll
probably get feedback about the method used to hide -- it may/may not play
nicely with some screen readers.
HTH.
--G
__
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] image shifted right
From: Joel D Canfield Sent: Tuesday, April 24, 2007 5:32 PM I can't sort out why the logo in the white box at the top is shifted right 8 or 10 px http://spinhead.info/ah/one/ I've colored the background image yellow to show where the left edge is; the white background of the logo image should cover that, but leave a small dark blue border to the right. thanks for any suggestions joel, Changing #logo width to 170px appears to fix the problem -- not sure if that is the solution you wanted or not. --G __ 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] Newbie Help - Header will not show up
From: Rebecca Wilczenski Sent: Thursday, April 12, 2007 9:29 AM Hi there. This is my first post, so please bear with me. I've been forced to re-design my company's website. I thought everything was looking ok (they don't care about how it validates, they wanted it NOW) so I launched the site. I just love this place... Could someone please be so kind to tell my why the header image is not showing up? It came up just fine in Dreamweaver, and even when I put it on the local server it worked. Thank you for any help you can offer. www.suntansupply.org Rebecca, Hi. Always start a new topic with a new message to [EMAIL PROTECTED] -- replying to another message and changing the topic causes your message to be filed/threaded with the other topic (some people will miss it, and it just bugs others). It appears your #sitename div is looking for the file img/coverimage07.gif which does not appear at http://www.suntansupply.org/img/coverimage07.gif -- make sure you've uploaded the file and that the uploaded filename is all lowercase. --G __ 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] Rollovers (hovers) not working in Firefox
-Original Message- From: Kathi Cushman Sent: Tuesday, March 27, 2007 2:36 PM On this page, my hovers for the horizontal bar of main navs doesn't work in Firefox, except for the first 3. I used the same code for another site that used horizontal navs and worked fine in all browsers. For the life of me, I can't seem to figure this out. http://www.igryphon.com/microtia_final/age-to-begin.html If you have any input I'd sure appreciate it. To fix this specific problem, remove the z-index from #pagetitle_ma. You should validate the HTML [1] and CSS [2] (CSS was fine in this case) (cener is not valid HTML, center is depreciated). I say this as it would have saved me several hours recently. I used Firebug's [3] inspect option to look at your Long term result option. As I was going to that one, I noticed the border appear for your AGE TO BEGIN... section and realized it was placed on top of the menu bar. [1] http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.igryphon.com%2F microtia_final%2Fage-to-begin.html [2] http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http %3A%2F%2Fwww.igryphon.com%2Fmicrotia_final%2Fage-to-begin.html [3] http://www.getfirebug.com/ --G __ 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] Breakout input tags
From: Paul Seale Sent: Tuesday, March 27, 2007 3:44 PM My question is this: Is there a way to break it out to format just the password and text fields? Paul, Yes, and no. input[type=text] will work, but not in IE, so you're better off assigning a class to the input elements in question. --G __ 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] Inner HTML/CSS
Hi, I've created a simple page (http://www.lanierconsulting.net-a.googlepages.com/ErrorTest.html) that displays an problem I'm having. I want to parse my form's inputs, report errors if any (by creating and styling an unordered list) in a box (with an appropriate background/color to draw attention) or allow the form to be submitted. What I have seems to work, with the exception of the background color/border displaying when I apply the class to the div. Using Firefox/Web Developer Toolbar, I can change the size of the text and see it change immediately, so I know my CSS names are spelled correctly/applied to the item in question. Any help is appreciated. If there is a better way to approach this task, I'm all ears. --G __ 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] Inner HTML/CSS
_ From: Glenn E. Lanier, II [mailto:[EMAIL PROTECTED] Sent: Tuesday, March 20, 2007 3:35 PM I've created a simple page (http://www.lanierconsulting.net-a.googlepages.com/ErrorTest.html) that displays an problem I'm having. I want to parse my form's inputs, report errors if any (by creating and styling an unordered list) in a box (with an appropriate background/color to draw attention) or allow the form to be submitted. What I have seems to work, with the exception of the background color/border displaying when I apply the class to the div. Using Firefox/Web Developer Toolbar, I can change the size Turns out I was missing a semicolon in my rules; that caused the border/background not to appear. Thanks to all that looked/replied. --G __ 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] IE 7 Navigation List Trouble
From: ~davidLaakso Sent: Thursday, March 15, 2007 9:39 PM [2] http://www.jsuonline.com/online_degrees.php On my end (XP), I get the problem in both IE6.0 and IE7.0. On a local file I changed this: p class=pStrongEmSelect an online degree program below, or by using the menu to the left, for additional information./p To: pstrongSelect an online degree program below, or by using the menu to the left, for additional information./strong/p That is to say the line is bold and Roman (no italics). This /seemed/ to resolve the issue. So I am assuming that one could use this same fast and dirty half-fix; or, investigate a real solution. And I am assuming, again, that it may be a spin of the IE italic bug (?) -- see: http://www.positioniseverything.net/explorer/italicbug-ie.html ~dL, You're right on the money. Thanks for the PIE link. After altering the live page to only be bold, I created a test page and set the width on the .pStrongEm to 99% and problem is solved. Thanks for the quick and on-target response! --G __ 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] IE 7 Navigation List Trouble
Hello,
I have a properly validating [1] page [2] that is only misbehaving in IE7.
The links/tooltips in the left-hand navigation menu work (div#divPageMenu
ul#ulCollegeMenu) until you get roughly even vertically with the p strong em
text in div#divContentNoTestimonial. Then, the a:hover fails to activate
(and more importantly, the pointer does not become a hand, allowing you to
follow the link). If you resize the window to shift the p strong em text
down the page, the links work as expected until you get roughly even with
that paragraph again.
I can use the keyboard to cycle through all the links (and the HTML
validates), so I do think this is related to the CSS.
As a test, I changed the pstrongem.../em/strong/p to p
class=pStrongEm.../p
and added the following style to the stylesheet [3]:
p.pStrongEm
{
font-weight:bold;
font-style:italic;
}
Same issue, but removing all styles from that P causes the page to work
properly.
[1]
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jsuonline.com%2Fonline_de
grees.php
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jsuonline.com%2Fonline_d
egrees.phpcharset=%28detect+automatically%29doctype=Inliness=1verbose=1#
result
charset=%28detect+automatically%29doctype=Inliness=1verbose=1#result
[2] http://www.jsuonline.com/online_degrees.php
[3] http://www.jsuonline.com/JSUOnline.php (yes, .php not .css)
Any thoughts are greatly appreciated.
--G
_
Glenn E. Lanier, II | [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/
Re: [css-d] Styles being ignored
From: Kevin Crawford Sent: Monday, November 27, 2006 6:39 PM It looks as though my website is ignoring the stylesheet, but I don't know why. The files on one server, http://kevinvancrawford.com/debbie/ look fine in Firefox, but on http://debbielafranchi.com it seems to ignore the styles. Kevin, http://kevinvancrawford.com/debbie/ is using a doctype of XHTML 1.0 Strict, while http://debbielafranchi.com is using a doctype of XHTML 1.0 Transitional. Also, the HTML tag is different between documents. I don't know if either of these are related to your problem, but you aren't comparing the same exact file on both servers. An interesting note: Firefox (1.5) didn't display your background color and centering until I opened the web developer sidebar (to view/edit the CSS) and once I did that, all styles were applied. --G __ 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] Layout differences in IE/FireFox (Win) gasp WRT Fieldset
-Original Message- From: Glenn E. Lanier, II [mailto:[EMAIL PROTECTED] Sent: Wednesday, October 18, 2006 3:06 PM From: Glenn E. Lanier, II Sent: Wednesday, October 11, 2006 4:36 PM Original Post: http://lists.css-discuss.org/mailman/private/css-d/2006-Octobe r/070167.html I have a page [1] that works solidly (as far as I can tell) in FireFox (Windows XP, v1.5.0.7) but when viewed in IE the third fieldset seems to float much farther left than it should. Also, the vertical spacing of the input fields aren't consistent from FF to IE (I don't care about exact pixels -- I just want them on the same line as their labels (highlighted yellow). After further review, I see that actually, the third fieldset is in the correct place, while the first two are [seemingly] right aligned to the containing div. The problem that I see with [1] is that A) page content is not centered horizontally (body has width of 700px and margin:0px auto;) OK in FF, IE doesn't completely center B) first two fieldsets are right aligned, not centered. Any ideas on what to do to fix either of these IE issues? http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html If you attempted to view this shortly after posting until about 3 hours ago, the server was not responding properly. Thanks to ~dL, it's up and running. I removed the two [seemingly minor] validation issues (type not specified on javascript (inserted by .NET) and a MS-only body attribute. Tidy finds no problems, but W3C validator complains about no doctype -- odd, since the very first line of the HTML file is: !doctype html public -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/tr/html4/loose.dtd; Any help would be greatly appreciated. --G __ 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] Layout differences in IE/FireFox (Win) gaspWRTFieldset
From: James Leslie Sent: Thursday, October 19, 2006 11:53 AM and a MS-only body attribute. Tidy finds no problems, but W3C validator complains about no doctype -- odd, since the very first line of the HTML file is: !doctype html public -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/tr/html4/loose.dtd; I believe that the doctype has to be in capitals as below: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; Thanks James. That solved the doctype validation problem. Do you (or anyone else) have any idea about why the entire page [1] does not center horizontally? And/or why the first couple of fieldsets are right aligned? Interestingly, when I changed the fieldsets to divs [2] (via inline style applied to set border and slightly reduced width), they seem to obey. I applied the same margin-bottom (.5em) to my input, select, textarea elements as I have on the labels, so they now seem to stay spaced properly and I don't think I broke anything in Firefox. [1] http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html [2] http://glennlanier.dynalias.com:8080/vsdonation/cssd/samplediv.html As always, thanks for any help or direction. --G __ 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] Extra-space after frame in Firefox and Opera
From: Alicia C Sent: Thursday, October 19, 2006 3:12 PM http://helekins.sites.uol.com.br/ It works fine in Internet Explorer, but in both Firefox and Opera I see some extra-space after the main frame and the menu. The page is supposed to end when the menu and the main frame end. Is there any tag I should add or remove? Or even some hacks, I'm not exactly sure what is meant by the menu and after (horizontally, or vertically). However, you have set the height using inline styles on your div (id=frame) of 286px but declared your iframe to be 280px. Changing this 286 to 286 removes 6 pixels of vertical space. Also, you might try using ID's that are not element/attribute names. Continuing to do so may cause you some grief down the road. --G __ 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] Extra-space after frame in Firefox and Opera
From: Alicia C [mailto:[EMAIL PROTECTED]
Sent: Thursday, October 19, 2006 3:55 PM
I'm not exactly sure what is meant by the menu and after
(horizontally, or
vertically).
However, you have set the height using inline styles on your div
(id=frame)
of 286px but declared your iframe to be 280px. Changing this 286 to
286
removes 6 pixels of vertical space.
Also, you might try using ID's that are not element/attribute names.
Continuing to do so may cause you some grief down the road.
_
Sorry, I meant horizontally. There's an extra space after
the frame at the end of the page, horizontally.
I could just use a simple layout to fit the screen, but I've been
asked a page with horizontal scroll, no idea whre they got the idea from, so
this is it.
Anyways, I'll try to re-build the whole thing doing what you said.
Thanks for the help =)
[G] Alicia,
I don't think you'll have to rebuild it all, just take care in
naming your ID/classes. Make sure they are not HTML elements/attributes (or
CSS bits either). Just for safety.
The page appears to be modified from when I last viewed it; change
#header
{
padding-left:800px;
width:1000px;
}
to
#header
{
padding-left:700px;
width:1000px;
}
Currently #header is 1800 px wide, while #main is 1700px.
HTH.
--G
__
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] Layout differences in IE/FireFox (Win) gasp WRT Fieldset
From: Glenn E. Lanier, II Sent: Wednesday, October 11, 2006 4:36 PM Original Post: http://lists.css-discuss.org/mailman/private/css-d/2006-October/070167.html I have a page [1] that works solidly (as far as I can tell) in FireFox (Windows XP, v1.5.0.7) but when viewed in IE the third fieldset seems to float much farther left than it should. Also, the vertical spacing of the input fields aren't consistent from FF to IE (I don't care about exact pixels -- I just want them on the same line as their labels (highlighted yellow). After further review, I see that actually, the third fieldset is in the correct place, while the first two are [seemingly] right aligned to the containing div. The problem that I see with [1] is that A) page content is not centered horizontally (body has width of 700px and margin:0px auto;) OK in FF, IE doesn't completely center B) first two fieldsets are right aligned, not centered. Any ideas on what to do to fix either of these IE issues? http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html --G __ 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] body properies
From: [EMAIL PROTECTED]
Sent: Tuesday, October 17, 2006 5:31 AM
I want individual body properties depending on the page id.
and this is my css
#home body {
background-image:url(/images/home_bg.jpg);
background-position: 0px 200px;
background-color:#0033CC;
background-repeat:repeat-x;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
nothing appears the background image, the font is the wrong
one. It is like it is totally ignoring it.
This will work (in some browsers) if you the element containing your body
tag has an ID of home
html id=homebodyYour styles applied here/body/html
Please note I don't know if you can attach an ID to the HTML element, and if
so, which browsers support it.
Try
htmlbody id=homeSome HTML/body/html
body#home
{
// Your attributes here
}
HTH.
--G
__
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] Layout differences in IE/FireFox (Win) gasp WRT Fieldset
I have a page [1] that works solidly (as far as I can tell) in FireFox (Windows XP, v1.5.0.7) but when viewed in IE the third fieldset seems to float much farther left than it should. Also, the vertical spacing of the input fields aren't consistent from FF to IE (I don't care about exact pixels -- I just want them on the same line as their labels (highlighted yellow). You can view both the current (and desired) FireFox screenshot [4] and the misbehaving IE screenshot [5]. I validated the HTML [2] and only have two errors -- both a result of ASP.NET (the sample.html file is the result of loading the .aspx page). CSS validates [3] with warnings about background-color missing -- I'm not concerned with these at this time. The page seems to hold up under font-resizing/window resizing (with the knowledge the width is set to 700px). The client prefers the Arial, Arial Narrow font -- me, not so much. So, my questions are: 1) What can I do to get the Credit Card fieldset in IE to behave as the other two fieldsets? 2) What is the best way to make my labels/inputs stay spaced properly down the page? 3) Any other critiques/thoughts? Please copy [EMAIL PROTECTED] on all replies, as mailman [6] says I have a bounce score of 2.0 and that is why I'm not getting any css-d messages. [1] http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html [2] http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fglennlanier.dynalia s.com%3A8080%2Fvsdonation%2Fcssd%2Fsample.html [3] http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http %3A%2F%2Fglennlanier.dynalias.com%3A8080%2Fvsdonation%2Fcssd%2Fsample.html [4] http://glennlanier.dynalias.com:8080/vsdonation/cssd/firefox.gif [5] http://glennlanier.dynalias.com:8080/vsdonation/cssd/ie.gif [6] http://www.css-discuss.org/mailman/listinfo/css-d/ Thanks, Glenn __ 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] Yellow input fields
From: iorhael Sent: Wednesday, October 11, 2006 4:15 PM Would someone be able to tell me why these input fields have turned yellow...this just happened...its been looking fine for months but today they are yellow. http://www.figureskatersonline.com/parkerpennington/contact.php Debbie, Did you recently install the Google toolbar? Viewing this page in WinXP FireFox 1.5 didn't show any input fields with yellow backgrounds. See http://archivist.incutio.com/viewlist/css-discuss/38650 for one discussion of this. --G __ 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] newbie float mystery: not lining up correctly
From: JC Sent: Thursday, August 31, 2006 11:28 AM I'm trying to get 3 vertical boxes floating horizontally, and something in my code is not working right. The nav box on the left works fine. The highlights box on the right works fine. The box in the middle sinks to the bottom-- not where it's supposed to be. You might consider creating a list of lists for your nav's -- see http://css-discuss.incutio.com/?page=ListTricks and/or http://www.alistapart.com/articles/taminglists/ and/or http://css.maxdesign.com.au/listamatic/ and the (only transitional) page: http://emersonsbarreview.com/index3.html Thanks VERY much for your patience and help. It's generally the obvious problems that I haven't learned to recognize yet. That, and float is a subtle challenge. judi, I noticed you have a div with an ID of bodyText (that's fine). But, you also have a class with name of bodyText. Not so good. ID's should be unique (one per element in the page, and not the same as a class). Giving #bodyText a width of 64% causes it to pop into place on my FireFox. You might want to look at http://www.cssplay.co.uk/layouts/3cols2.html for simple 3 column design with a header and footer -- it would allow you to remove the table you are currently using for your header. HTH. --G __ 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] Font Colouring
From: [EMAIL PROTECTED] Sent: Friday, July 07, 2006 10:19 AM Because you have color: #8A864E; written in many places. For black, just use color:#fff; I think color:#000; will produce a darker black 8-. (For those that do not recognize the notation, it is simply shorthand for #00, just as #3cf is shorthand for #33ccff.) --G __ 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] Links not working IE/PC
From: Christy Collins Sent: Wednesday, June 28, 2006 1:50 PM I have some pages where the links in the body text can't be clicked in IE/PC. Could anyone point me in the direction of what might cause this to happen? Christy, Do you have a URL of a page where this behavior occurs? --G __ 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] Problem with a:hover
From: Click This IT Solutions
Sent: Saturday, June 03, 2006 2:01 PM
The site is at www.989studiowebhosting.com and the CSS file is
www.989studiowebhosting.com/989style.css
Rudi,
Hi clever css people
You're not really talking to me ;-
I have a problem on my first CSS layout/design. The one thing
I'm struggling
with is to get the a:hover to work. It was working just fine
and all of a
sudden it stopped working after some minor adjustments to who
knows what or
Your rule states:
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CC;
background-color: #CC;
visibility: visible;
}
Notice how color and background are the same. That basically makes your link
disappear. Change color to something else and they will reappear.
a:hover {
color: #ff;
}
--G
__
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 my left-hand nav
From: Barbara Dozetos
Sent: Thursday, June 01, 2006 1:15 PM
Can anyone tell me how I can make the second line (when there
is one)
of the lefthand navigation copy align with the first line? In this
example: http://www.pcc.com/clients/contact.php the 6th, 7th,
and 8th
links illustrate my problem.
Barb,
I simply added a display:block to your #leftnav ul li a to make it line up
(using FireFox on WinXP).
#leftnav ul li a {
padding: 5px 0 5px 5px;
color: #000;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 90%;
font-weight: bold;
display:block; /* Add this */
}
As an aside, I noticed you have each li marked with a different class, but
didn't see any styling for those classes. You can probably safely remove
them and reduce the page size.
li class=form/li
li class=newsletter/li
li class=lists/li
If you leave them there, you should be aware that some browsers will have
some problems with classes/ID's with element names (like form, p, etc.).
--G
__
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] More on 100% height - 50px via CSS
From: Stephen Cunliffe
Sent: Thursday, June 01, 2006 3:13 PM
What I want, is for the lower body section to be 100% of
the browser window height, minus the 50px at the top.
What I've posted, exceeds the vertical browser window, as it
is 100% of
the window height, not the remaining height (100% -50px)
You define body to be 100%, then you define an element with an ID of body
(bad practice) to also be 100%. That is part of the problem.
Below is the style section I used to get the effect (I think) you are after
(tested on FF/WinXP).
style
html, body, p /* Paragraphs also have padding/margin that need to be
adjusted as desired */
{
margin:0; /* no need for px (or any other unit of measurement) on zero
*/
padding:0;
}
div#header {
background-color: #cceeff;
height: 50px;
}
div#content /* Changed from #body to #content */
{
background-color: #eeffcc;
overflow: auto;
}
/style
/head
body
div id=header
pid=header: Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Vestibulum leo massa, interdum molestie, tincidunt vel, luctus ut,
purus. Praesent a nunc. Aenean non ante sed eros auctor vulputate. Nulla
et velit. Nullam enim. Nullam in tellus. Donec id eros. Morbi tempor.
Nulla semper volutpat nulla. Nam sem ante, aliquet eu,./p
/div
div id=content
pid=body:Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vestibulum leo massa, interdum molestie, tincidunt vel, luctus ut,
[snip]
/p
/div
/body
/html
HTH.
--G
__
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] Div jumps in IE (two examples) SOLVED
From: Glenn E. Lanier, II [mailto:[EMAIL PROTECTED] Sent: Monday, May 08, 2006 4:49 PM HTML in question: http://www.CarpentersForChrist.com/LayerTest/reg1.html Problem solved -- not really CSS related. A /TD was missing the closing greater-than sign. Oddly, before I added my code (the hidden DIV) it didn't cause IE any grief. Thanks to all who looked at this. --G __ 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] Div jumps in IE (two examples)
From: francky Sent: Friday, May 05, 2006 5:07 PM Glenn E. Lanier, II wrote: [...] If you're still reading and not confused, let me try to sum it up: http://www.CarpentersForChrist.com/LayerTest/reg.html contains valid HTML ... Oho! I was still reading but also confused, while I did check the html-validator in the meantime. Proper link to behaving page. Improper wording. Reg1.html, the misbehaving page, is validated. No errors -- CSS errors are all leading underscore related, and shouldn't cause the problem, since reg.html displays properly in IE using the same CSS. HTML in question: http://www.CarpentersForChrist.com/LayerTest/reg1.html Validation of HTML in question: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.carpentersforch rist.com%2FLayerTest%2Freg1.html To get the difference, I should advise to isolate the problem by commenting out parts of the (overwhelming table-) code you got, see where the css is going wrong, and correct IE in that place(s). You're not doing this the right way. You should point out the problem (concisely, hopefully) and let me be on my way! I don't mind hacking that beast down to size, but was hoping a quick glance with fresh eyes would shed some light on where to hack first. ps-1: the css-validator can be made happy by replacing the 3 IE_underscore hacks by a conditional comment. I'll look at that. ps-2: beautyful css-hovers instead of the html-absorbing js-hovers should be some good work too. :-) I agree, but not my call. They'd also benefit from being added using SSI, not hard coded into every single page, but that is a story for a different day. --G __ 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] A Question about cell spacing
From: Angus MacKinnon
Sent: Friday, May 05, 2006 12:40 PM
Excuse me. I am having one of those getting older momenents.
I am putting
together a CSS file and I remember cell padding is Padding:
1em;, however,
what is cell spacing?
Angus,
I generally include cellpadding and cellspacing on my table tag
table cellspacing=0 cellpadding=0
then include a rule to collapse borders on the table element
table
{
border-collapse:collapse;
}
and set padding as desired:
td,
th
{
padding:1em;
}
HTH.
--G
__
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 with input-submit
From: smithj7
Sent: Friday, April 21, 2006 7:27 PM
I'm new. A member of the webaim list suggested I join this
Welcome.
I don't have a clue how to do the html side or the CSS style
sheet side
for the input type=submit except using the inline style.
Two options that I know of:
input[type=submit]
{
/* your styles here */
}
input[type=checkbox]
{
/* styles */
}
which IE (6 and earlier, at least) do not recognize, so a better solution is
to apply a class to the input and style it that way.
input type=submit style=font-size: 10px; font-weight: bold;
font-family: ariel; background: ffedca value=Go/p
--- HTML file
input type=submit class=subbutton value=Go
--- CSS file ---
.subbutton
{
font-size: 10px;
font-weight: bold;
font-family: ariel;
background-color: #ffedca;
}
You might want to rethink the px sizing on your font, either not setting it
at all, or using ems/% for font size. Discussed many, many times on the
list.
You should provide a fallback font in the event someone does not have Arial
installed. Generally, font-family lists several related fonts, followed by
either serif or sans-serif, which tell the browser to use a serif (or
sans-serif) font if none of the fonts are installed.
p class=optionlabel for=menuSelect a Month/labelselect
name=getLink id=menu
option
value=http://dbs.myflorida.com/observe.shtml#January;January
/option
Do not name your classes the names of elements/tags. This will lead to grief
on some browsers/platforms.
--G
__
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] Disabling wrapping elements within a div
From: Mike Botsko
Sent: Monday, April 17, 2006 11:40 AM
http://www.botsko.net/test.html
That I am designing a very basic set of links. In the real
site, the header will limit this area to a min-width of
600px. The number of links within this area will vary. If
there are too many, I want them to wrap to the next line.
However, I don't want the link text itself to wrap, so that a
link is broken between two lines. I just want the entire link
to be pushed to the next line if the first line is too long,
I don't want it to wrap the link itself otherwise the gray
box starts on one line and ends on the next - very ugly. I
need this to work in IE 6+, Firefox, Safari.
Add float:left; to your #subCatLinkBox a rule, i.e.,
#subCatLinkBox a
{
/* all your other rules */
border: 1px solid #ccc;
float:left; /* the new rule */
}
You *may* have to add a clear:left; to the section following your
div#subCatLinkBox.
However, you may want to look at marking these links as an unordered list
instead of many div's containing a single link.
See the wiki for List tricks [1], which includes a link to Listamatic [2]
which should prove really helpful. If you want the links to appear in
columns, then the wiki multiple column lists [3] may help.
[1] http://css-discuss.incutio.com/?page=ListTricks
[2] http://css.maxdesign.com.au/listamatic/
[3] http://css-discuss.incutio.com/?page=MultipleColumnLists
--G
__
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] site check please
From: Stephanie Chausse Sent: Friday, April 14, 2006 10:03 AM http://www.provlib.org/ppl/about/about.html one I'd like comments on is the breadcrumbs-position of them-does it make the page too cluttered up there with the searches?-Does it make the navigation any better? The page below is the only one with Personally, I like them and I think most people expect to find breadcrumbs in that general area. Also, I'd prefer to see the submit button replaced with an image, but that is just an opinion. Error Line 28 column 29: required attribute type not specified. script language=JavaScript Try something like: script language=javascript type=text/javascript The other errors are in the breadcrumbs-it cites missing ul li tags: should I use omittag? You have: ul li class=first a href=../default.htmlHome/a ul liAbout us /li /ul /li /ul I'd change it to ul li class=firsta href=../default.htmlHome/a/li liAbout us /li /ul I couldn't find your .first definition, so not sure what styles you're trying to apply there. --G __ 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] h1 border not displayed in IE (SOLVED)
From: Ingo Chao
Sent: Thursday, September 08, 2005 1:46 AM
Glenn E. Lanier, II wrote:
http://bellsouthpwp.net/S/p/Speedy7/HeaderTrouble.html
The container needs some layout [1], i.e.
div#divTitle {width: 100%}
Ingo,
Thanks. I've tried several different things and was beating my head against
the wall -- this fixed it (along with several other similar problems in other
divs).
[1] http://www.satzansatz.de/cssd/onhavinglayout.html#prop
Thanks for the link.
--G
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] RE: Absolute Position Problem with IE
-Original Message- From: Janie Hadsel [mailto:[EMAIL PROTECTED] Sent: Friday, August 26, 2005 1:45 PM Glenn writes: IE places the MENU div inside my containing DIV You have declared the menu div as absolutely positioned, but haven't declared top and left coordinates. You also have a problem with the content on IE moving over into the blue area of the background when the browser window is resized. I would avoid absolutely positioning the menu div and instead opt for floating it left. I've changed your #divMenu and #divContentSection divs to the following, which seems to work. I haven't tested this in anything other than FF and IE. Hopefully it works in other browsers. Thanks. I made this change and it seems to have less negative side-effects than absolute positioning. --G __ 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] Absolute Position Problem with IE
From: Ingo Chao Sent: Thursday, August 25, 2005 1:58 PM Glenn E. Lanier, II wrote: http://bellsouthpwp.net/S/p/Speedy7/LayoutTest.html IE needs left:0; top:0; on this a.p. menu. From: Uwe Kaiser Sent: Thursday, August 25, 2005 2:05 PM To add a left: 0; to the positioned Menu should do the job. Thanks Ingo and Uwe -- that seems to fix this problem. --G __ 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] text box text not wrapping
-Original Message- From: Behalf Of CJ Larson Sent: Friday, August 12, 2005 8:22 AM Unfortunately I don't think I have control over which type of text input asp.net uses. Thanks for the quick replies! ASP.NET --- hmmm. Are you using asp:TextBox? If so, try this: asp:TextBox ID=txtBlurb runat=server MaxLength=350 Rows=7 Width=210 TextMode=MultiLine/asp:TextBox Note the TextMode=MultiLine (vs. SingleLine). This creates textarea name=txtBlurb rows=7 id=txtBlurb/textarea. To keep this on-topic for CSS-d, you'll have to style the textarea, not an input. --G ps - hacks or any other weird ways I can change a textbox to wrap the text (off-list) will be met by eager eyes! P.S. Sorry, I wouldn't consider this a hack, or even a weird way to accomplish your goal! __ 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 DocType blues
From: Michiel van der Blonk Sent: Thursday, August 11, 2005 2:45 PM To: CSS Discuss List; WebDesign-L FYI: cross-posting isn't allowed: http://www.css-discuss.org/policies.html#policies. We are having a strange problem in FF (1.06). Look at http://test5.caribmedia.com/doctype.html When we look at it, the validator says the HTML and CSS are flawless, but the CSS is not applied to the page! The same page without a doctype does apply the CSS. http://test5.caribmedia.com/nodoctype.html We tried several doctypes, e.g. ?xml version=1.0 encoding=utf-8? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en What's wrong? I know the ?xml causes problems in several browsers -- when you remove that AND the xml:lang=en from the HTML tag, and it displays the same as your nodoctype.html page. I've never used anything more than html, so these tags may be required for you. If so, sorry, can't help there. --G __ 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] Align text to two different sides of a TD
From: Fred Newtz
Sent: Friday, August 05, 2005 12:33 PM
Is there anyway I can align two different pieces of text to
two different
sides of a TD? I tried using div and span however it
is not working
for me. Here is what I am trying to do now:
divtd class=rowclass1. Newtz, Fred span style=text-align:
rightbEnrolled on:/b 04/11/2005/td/span/div
If you float the span to the right, and place it before the text you want on the
left (and make sure to close your tags in the proper order), you can achieve
this (tested in Firefox).
table border=2 width=600pxtr
td class=rowclassspan style=float:right;ipsum/spanLorem/td
/trtable
If the ordering seems unnatural, you could also do something like:
style type=text\css
td.rowclass1 { text-align:right; }
td.rowclass1 span { float:left; }
/style
table border=2 width=600pxtr
td class=rowclass1spanLorem/spanipsum/td
/trtable
--G
Glenn E. Lanier II
Email: [EMAIL PROTECTED]
__
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] Refresh needed and Jumping Div's (IE6/Win)
From: Glenn E. Lanier, II Sent: Wednesday, July 27, 2005 4:28 PM http://bellsouthpwp.net/S/p/Speedy7/transcript.html (CSS inline for ease in troubleshooting)) that displays a section of a form on page load. The problem is that when additional fields are displayed, the bottom border of the fieldset is redrawn (as new items are contained in the fieldset), but a little portion of the line is still displayed at the original location. Resizing the window and/or switching to another window and back clears this left-over bit. My question, what should I do to correct this behavior? Not sure it was the correct thing to do, but I fixed this by hiding the containing div and redisplaying it. Also, in IE, when the additional fields are displayed, the last one is mostly cut off -- why? Also corrected, by adding a _margin-bottom:1em to the div.Self, div.College, div.Other, div.CollegeOther definition. The second problem, and probably easier to diagnose, deals with the divAddTranscript (the Add Transcript) link -- when you mouseover/hover in IE it shifts vertically toward the top of the screen a few pixels; subsequent mouseovers have it staying put (once shifted, no more shifts). I'm still having trouble with understanding what is causing the upward vertical shift when hovering on the Add Transcript button the first time. Thanks for any help. --G __ 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] Refresh needed and Jumping Div's (IE6/Win)
I have a page ( http://bellsouthpwp.net/S/p/Speedy7/transcript.html (CSS inline for ease in troubleshooting)) that displays a section of a form on page load. The section displayed is a frameset with a couple of select boxes. When a selection is made in the first box (Send To:), a JavaScript function is called to determine which fields to show in the fieldset (select college or other for the most fields). The problem is that when additional fields are displayed, the bottom border of the fieldset is redrawn (as new items are contained in the fieldset), but a little portion of the line is still displayed at the original location. Resizing the window and/or switching to another window and back clears this left-over bit. My question, what should I do to correct this behavior? Also, in IE, when the additional fields are displayed, the last one is mostly cut off -- why? The second problem, and probably easier to diagnose, deals with the divAddTranscript (the Add Transcript) link -- when you mouseover/hover in IE it shifts vertically toward the top of the screen a few pixels; subsequent mouseovers have it staying put (once shifted, no more shifts). Thanks for any and all help. --G _ Glenn E. Lanier II * Email: mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] __ 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] SOLVED: Margin Problem in IE
From: Vincent Hide
Subject: [css-d] SOLVED: Margin Problem in IE
I have solved the issue. It was not IE, it was me (I can be just as
annoying). The h1#pagetitle element was causing the issue. I
replaced it
with something with no in built padding (ie. just a normal div).
Vincent,
You might want to leave the H1 and remove the built-in margins:
h1#pagetitle {
background-image:
url('http://www.storesprite.org/lamp/images/pagetitlebg.png');
background-repeat: no-repeat;
width: 550px;
height: 55px;
font-size: 24px;
color: #fff;
padding: 10px 80px;
margin:0px; /* Add this, possibly adjust the numbers */
}
--G
__
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] Simple div positioning problem
-Original Message- From: Jon Trelfa Sent: Thursday, June 30, 2005 2:38 PM On 6/30/05, Glenn E. Lanier, II [EMAIL PROTECTED] wrote: I created http://bellsouthpwp.net/S/p/Speedy7/position.html as a way to test, I changed your CSS just slightly as such. 1. The thin keyword changes your widths relatively, so I changed them all to 1px 2. The container is positioned relatively with the inner divs positioned absolutely 3. I gave the container div the 80% width with auto margins rather than the inner divs [snip] Hope this helps! Brilliant. As my nephew said, Works very much good now. Thanks, I tried relative/absolute, but apparently I didn't have all the pieces in the right place. Thanks again for the quick response. --G __ 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/
