SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Rounded borders issue

  1. #1
    Non-Member
    Join Date
    Jun 2008
    Location
    Whiteford MD
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Rounded borders issue

    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.

    Code:
    		<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 />
     &lt;a href="goodexample.html" title="Good"&gt;Good example&lt;/a&gt;</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>
    And the CSS

    Code:
    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;
    }
    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 permanent

  2. #2
    Non-Member
    Join Date
    Jun 2008
    Location
    Whiteford MD
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Anyone? Noone seems to know answer :/

    Ok made space smaller using a technique but still there. Look at the site for updated code. The code I posted above it outdated.
    Last edited by DevPlooth; Jul 6, 2008 at 14:25.

  3. #3
    Non-Member
    Join Date
    Jun 2008
    Location
    Whiteford MD
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sigh this is just like devshed :\ aren't there any uber pro gurus out there in this virtual world?

  4. #4
    Non-Member
    Join Date
    Jun 2008
    Location
    Whiteford MD
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fixed at www.gameyin.com if you want to see

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •