[css-d] styling the legend element
Hi all, I know CSS support for the legend element is currently minimal, but I was wondering if anyone has ever managed to float it left in the major browsers? In particular, IE5+, Firefox, Safari. I've got a graphic title inside which I have also floated left, was hoping I could override the legend element in some way and use a styling directly on this, but I just can't get it to float left in IE. Here is the code sample: form action=index_logged_on.html method=post fieldset legendimg src=images/header_title_bookings.gif width=116 height=29 alt=BOOKINGS: Login to your account//legend input type=text name=username class=login_field value=username/ input type=text name=password class=login_field_password value=password/ input type=image src=images/header_go_button.gif alt=Go name=login id=login value=GO/ /fieldset /form If you notice any other discrepancies in the HTML, please ignore them and let's focus on the topic at hand!! Also, does anybody know a good link to further information on styling the legend? It would be great to know what CSS attributes can be used in each browser. Cheers, Paul __ 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] wrapping
Pretty basic question: if you had an image floating right and a paragraph of text floating left, what's the best way to stop the text wrapping if it exceeds the height of the image? Can you do this without adding extra text? img src=image.gif alt= width=1 height=1 border=0 style=float:left; p style=float:right your text here /p __ 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] link to a style sheet in the body of a page
Hi all, Just wondering if anyone could let me know how to link to an external style sheet in the body of the page, using a method that validates and works for browsers back to Netscape 6, Opera 7, IE 5.0 on PC, IE 5.2 on Mac? Would appreciate your help. Paul __ 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] link to a style sheet in the body of a page
Thanks for your reply Ian. I've got a navigation include coming from a third party. They've got their own style sheet for this and it is a part of the include. The include features in the body of the page and it all works OK using the CSS link way, but it doesn't validate. This is because you can't use the link attribute in the body of a document, only in the head. Just wondering if there was another way of linking to the stylesheet in the body of the document: link rel=stylesheet type=text/css media=all href=styles.css/ Any ideas? Cheers - Original Message - From: Ian Young To: Paul Collins Sent: Tuesday, May 09, 2006 12:08 PM Subject: RE: [css-d] link to a style sheet in the body of a page Hi all, Just wondering if anyone could let me know how to link to an external style sheet in the body of the page, using a method that validates and works for browsers back to Netscape 6, Opera 7, IE 5.0 on PC, IE 5.2 on Mac? Would appreciate your help. Paul Not sure what you are trying to do here. Why would you want to link in body rather than head? Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.392 / Virus Database: 268.5.5/334 - Release Date: 08/05/2006 __ 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] link to a style sheet in the body of a page
Thanks Ian, Yes, it does work with the full URL: it works fine in the body, but doesn't validate. The reason for including it in the body is so I can have a single include come from the third party, being called in the body of the document, which contains all HTML and styles for their nav. This would keep things a little cleaner instead of me adding their style sheet to the header of every single HTML page, as well as their navigation include to the body of the page. Would rather the style sheet was part of their include. Hope that makes sense? Paul - Original Message - From: Ian Young To: Paul Collins Sent: Tuesday, May 09, 2006 12:27 PM Subject: RE: [css-d] link to a style sheet in the body of a page Thanks for your reply Ian. I've got a navigation include coming from a third party. They've got their own style sheet for this and it is a part of the include. The include features in the body of the page and it all works OK using the CSS link way, but it doesn't validate. This is because you can't use the link attribute in the body of a document, only in the head. Just wondering if there was another way of linking to the stylesheet in the body of the document: link rel=stylesheet type=text/css media=all href=styles.css/ Any ideas? Cheers Still needs to be in the head no matter what. However, if you use the complete URL from third part that will work. ie link rel=stylesheet type=text/css media=all href=http://www.clientdomain.com/include/styles.css/ However, I am being totally thick here as I am still not sure what you are trying to achieve. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.392 / Virus Database: 268.5.5/334 - Release Date: 08/05/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] height 100% XHTML
Hi all, We have a site built using XHTML transitional. We need a footer div to sit at the bottom of the page, even when the content doesn't reach the bottom fold, so basically the body DIV which comes before it in the code needs to have a height of 100% to push it down. As far as I am aware height:100% is not supported in XHTML, at any rate it isn't working. We can make a background image tile the screen to give the appearance of the content stretching to the bottom, but the footer still needs to sit at the bottom of the browser, so it doesn't solve the problem. I have also tried absolutely positioning the footer at the bottom, but this sits at the bottom of the fold, not the bottom of the content, so when your content stretches below the fold the footer stays on top at the bottom of the screen, sitting on top of the content. I was wondering if anyone else has tackled this problem before, and if so could you send me a link or explain your solution. Would really appreciate any advice. I hope I have made myself clear! Example of code: div id=content content needs to have a height of 100% /div div id=footer footer links need to sit at the bottom of the page even if the content doesn't stretch the height of the browser window. /div Cheers! Paul __ 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/