3 replies [Last post]
gerard
Offline
Regular
Last seen: 12 years 43 weeks ago
Joined: 2005-08-19
Posts: 45
Points: 0

http://www.grannynet.co.uk/site/

Well, invisible in IE7 but visible in Firefox.

I think I must be missing something simple here?

HTML:

grannynet

  • Home
  • Using this site
  • Membership
  • Being you
  • Being Granny
  • Have a chat
  • What's news
grandmother with grandchildren on grannynet
grannynet logo Welcome to Grannynet

Who We Are ...

This website has been created and designed especially for you. Just as there are two roles that you now have in your life, being a grandparent and being you, there are two sides to this website to help you enrich those roles.

We hope that you can come here to seek help, information and good company to make your experience of being a grandparent and being you even more fulfilling.

How We Can Help You...

The menu across the top of this page shows you all the exciting things that you can find on this website. If you click onto one of the titles you can see more information about the topic. You can see that this also includes help with using the site and the internet as a whole.



CSS:

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #660066; background-color: #996699; } #wrapper { background-color: #FFFFFF; width: 760px; margin-left: auto; margin-right: auto; }

h1 {
font-size: 28px;
color: #990066;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
font-size: 24px;
color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990066;
background-color: #FFFFFF;

}
img {
border: 0;
}
#topmenu {
background-color: #000000;
height: 50px;
}

/* ----------- top menu stuff ------------------------ */

#topmenu ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#topmenu li
{
display: inline;
list-style-type: none;
}

#topmenu a {
padding: 3px 15px;
font-size: 14px;
margin-left: 4px;
}

#topmenu a:link
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#topmenu a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

/* ----------- end top menu stuff ------------------------ */

/* ----------- left menu stuff ------------------------ */

#leftmenucontainer { width: 200px; }

#leftmenu
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}

#leftmenu li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#leftmenu li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#leftmenu li a:link { color: #448; }
#leftmenu li a:visited { color: #667; }

#leftmenu li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

/* ----------- end left menu stuff ------------------------ */

/* ----------- index layout stuff ------------------------ */

#leftcolindex {
float: left;
}
#rightcolindex {
margin-left: 400px;
}

/* ----------- end index layout stuff ------------------------ */

#leftcol {
float: left;
}
#rightcol {
float: right;
}

.floatleft {
float: left;
margin: 0 10px 5px 0;
}
.rightfloat {
float: right;
}

.eveny {
color: #FF0066;
}

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 36 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Floats

Try float: left; instead of display: inline;

Verschwindende wrote:
  • CSS doesn't make pies

gerard
Offline
Regular
Last seen: 12 years 43 weeks ago
Joined: 2005-08-19
Posts: 45
Points: 0

Yes, that worked, many

Yes, that worked, many thanks... though I'm not sure why!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 36 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

No idea why it does what it

No idea why it does what it does, but my preferred method of making lists horizontal is using floats, which seems to work Wink

Verschwindende wrote:
  • CSS doesn't make pies