• 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: https://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!

Viewing 13 replies - 1 through 13 (of 13 total)
  • 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.

    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.

    Thread Starter athomemom

    (@athomemom)

    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.

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

    Thread Starter athomemom

    (@athomemom)

    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.

    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.

    ‘<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>

    Thread Starter athomemom

    (@athomemom)

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

    yep no problem

    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.

    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.

    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.

    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.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Trident layout help, please…’ is closed to new replies.