Jump to content


Photo
- - - - -

trouble with css fighting each other


  • Please log in to reply
7 replies to this topic

#1 ajpeters

ajpeters

    Soho Novice

  • Members
  • 111 posts

Posted 18 February 2007 - 08:34 PM

I am making my 1st template. I think I have most of the stuff working. I may have a battle of css styles. On my #HMAINS# entry at the top of the page, I am getting my menu jammed together. I Think this is because the cell padding and margins are set to zero. In the template, I have them set to 5. When I view it locally, it appears okay, but soho somehow sets everything to zero.

I also lose my left justify so the menu appears in the wrong spot.

Any ideas?

#2 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 19 February 2007 - 12:24 AM

Did you change .hmains in the custom.css file in your template folder? Also look at the source code if there is other overriding class or id surrounding the #HMAINS# tag.

#3 ajpeters

ajpeters

    Soho Novice

  • Members
  • 111 posts

Posted 19 February 2007 - 02:45 PM

I have the #HMAINS# in a div tag. Where is the standard css file so I can can check for conflicts.

I am learning a lot from tis exercise. Thanks for the support.

#4 ajpeters

ajpeters

    Soho Novice

  • Members
  • 111 posts

Posted 19 February 2007 - 04:59 PM

Here is the snippet of my css that may be affecting the code

#topnav {
width: 742px;/*sets the width for our top nav bar div*/
/*Incerted by ajp for testing*/
margin: 5 auto;/* sets the wrapper margins to zero */
padding: 5;/* sets the wrapper padding to zero */
text-align: right;
}


#topnav li {
display: block;
padding: 0; /*padding set to zero */
float: left; /*positions the top nav to the left */
}


#topnav ul {
height: 30px; /*sets the height of the menu items */
margin: 0; /*margin set to zero */
padding-top: 10px; /*padding set to zero */
text-align: center; /*aligns the link text centre */
margin: 0px;
}

#topnav ul li a {
color: White;/*font colour for top nav text link */
display: block;/* makes the links act like a button*/
font-size: .80em;/*sets the font size */
font-weight: bold;
height: 15px;
text-decoration: none; /*removes the default underline*/
width: 121px; /*sets the width of the links - you may need to readjust if you add any more links that currently available */
padding-top: 10px; /*positions the link text*/
background-color: #B30000;
}

#topnav ul li a:hover {
color: #C7C1B4; /*sets the font colour*/
display: block;
text-decoration: underline; /* underlined appearance */
}

#topnav tb {background-color:#000000; margin-left:5; padding:3;} /*added as a test to see if I can change wrapper*/

#topnav a:active {
color: #FFF; /*sets the font color for the top nav state*/
display: block; /*displays block as to act like a button*/
}

#5 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 19 February 2007 - 05:14 PM

Where is the standard css file so I can can check for conflicts.

custom.css file in your template folder.

#6 ajpeters

ajpeters

    Soho Novice

  • Members
  • 111 posts

Posted 19 February 2007 - 05:29 PM

custom.css file in your template folder.

I posted part of what I am using. SHould I look at the #HMAINS# code and look for conflict?

#7 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 19 February 2007 - 06:02 PM

This is what you expect #HMAINS# tag to generate:

<!-- START AUTO MENU SYSTEM -->
<table border="0" cellpadding="0" cellspacing="0" class="hmains">
 <tr>
  <td class="hmains"><a href="index.php?pr=Second_Page" class="hmains">Home</a></td>
  <td class="hmains"><a href="index.php?pr=Third_Page" class="hmains">Home</a></td>
 </tr>
</table>
<!-- END AUTO MENU SYSTEM -->

As you can see, each menu item is assigned class="hmains". My suggestions:

1. Look at your source code.
2. Check the file custom.css in your template folder.
3. If you don't have this file, then the next default is the file runtime.css in your root directory (public_html). Make a copy of it and save it as custom.css in your template folder, then edit it to your liking.

#8 ajpeters

ajpeters

    Soho Novice

  • Members
  • 111 posts

Posted 20 February 2007 - 01:12 AM

Thanks, look at http://ccljewelry.com an see the results.

Is there a standard function to do rollover drop down menus using the sub menu option? An easy addin?




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users