Announcement

Collapse
No announcement yet.

CSS/HTML Newbie Question

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • #16
    Originally posted by Floris View Post
    No, I can not provide you with any vBulletin support.
    Hi, Sorry I wasn't asking for vBulletin Support, I meant the CSS layout, please see screenshot http://img54.imageshack.us/img54/2672/layoutyu6.png

    Comment


    • #17
      I am not going to write your whole design. With what we given you, you should now have a better concept of what is layout code (the stuff between body tags) and what is the design code (the stuff between head in the style tags).

      I recommend to learn xhtml/css and ask questions when you get stuck. These are all very basic beginners questions, indicating you haven't read up on any of it.

      The basic design of a grey background is just a body defined with that color, and a div container surrounding the content that has element for background color set to white.
      It might be surrounded by another div that has align="center" to center the whole content. While the container content has text-align:left;

      Comment


      • #18
        Originally posted by Floris View Post
        I am not going to write your whole design. With what we given you, you should now have a better concept of what is layout code (the stuff between body tags) and what is the design code (the stuff between head in the style tags).

        I recommend to learn xhtml/css and ask questions when you get stuck. These are all very basic beginners questions, indicating you haven't read up on any of it.

        The basic design of a grey background is just a body defined with that color, and a div container surrounding the content that has element for background color set to white.
        It might be surrounded by another div that has align="center" to center the whole content. While the container content has text-align:left;
        Hi, your right, sorry, thanks for taking the time to reply, and thanks for letting me know if i get really stuck on something i can post it. Thank You.

        Comment


        • #19
          Hi Floris, I have 2 table's in CSS, I copied/pasted the table code in my file but when I viewed it Firefox, it the second table appeared below the first one, I wanted it to appear next to it, not below it, can you help, thank you.

          Comment


          • #20
            Tables only show below eachother if they are put in <tr> (rows).

            <table>
            <tr>
            <td>cell 1</td>
            <td> cell 2 </td>
            </tr>
            <tr>
            <td> row 2 </td>
            </tr>
            </table>

            Comment


            • #21
              Originally posted by Floris View Post
              Tables only show below eachother if they are put in <tr> (rows).

              <table>
              <tr>
              <td>cell 1</td>
              <td> cell 2 </td>
              </tr>
              <tr>
              <td> row 2 </td>
              </tr>
              </table>
              Thanks, I follow, can a gap (padding) be set between the tables?

              Comment


              • #22
                Originally posted by Hustle View Post
                Hi Floris, I have 2 table's in CSS, I copied/pasted the table code in my file but when I viewed it Firefox, it the second table appeared below the first one, I wanted it to appear next to it, not below it, can you help, thank you.
                You can use the float property to juxtapose the tables.
                Twitter

                Comment


                • #23
                  w3schools has info about the parameters for tables and other tags.
                  Honestly .. please read a bit instead of copy/paste people's ansewrs

                  Comment


                  • #24
                    I've been trying to solve a problem I have but can't figure out what I'm doing wrong,

                    I have a Table, which is styled (css), I have a table inside of that table, I want it to ignore the style (css), can this be done? Thank You

                    Comment


                    • #25
                      You have to override it with style="blah:x;" in the cell or table.

                      Comment


                      • #26
                        Yeah, I was thinking that.

                        <div class="css class goes here">
                        <div style="style code manually goes here">
                        table 2
                        </div>
                        </div>

                        Not sure that would work, never tried it to add a table inside a table

                        Comment


                        • #27
                          When you say "table" I think <table> not <div>

                          Comment


                          • #28
                            http://floris.vbulletin.com/div-in-div.html

                            Comment


                            • #29
                              Hi, Here is my code, the change doesn't work

                              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                              <html xmlns="http://www.w3.org/1999/xhtml">
                              <head>
                              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                              <title>Tables</title>
                              <link href="st.css" rel="stylesheet" type="text/css" />
                              </head>
                              <body>
                              <table id="mytable" cellspacing="0">
                              <tr>
                              <th scope="col">Header</th>
                              </tr>
                              <tr>
                              <td>
                              <table style="table2" border="0">
                              <tr>
                              <td>row 1, cell 1</td>
                              <td>row 1, cell 2</td>
                              </tr>
                              <tr>
                              <td>row 2, cell 1</td>
                              <td>row 2, cell 2</td>
                              </tr>
                              </table>
                              </td>
                              </tr>
                              </table>
                              </body>
                              </html>
                              CSS:
                              body {
                              font: normal 11px auto "Verdana;
                              color: #4f6b72;
                              }
                              a {
                              color: #c75f3e;
                              }
                              #mytable {
                              width: 100%;
                              padding: 0;
                              margin: 0;
                              }
                              th {
                              font: bold 11px Verdana;
                              color: #4f6b72;
                              border-left: 1px solid #FFCC00;
                              border-right: 1px solid #FFCC00;
                              border-bottom: 1px solid #FFCC00;
                              border-top: 1px solid #FFCC00;
                              letter-spacing: 2px;
                              text-transform: uppercase;
                              text-align: left;
                              padding: 6px 6px 6px 12px;
                              background: #CAE8EA url(bg.jpg);
                              }
                              th.nobg {
                              border-top: 0;
                              border-left: 0;
                              border-right: 1px solid #FFCC00;
                              background: none;
                              }
                              td {
                              border-left: 1px solid #FFCC00;
                              border-right: 1px solid #FFCC00;
                              border-bottom: 1px solid #FFCC00;
                              background: #fff;
                              padding: 6px 6px 6px 18px;
                              color: #4f6b72;
                              }
                              #table2 {
                              border:0px;
                              }

                              Comment


                              • #30
                                id="x" is meant to be unique for each page.
                                turn this into a class unless it is meant to be an id.

                                I'd just use div's instead of tables, unless you need to display tabular data.
                                And I would leave the default tags alone and use classes, so you can use a different class for a different tag, and overwrite anything using style=

                                Comment

                                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                                Working...
                                X