Re: [css-d] stylesheet link causing validation to fail
Bill Walton wrote: I'm really having a hard time understanding 'normal page flow.' I see it referred to, but I haven't been able to find an understandable explanation of what it is. If you (or anyone else) could point me to a reference that could help me get my arms around those fundamentals, I would *really* appreciate it. Thanks again for your help. Someone else may provide references, but to me normal page flow is how the page renders when CSS is turned off. -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] stylesheet link causing validation to fail
Ingo Chao Add top:0; to .col3 and position:relative to each .LinestyleX Thank you very much. At least now the results are the same in IE and FF. or go the other route without position:absolute. I'm going to try to eliminate the position: absolute this weekend. The pointers you and LordChaos gave will be where I start, for sure. I tried using position:relative to begin with but that produced a bigger mess. I'm really having a hard time understanding 'normal page flow.' I see it referred to, but I haven't been able to find an understandable explanation of what it is. If you (or anyone else) could point me to a reference that could help me get my arms around those fundamentals, I would *really* appreciate it. Thanks again for your help. Best regards, Bill __ 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] stylesheet link causing validation to fail
On 20/07/06, Bill Walton [EMAIL PROTECTED] wrote: Greetings! Can anybody see why the stylesheet link below wouldn't validate? link href=/stylesheets/emrec_entry.css?1153418233 media=all rel=Stylesheet type=text/css / I'm trying to validate a page's HTML and, with this line in the HTML, am getting an error that says I have a /head tag without head being open. When I take this line out, everything validates. I don't get it. Thanks in advance for any help. Best regards, Bill __ Why the ? and numbers in the css filename? -- http://www.web-buddha.co.uk http://www.projectkarma.co.uk __ 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] stylesheet link causing validation to fail
Hi Dave, Dave Goodchild wrote: Why the ? and numbers in the css filename? The app's built using Ruby on Rails and the stylesheet link is autogenerated. The stylesheet definitely works. But I'm working on a styling problem, decided I'd better validate the generated HTML before asking for help here, and this showed up. I'll see if the link validates with the '?1153418233' gone. Thanks! Bill __ 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] stylesheet link causing validation to fail
Hi Debi, Debi Orton wrote: If you are using HTML, the slash at the end of the line is probably throwing an error. Also, I'm not sure about the ? after the CSS file's name. Hope this is helpful. Very helpful! The slash was the problem. File validates without it. Fails with it in. Thanks! Now the question (to anybody) is, is that going to cause me problems with the stylesheet? It doesn't seem to. But I'm having a problem with sizing / positioning buttons and wonder... Thanks again for your help, Bill __ 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] stylesheet link causing validation to fail
Very helpful! The slash was the problem. File validates without it. Fails with it in. Thanks! Went back to the w3schools site to see what I'd missed and now I'm confused. Here's the example HTML from that site for stylesheet links. head link rel=stylesheet type=text/css href=mystyle.css / /head Looks, from this, like the '/' is _supposed_ to be there at the end. Any additional info (even speculation) would be appreciated. Thanks, Bill __ 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] stylesheet link causing validation to fail
On 20/07/06, Bill Walton [EMAIL PROTECTED] wrote: Very helpful! The slash was the problem. File validates without it. Fails with it in. Thanks! Went back to the w3schools site to see what I'd missed and now I'm confused. Here's the example HTML from that site for stylesheet links. head link rel=stylesheet type=text/css href=mystyle.css / /head Looks, from this, like the '/' is _supposed_ to be there at the end. Any additional info (even speculation) would be appreciated. Thanks, Bill Yep, the / closes an empty element, like br / and img / for example - required in xhtml. -- http://www.web-buddha.co.uk http://www.projectkarma.co.uk __ 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] stylesheet link causing validation to fail
On 7/20/06, Bill Walton [EMAIL PROTECTED] wrote: Very helpful! The slash was the problem. File validates without it. Fails with it in. Thanks! Went back to the w3schools site to see what I'd missed and now I'm confused. Here's the example HTML from that site for stylesheet links. head link rel=stylesheet type=text/css href=mystyle.css / /head Looks, from this, like the '/' is _supposed_ to be there at the end. Any additional info (even speculation) would be appreciated. If you are using XHTML, you need it for self closing tags: tag / If you are using HTML, you don't want it: tag -- -- Christian Montoya christianmontoya.com ... portfolio.christianmontoya.com __ 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] stylesheet link causing validation to fail
Thank you all for your responses! Many wrote: If you are using XHTML, you need it for self closing tags: tag / If you are using HTML, you don't want it: tag That was indeed the problem. I had an HTML Doctype. Problem is, the page won't come close to validating with any of the XHTML Doctypes, and many of the problems are out of my control. This is my first Ruby on Rails app and the tool is generating most of the tags. In reality, I have no idea whether any of this is even related to the problem I'm trying to solve. I'd really appreciate it if any of you would make a couple of minutes to take a look and let me know. The site is at http://www.emrec-beta1.com . There's a link at the bottom of the first page that takes you into the app. On the 'Patient Information' page, enter something in the 'Last name' field. No additional info is required to proceed. Four clicks takes you to the 'Medication allergies' page which is where the problem is. Click in the 'Other Drug Allergies' checkbox. That brings up a form to enter stuff in. When items are entered, the item is added to the database and a new line is rendered via Ajax in the div under the 'Allergy List'. Each line has a button on it to remove that item from both the database and the page. In IE it's ugly. In FF it's worse ;-( . If you go to the next page and add an item or two you'll see where I started. I'm trying to change the links to buttons so that visitors using the Google Web Accelerator don't have it removing items as soon as they add them. Any suggestions / pointers will be sincerely appreciated! Thanks in advance, Bill __ 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] stylesheet link causing validation to fail
Bill Walton wrote: ... http://www.emrec-beta1.com . Each line has a button on it to remove that item from both the database and the page. after some clicking, I guess you mean this page http://www.emrec-beta1.com/allergy/edit Position: absolute means taking it out of the page flow and offset it relatively to its containing block. Since you have a left offset, but no top offset for the button, a browser has to estimate the static position, meaning the place where this element would have been placed normally. IE is not good in those things. Define top:0 for the button and give the line position: relative. This establishes a containing block, an origin for the offset. Or better try to achieve your layout ideas without position: absolute. In case this is not what you meant with ugly or worse, a problem description and a static page to work on would be immensely helpful. Ingo -- http://www.satzansatz.de/css.html __ 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] stylesheet link causing validation to fail
The site is at http://www.emrec-beta1.com .
There's a link at the bottom of the first page that takes you into the app.
On the 'Patient Information' page, enter something in the 'Last name' field.
No additional info is required to proceed. Four clicks takes you to the
'Medication allergies' page which is where the problem is.
Click in the 'Other Drug Allergies' checkbox. That brings up a form to enter
stuff in. When items are entered, the item is added to the database and a
new line is rendered via Ajax in the div under the 'Allergy List'. Each line
has a button on it to remove that item from both the database and the page.
In IE it's ugly. In FF it's worse ;-( . If you go to the next page and add
an item or two you'll see where I started. I'm trying to change the links to
buttons so that visitors using the Google Web Accelerator don't have it
removing items as soon as they add them.
Any suggestions / pointers will be sincerely appreciated!
Thanks in advance,
Bill
Hi Bill,
Your problem is here:
.col1 {
position: relative;
left: 10px
}
.col3 {
position: absolute;
left: 35em;
}
You would probably do better to use floats.
http://css-discuss.incutio.com/?page=AlignLeftAndRight
I won't embarrass myself by trying to write the stylesheet from memory
on-the-fly, but basically:
--Open your linestyle div (don't forget to give it a width)
--Open another div for the 'other' item.A gain, specify a width,
display:block, and float:left, then close that div
--Open another div for the 'form/remove button', specifying the width,
display:block, and float:right, then close that div
--close your linestyle div.
HTH and G'luck,
Howard
PS-- currently working on my first production RoR app as well.
__
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] stylesheet link causing validation to fail
I won't embarrass myself by trying to write the stylesheet from memory d'oh, I knew I'd get something a bit off--see below: --Open another div for the 'other' item.A gain, specify a width, display:block The example from the wiki demonstrates floating hyperlinks, hence the need for the display block. Here you don't even need that, I believe, since div's are block level elements to begin with. --Open another div for the 'form/remove button', specifying the width, display:block ditto __ 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] stylesheet link causing validation to fail
Hi Ingo, Ingo Chao wrote: a static page to work on would be immensely helpful. I've put a static page at http://www.emrec-beta1.com/edit.htm and hard-coded the stylesheet link to the emrec_entry.css file in the same directory. Please let me know if you have any trouble accessing either. Thank you very much for taking a look! Best regards, Bill __ 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] stylesheet link causing validation to fail
Bill Walton wrote: Hi Ingo, Ingo Chao wrote: a static page to work on would be immensely helpful. I've put a static page at http://www.emrec-beta1.com/edit.htm and hard-coded the stylesheet link to the emrec_entry.css file in the same directory. Please let me know if you have any trouble accessing either. Thank you very much for taking a look! Add top:0; to .col3 and position:relative to each .LinestyleX or go the other route without position:absolute. Ingo -- http://www.satzansatz.de/css.html __ 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/
