I've just added a PayPal donation button to my site http://outonthetownbibs.com/ . The button location is not responding to the css. I placed it in exactly the same paragraph designation as the paragraphs above and below it. I even tried changing the background color as an experiment and it worked with the other paragraphs but not the one with the PayPal code in it. Ideally I would like to have it centered. I tried text-align: center; but it did not work. I also tried float: right; just to see what would happen. Nothing What is it that I don't know about this?
I have found a work around to make it look acceptable. I would still like to know if anyone has ideas about why the CSS would not work on the paragraph level with PayPal code.
1) form is a block level element -- why does it even NEED a paragraph around it. 2) not sure if that pixel.gif crap is part of their testing, but I'd see if it works without it. 3) there should also be a block level container, like fieldset, inside the form. though looking at the code for your page, the endless pointless PRESENTATIONAL and vague classes, endless pointless wrapping of things in paragraphs that aren't even paragraphs, endless pointless span to apply presentation, and in general a complete lack of semantic markup and nonsensical use of line-breaks, use of tags (like iframe) and attributes (like target) that don't even exist in your doctype, images for text, significant parts of the layout being built with absolute positioning instead of flow, nonsensical document structure or content order, complete lack of graceful degradation, much less the pointlessly redundant and overstuffed keywords meta (guaranteed to be ignored for missing the point of "keywords") all add up to the advice I give a lot of people. Throw that mess away, there's little if anything worth saving in it. Where are your heading tags, what's with all the pointless classes... just what WYSIWYG vomited up this code since "No human being would write code like this"... If you don't know what's wrong with putting FORM inside a P, or what's wrong with this: <p class="index2"> <span class="bold3">Tip #1 - Washing</span><br/> When using Velcro, close before laundering. </p> <p class="index2"> This will minimize damage to other clothing in the laundry load. </p> <p class="index2"> I will prevent bibs from snarling up if you are washing several at a time. </p> Code (markup): or this: <p class="center2"> <a href="index.html"><span class="bold">Home</span></a><br/> <a href="comments.html" ><span class="bold">Comments</span></a><br/> <a href="links.html"><span class="bold">Resources</span></a><br/> </p> Code (markup): Do yourself a favor, and find someone who does to explain it to you. It's called presentational markup - you might as well go back to writing HTML 3.2 using code like that. I would also suggest learning about accessibility and color contrasts -- since many of your sections, like the black text on dark cyan, or worse the red on dark cyan -- are illegible to a large portion of the population.