WordPress.org

Ready to get started?Download WordPress

Forums

Trident layout help, please... (15 posts)

  1. athomemom
    Member
    Posted 9 years ago #

    I am a total noob with CSS. I'm trying to implement the Trident layout, but the content of my right side menu is all showing up at the bottom of the page, under my blog entries. I'm not sure what to do to fix this.
    My page link is: http://www.athomemom.net/wp/index.php
    Also, (and I know that this is probably something stupid, but since I've got your attention, I might as well ask...) I can't for the life of me figure out how to change the background color on the footer. I tried adding a command in the footer section, but that didn't do it. Thanks in advance for any suggestions!

  2. lawtai
    Member
    Posted 9 years ago #

    your margins aren't big enough so it's forcing everything to the bottom. You can either increase the left margin, or you can add in
    overflow:hidden
    which will cut off anything that goes beyond the margins.

  3. lawtai
    Member
    Posted 9 years ago #

    as far as footer color, the css for that is located in the .credit section. just change the background in there to your desired color.

  4. athomemom
    Member
    Posted 9 years ago #

    Thanks lawtai, I actually found the answer to my footer color problem, probably as you were typing it.
    I did try copying the #menu section and renaming all the #menu to #rmenu. This is what I've got:
    #rmenu form {
    margin: 0 0 0 13px;
    }
    #rmenu input#s {
    width: 80%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
    }
    #rmenu ul {
    color: #777;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
    text-transform: lowercase;
    list-style-type: none;
    }
    #rmenu ul li {
    font: italic normal 110% 'Times New Roman', Times, serif;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
    }
    #rmenu ul ul {
    font-variant: normal;
    font-weight: normal;
    line-height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    }
    #rmenu ul ul li {
    border: 0;
    font: normal normal 70%/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    letter-spacing: 0;
    margin-top: 0;
    padding: 0;
    padding-left: 12px;
    }
    #rmenu ul ul li a {
    color: #444444;
    text-decoration: none;
    }
    #rmenu ul ul li a:hover {
    border-bottom: 1px solid #809080;
    }
    #rmenu ul ul ul.children {
    font-size: 142%;
    padding-left: 4px;
    }
    Sorry to throw so much code at you, but I thought if you saw what I've got, it would be easier to see where I've botched it up.
    *lawtai -- THANKS for for hanging in with my noobishness.

  5. lawtai
    Member
    Posted 9 years ago #

    try adding a list-style-type: none; to #rmenu ul li{}

  6. athomemom
    Member
    Posted 9 years ago #

    Would I add < ul > < /ul > brackets to the wp-layout.css file? Because the code above is from that file, not the index.php file.

  7. lawtai
    Member
    Posted 9 years ago #

    nope, you need to add it to your index. right below < d iv id="remu"> and the first < ul > and then right above the closing < /div> for the rmenu add a < / ul>. just in your index.php. you shouldn't need to touch your css file.

  8. Anonymous
    Unregistered
    Posted 9 years ago #

    '<div id="rmenu">

      <li id="calendar">
      <table id="wp-calendar">
      <caption>September 2004</caption>
      <thead>
      <tr>
      <th abbr="Sunday" scope="col" title="Sunday">S</th>
      <th abbr="Monday" scope="col" title="Monday">M</th>
      <th abbr="Tuesday" scope="col" title="Tuesday">T</th>
      <th abbr="Wednesday" scope="col" title="Wednesday">W</th>
      <th abbr="Thursday" scope="col" title="Thursday">T</th>
      <th abbr="Friday" scope="col" title="Friday">F</th>
      <th abbr="Saturday" scope="col" title="Saturday">S</th>
      </tr>
      </thead>
      <tfoot>
      <tr>
      <td abbr="August" colspan="3" id="prev">« Aug</td>
      <td class="pad"> </td>
      <td colspan="3" id="next" class="pad"> </td>
      </tr>
      </tfoot>
      <tbody>
      <tr>
      <td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
      </tr>
      <tr>
      <td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
      </tr>
      <tr>
      <td>12</td><td>13</td><td>14</td><td>15</td><td id="today">16</td><td>17</td><td>18</td>
      </tr>
      <tr>
      <td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
      </tr>
      <tr>
      <td>26</td><td>27</td><td>28</td><td>29</td><td>30</td>
      <td class="pad" colspan="2"> </td>
      </tr>
      </tbody>
      </table>

      <li id="search">
      <label for="s">Search:</label>
      <form id="searchform" method="get" action="/wp/index.php">
      <div>
      <input type="text" name="s" id="s" size="15" />
      <input type="submit" name="submit" value="Search" />
      </div>
      </form>

        '

  9. Anonymous
    Unregistered
    Posted 9 years ago #

    oops:
    <div id="rmenu">

      <li id="calendar">
      <table id="wp-calendar">
      <caption>September 2004</caption>
      <thead>
      <tr>
      <th abbr="Sunday" scope="col" title="Sunday">S</th>
      <th abbr="Monday" scope="col" title="Monday">M</th>
      <th abbr="Tuesday" scope="col" title="Tuesday">T</th>
      <th abbr="Wednesday" scope="col" title="Wednesday">W</th>
      <th abbr="Thursday" scope="col" title="Thursday">T</th>
      <th abbr="Friday" scope="col" title="Friday">F</th>
      <th abbr="Saturday" scope="col" title="Saturday">S</th>
      </tr>
      </thead>
      <tfoot>
      <tr>
      <td abbr="August" colspan="3" id="prev">&laquo; Aug</td>
      <td class="pad">&nbsp;</td>
      <td colspan="3" id="next" class="pad">&nbsp;</td>
      </tr>
      </tfoot>
      <tbody>
      <tr>
      <td colspan="3" class="pad">&nbsp;</td><td>1</td><td>2</td><td>3</td><td>4</td>
      </tr>
      <tr>
      <td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
      </tr>
      <tr>
      <td>12</td><td>13</td><td>14</td><td>15</td><td id="today">16</td><td>17</td><td>18</td>
      </tr>
      <tr>
      <td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
      </tr>
      <tr>
      <td>26</td><td>27</td><td>28</td><td>29</td><td>30</td>
      <td class="pad" colspan="2">&nbsp;</td>
      </tr>
      </tbody>
      </table>

      <li id="search">
      <label for="s">Search:</label>
      <form id="searchform" method="get" action="/wp/index.php">
      <div>
      <input type="text" name="s" id="s" size="15" />

      <input type="submit" name="submit" value="Search" />
      </div>
      </form>


  • athomemom
    Member
    Posted 9 years ago #

    OK, I gotcha! Thanks so much for the help, lawtai!!!
    Thanks anyway, anonymous, but I'm trying to stay away from tables.

  • lawtai
    Member
    Posted 9 years ago #

    yep no problem

  • NuclearMoose
    Member
    Posted 9 years ago #

    Please refrain from posting large amounts of code in the forums. Put it into a text file and make it available for viewing on your site, or use other alternatives, please.

  • Anonymous
    Unregistered
    Posted 9 years ago #

    Just a small point of netiquette: in my experience it can be very irritating for moderators when ordinary members decide to appoint themselves unofficial forum policemen. It is also irritating for members to be told what to do by those with no right to do so. If you wish to be a moderator, ask Matt to make you one. If he chooses not to give you moderator powers, please don't exercise them.

  • Anonymous
    Unregistered
    Posted 9 years ago #

    on re-reading: I am not a moderator, and I expect they have already communicated to you privately on this, so if an actual moderator would like to remove all three of these posts that would probably be the best thing for everyone.

  • Root
    Member
    Posted 9 years ago #

    NMs intervention was not moderation it was an eminently sensible request, based on a huge volume of experience on his behalf on this forum, and assisting in a timely fashion to keep the ship on an even keel. Posting the code in that way makes it very difficult for the guys trying to assist. They would far rather see the blog in question and the CSS live.

  • Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags

    No tags yet.