Re: [css-d] Selecting a br following a paragraph of a given class
Is there a way to select all br tags that follow a paragraph with a given class? i.e. p class=myclassThis is a paragraph/pbr There may be other br in the HTML so I cannot use this: br {display:none;} and I cannot delete all br tags. There are about 700 pages and I do not want to go through each of them to make sure if the br is needed or not. I do know that it is not needed following a paragraph with the class of myclass. TIA, Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background bullet for paragraphs
I have about 700 pages (eBook) that were once created in Microsoft Office. The author was not intending to create HTML pages in the beginning. I have all of the pages cleaned up except for one thing and I really do not want to go through each of the pages and individually alter them. The problem is some paragraphs that look like they should have originally been unordered list items. The image is a small box that looks like it would have been used on a bulleted list. Instead of an ul this is used and there are thousands of them in the 700+ pages. p class=imageBulletsimg border=0 width=10 height=10 src=Image_files/image003.gifnbsp;nbsp;And the info for the paragraph/p Paragraphs do look fine for this particular resource. If I continue to use them as paragraphs, it means that I would not need to hand code each of these pages to change the lines into list items. Is there a way to shorten the above and use CSS? Something like using the image as a background for the paragraph and floating it to the left? This to completely remove the img tag? Then I would not need to hand code the pages. I could use a search and replace and be done with it in a matter of minutes and not spend days to weeks on it. Thanks, Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background bullet for paragraphs
p.imageBullets { background: url('Image_files/image003.gif') no-repeat top left; padding-left: 16px;} Thanks. That is a start. But, since the image is a background, it does not push the text over. Instead, the image is behind the text. Should I just add nbsp; to the beginning of the string of the contents of the paragraph to make sure that the text starts to the right of the image? Or is there another way to only move the text of the paragraph to the right and still have the image to the left? (i.e. padding for the text and not for the image) Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background bullet for paragraphs
I get it now. It was me that was confused. This works. p.imageBullets { background: url('Image_files/image003.gif') no-repeat left center; padding-left: 40px;margin-left:0;} I added a margin-left:0 to position it like I wanted and centered the image with the text. Is there a way to style that image within the background of the paragraph? For instance, in the img tag, you are able to control the width and the height of the image. How do you do this in the CSS? Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling the control for the audio tag in HTML5
The default control for audio in Mobile Safari just doesn't look right for my purposes. I would like to include my own control for the scanner (slider), play, pause, etc. Has anyone seen a demo page for this? Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ccc drop down menu breaks in mac
www.bfivestudio.com They drop down for me in Safari on the Mac. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border images
Thank you for all of your answers...even the trashing of the sources ;-) Linda On Apr 17, 2010, at 2:41 AM, Philippe Wittenbergh wrote: To add something constructive to this thread, after thrashing your sources: You could accomplish what you want with multiple background images __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border images
Are you sure that specific property exists ? Webkit supports '-webkit-border-image Perhaps I am misreading this? http://www.css3.info/preview/border-image/ It mentions in the list border-top-image Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border images
Oh yes, and this article also mentions the border-top image. http://perishablepress.com/press/2010/02/22/css3-border-properties/ Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border images
CSS3 topic...for Safari only. I have a textarea that has a background image. The background repeats and looks like parchment paper with brown left and right edges. I also have another image that looks like the top of the paper. I want to use this as the top border image for the textarea but I don't seem to be getting the syntax correct because it is not working. #notes {-webkit-border-image-top: url(paper-top.png);} This does not work. What would be the correct syntax if I want it placed as the top border for the textarea and positioned at the top left with no repeating of the image? Thanks, Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Which selector to use?
I would like to style an input button input type=button value=Close id=closeButton What selector would I use to do this? There are other buttons that I do not want to style the same as this button. Thank you, Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Which selector to use?
Sorry. I should have checked this first. It must have been the browser that I was using Safari 4.0.4 on the Mac. I just tried it in Firefox and it works fine. Linda On Mar 30, 2010, at 10:42 AM, Philip TAYLOR wrote: #closeButton ? Linda Miller, DVM wrote: I would like to style an input button input type=button value=Close id=closeButton What selector would I use to do this? There are other buttons that I do not want to style the same as this button. Thank you, Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Which selector to use?
Thank you, Kata. My problem apparently was that I was testing in Safari on the Mac. I was using the #closeButton selector and just changing the font size. This did not work as expected and I should have checked it in other browsers before posting. Since it was not working correctly in Safari, I thought that it was my CSS rather than the browser. Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Which selector to use?
what were you trying to do? Change the font size of the close button that has this input type=button value=Close id=closeButton what was the problem? you never explained what was happening. It did not display as expected (increased font size) in Safari on the Mac but does in FireFox and Mobile Safari. #closeButton { font-size:2em; } I thought that is what I said when I wrote this: I was using the #closeButton selector and just changing the font size. were you selecting it wrong? No. I did not post it to a web site and send the URL because I was just checking it on my desktop. Now I know that the selector was being used correctly but it was just the browser (Safari on the Mac) that was not displaying it as expected. I should have tested in more browsers before posting to the list. Linda __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/