Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: table help

  1. #1
    New to the CF scene
    Join Date
    May 2008
    Location
    windsor, ontario, canada
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    table help

    hello everyone, im have been trying to make tables that look like this one. Hyper Street Customs
    But i have been having no luck. cuz this forum will be in a frame on my website. so i want all of the rest of the tables on my site to look the same. here is a link to my site.
    Hyper Street Customs

    i hope someone can help.

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,679
    Thanks
    25
    Thanked 655 Times in 654 Posts
    PLEASE always use a doctype!
    Your HTML:
    Code:
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" type="text/css" href="test2.css" />
    
    <title>YOUR TITLE</title>
    </head>
    
    <body >
    <table>
    <tr>
    <div class="box">
    <div class="boxheader" ><strong>Activity Feed</strong></div>
    <div class="boxcontent">
    	<ul>
    	<li>some</li>
    	<li>some</li>
    	<li>some</li>
    	</ul>
    </div>
    </div>
    </tr>
    </table>
    </body>
    </html>
    Your CSS:
    Code:
    .box {
    	margin-bottom: 20px;
    	-moz-box-shadow: -2px 4px 6px #000407;
    	-webkit-box-shadow: -2px 4px 6px #000407;
    	box-shadow: -2px 4px 6px #000407;
    	-moz-border-radius: 6px 6px 0px 0px;
    	-webkit-border-radius: 6px 6px 0px 0px;
    	border-radius: 6px 6px 0px 0px;
    	border: 1px solid #aa7f09;
    	width: 550px;
    }
    .box .boxheader {
    	color: #ffffff;
    	padding: 4px 10px 10px 10px;
    	background: #f3bc27 bottom left repeat-x;
    }
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #3
    New to the CF scene
    Join Date
    May 2008
    Location
    windsor, ontario, canada
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you so much. Here is the site I am making.
    Hyper Street Customs
    I was trying get them side by side like I have on my home page. But could not get it. Also I wanted some spacing between the edges of the table border and the text in the table. Sorry to keep bothering you.

  • #4
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,679
    Thanks
    25
    Thanked 655 Times in 654 Posts
    I was trying get them side by side like I have on my home page.
    Trying to get WHAT side by side?
    Also I wanted some spacing between the edges of the table border and the text in the table.
    There is spacing in the <td>
    Why have you not used the code I gave you? Your coding is obsolete. Take some time and look at HTML Tutorial and CSS Tutorial And above all for your main pge don't use iframes. Code the page it's self.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #5
    New to the CF scene
    Join Date
    May 2008
    Location
    windsor, ontario, canada
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I did use the code you gave me. I want 2 of those tables beside each other. And if I don't use an iframe will I still be able to not have to reload the whole page every time a link is pressed on the header?

  • #6
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,679
    Thanks
    25
    Thanked 655 Times in 654 Posts
    I did use the code you gave me.
    Just went to the site you gave us Hyper Street Customs and I'm still seeing square boxes.
    and this:
    <html>

    <head>

    <title>Hyper Street Customs</title>


    <style>
    <!--
    A:link {TEXT-DECORATION: none}
    A:visited {TEXT-DECORATION: none}
    A:active {TEXT-DECORATION: none}
    A:hover {TEXT-DECORATION: underline}-->
    </STYLE>
    </head>
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #7
    New to the CF scene
    Join Date
    May 2008
    Location
    windsor, ontario, canada
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yea I haven't put it online yet. I was trying it offline first.


  •  

    Posting Permissions

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