FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Probably a minor CSS issue

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


tony
For some reason, my CSS menu isn't working quite right, at least on Firefox. The web site is...

http://wikicode.frihost.net/idlevillagers/main.php

The CSS is at...

http://wikicode.frihost.net/idlevillagers/stylesheet.css

You will note that the "extras" button is too tall and the "wallpapers", "screensavers", and "newsletter" buttons behind it don't look right.

If someone finds the problem, I would greatly appreciate it if they would inform me of it so I can work to solve it. I am trying to make the site Firefox-compatible.

Last edited by tony on Wed Apr 18, 2007 7:22 am; edited 1 time in total
ALostSoul
I don't know if this is the problem BUT

Code:

<frameset rows="100%,*" border="0">
  <frame src="http://wikicode.frihost.net/idlevillagers" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>


Your framset isn't right. in order to do
Code:

<frameset rows="100%,*" border="0">


you need to have two frame SRCs.....


but, more importantly, i think this is your problem

Code:

li.sub > a {
   font-weight: bold;
   background: #FFE;
   color: #006600;
}


should probably be:

Code:

li.sub > a {
   background: White? Blue? Black? Whatever color;
   color: #006600;
}


You can't have a 3 number/letter hex code my bro...so try that, and see.
tony
First issue is not the problem. I just updated my post to show the actual page rather than the mirror. I will try making the second change you suggested. Thanks!
ALostSoul
tony wrote:
First issue is not the problem. I just updated my post to show the actual page rather than the mirror. I will try making the second change you suggested. Thanks!


I knew it was a mirror/think. I went to the actual wiki link to check it out. You're welcome =D
tony
I changed the #FFE and #FEF to RED and I noticed the colour change in the menu however the position of the elements is still wrong. I seem to have the wrong position values. Any ideas?
ALostSoul
Try

li.sub > a {
background: White? Blue? Black? Whatever color;
color: #006600;
text-align: center;
}


Wow, I am a dumbass, I JUST understood what you mean. Lemme try something
Azmo
ALostSoul wrote:

You can't have a 3 number/letter hex code my bro...so try that, and see.


Ehm, yes you can.. you dont have to write all 6 numbers.. he used #ffe and u take every second letter (if you are alike..) so he use the color #ffffee ...
tony
hmm..thanks guys but still having issues with the menu...any other ideas?
Star Wars Fanatic
EDIT: Found the problem, ignore what I said previously...

On the page, http://wikicode.frihost.net/idlevillagers/main.php

You messed up on some tags, you forgot to close them...
On the "extra" part, change this...

Code:
                  <li class="sub"><a href="extras.php">extras</a>

                     <ul>
                        <li><a href="wallpapers.php">wallpapers</li>
                        <li><a href="screensavers.php">screensavers</li>
                        <li><a href="newsletter.php">newsletter</li>
                     </ul>
                  </li>


to this:

Code:
                  <li class="sub"><a href="extras.php">extras</a>

                     <ul>
                        <li><a href="wallpapers.php">wallpapers</a></li>
                        <li><a href="screensavers.php">screensavers</a></li>
                        <li><a href="newsletter.php">newsletter</a></li>
                     </ul>
                  </li>


That should fix it, and you can change the "RED" in the CSS back to "#FFE" also, in IE, the menus don't work at all for me Rolling Eyes
tony
thanks, star wars!! yup - i feel silly for that. i guess the issue was not even css but html. all works well now - thanks again Smile
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.