Ok w w w.gameyin .com (don't know whether I can post urls..but you should be able to decipher. See that edge sticking out? It's DRIVING ME MADD!!!!!!. I've tried literally everything and I started to think it was an Opera 9.0 bug but all browsers display it like this so it is something I'm doing wrong...
I've tried messing with padding/margins/image repeats/width/height but THIS IS MAKING ME SO AGGRAVATED! DevShed seems unwilling to answer my plees so I decided to come here. Here is the code that is driving me bonkers.
And the CSSCode:<div class="ArticleBody"> <h4>Browse our many articles and topics!</h4> <h6>Why should you come here anyway?</h6> All code here is guarenteed to work in all browsers unless specified. We test in a wide range of browsers: <ul> <li>IE6/7</li> <li>Firefox 3</li> <li>Safari 1.3</li> <li>Opera 9.0</li> </ul> <h4>All these browsers are used in the testing of our code.<br /> We follow and maintain HTML's and CSS's best standards here at SiteDevs:</h4> <p><ul> <li>We write all of our code, in every single article, by hand. I figure that since journalists write their stories by hand, word by word, why not give the same appreciation to code writing?</li> <li>We take pride in our code. However if you wish to use any examples here you may. If you feel a flurry of generosity you can put a comment in your CSS saying you got it from here.</li> <li>We take advantage of things in HTML that should be done. Such as closing tags.</li> <li>And finally we put quotes in HTML attributes. Here's just an example:<br /> <a href="goodexample.html" title="Good">Good example</a></li> </ul> <h4>If that wasn't all enough for you to keep coming here, think about...</h4> <ul> <li>We write markup the way it's supposed to be written. You wouldn't want your dog making you coffee would you? Semantics are very useful in HTML and you can read up some more on semantics by clicking <a href="html/semantics/" title="Semantic Markup">here</a></li> <li>We use Unobtrusive JavaScript which allows us to remove the clutter of inline event handlers. Look at JavaScript section for more details.</li> </ul></p> </div> <div class="ArticleFooter"> <h4>Here at SiteDevs we encourage all people to write all JavaScript and CSS into separate files:</h4> <ul> <li>Cache can take effect and effectively reduce loading time. Happier users return</li> <li>If you wish to make a change sitewide, and you have the files linked externally, all you do is change<br /> the CSS/JavaScript file and changes will be made sitewide!</li> </ul> <p></p> </div>
That's not all the code however (I mean for site) if you need more just go to the site and you can see it all. Please answer quick before migranes become permanentCode:div#content { background-color: #ffffff; text-align: left; height:auto; background: url(images/topleft.gif) top left no-repeat; width:90%; margin-left: 5%; } div#content h2 { text-align: center; background: url(images/topright.gif) top right no-repeat; font-size:1.3em; padding:15px; margin:0; } div#content p { margin-left: 10px; text-align: left; } div#content h4 { margin-left: 10px; } div.ArticleBody { background: url(images/rightborder.gif) top right repeat-y; margin:-2em 0 0 0; padding:15px; } div.ArticleFooter { background: url(images/bottomleft.gif) bottom left no-repeat; } div.ArticleFooter p { background: url(images/bottomright.gif) bottom right no-repeat; padding:20px 0 20px 20px; display:block; margin:-2em 0 0 0; } div#content ul { font-size: 12px; margin-left: 20px; text-align: left; }![]()



Bookmarks