Page 1 of 2 12 Last
  • Jump to page:
    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0

    Bottom and right table borders not working


    Hello all,
    I am trying to make a table, but for some reason I cannot get the bottom and right border show up. I would post pictures and my style.css for you guys to review, but I can't because new account restrictions.
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    9
    You should be able to post your HTML + CSS code.

    Use the '#' button within the post interface to add code tags, then paste your HTML + CSS within the tags which appear.

    Kind regards,

    NM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0
    Hey, thanks for replying. I already tried that but it exceeds the max limit for characters in a post.
    Thanks!
  6. #4
  7. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    9
    Dang, try adding just the relevant parts of the HTML and CSS. For example just put any HTML to do with the table within some code tags, then put your CSS relating to the tables inside another set of code tags.

    Are your CSS style declarations in your HTML file or are they in an external stylesheet?

    Kind regards,

    NM.
  8. #5
  9. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,127
    Rep Power
    4304
    Welcome to DevShed Forums, dsf190.

    As you (may have) found out new users are restricted from posting URLs until they have made 5 posts. You may need to get around this by leaving out the "http://" and putting a space before each ".". Yes this rule is annoying, but the administrators say it's necessary for limiting spam.

    There is also a policy that prevents users from posting attachments until they have 30 posts and have been a member for 30 days, so if needed http://imageshack.us/ can be used to host images.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0
    I understand it's to keep spam down.
    Here is my CSS File:
    www.pastebin.com/0YC6gqrA

    Here is my HTML File:
    www.pastebin.com/Ja0yZrnf

    Here is what I want it to look like:
    i.imgur.com/aivuvz9.png

    Here is what it looks like:
    i.imgur.com/5wxOb0F.png

    The CSS and HTML are separate files.
    Last edited by Kravvitz; March 18th, 2013 at 11:49 PM. Reason: removed unnecessary spaces from URLs
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0
    Anyone have any suggestions?
  14. #8
  15. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,127
    Rep Power
    4304
    The below code seems to be the relevant HTML (I put it through a formatter) and is the source of the display issue. Both dsf190 and Nanomech, what problems do you see with it?
    Code:
    <table cellpadding="5" cellspacing="5" border="0" class="networkstat" width="260" align="center">
    	<tr>
    		<td class="success">
    			<a href="http://www.mcrafthost.net/wp-content/uploads/2013/03/accept.png">
    				<img src="http://www.mcrafthost.net/wp-content/uploads/2013/03/accept.png" alt="accept" width="16" height="16" class="alignnone size-full wp-image-260" />
    			</a>  
    			<p>
    				<font size="2.5">All Nodes Online!</font>
    			</p>
    		</td>
    	</tr>
    	<tr>
    		<td class="success">
    			<a href="http://www.mcrafthost.net/wp-content/uploads/2013/03/accept.png">
    				<img src="http://www.mcrafthost.net/wp-content/uploads/2013/03/accept.png" alt="accept" width="16" height="16" class="alignnone size-full wp-image-260" />
    			</a>  
    			<p>
    				<font size="2.5">Multicraft Server Online!</font>
    			</p>
    		</td>
    	</tr>
    </table>
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  16. #9
  17. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0
    If you are talking about the border being set to 0, I have already tried setting it to 1 and it yields the same results.
  18. #10
  19. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0
    This question is still not solved, does anyone know what to do?
  20. #11
  21. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    9
    Originally Posted by Kravvitz
    The below code seems to be the relevant HTML (I put it through a formatter) and is the source of the display issue. Both dsf190 and Nanomech, what problems do you see with it?
    1. border attribute set to 0 (I have read your reply though dsf190 and I don't think it has anything to do with extra stylings somewhere else because direct inline styles will overwrite other CSS)

    2. The use of Wordpress to build the site.

    3. The use of tables.

    4. The use of the <font> tag.

    5. The width + height attributes for the <img />'s should be done with CSS.

    6. The table is using the align attribute which should be done with CSS.

    That's all I got.

    Kind regards,

    NM.
  22. #12
  23. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0
    Then could you provide some alternatives since Wordpress doesn't work apparently?
  24. #13
  25. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Jun 2009
    Posts
    677
    Rep Power
    7
    My personal favorite is PSPad, and a friend of mine likes Notepad++
  26. #14
  27. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    9
    dsf190 are you using the table to display tabular data, such as statistics etc or are you using it to position elements on your page?

    I'll re-write your code for you once I know because if you are displaying tabular data, then tables are ok imo.

    I've heard mixed views on Wordpress and this is just my own personal view.

    Kind regards,

    NM.
  28. #15
  29. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    10
    Rep Power
    0
    The only thing that is being put in the boxes are what I have in the picture in the original post, a picture and some text. Note that it is in line with other elements on the page. You can see the page at http://www.mcrafthost.net/server-specs-and-network-status

    Please know that this page is not done yet which is why the text in the middle looks strange.
Page 1 of 2 12 Last
  • Jump to page:

IMN logo majestic logo threadwatch logo seochat tools logo