5 replies [Last post]
eZe616
eZe616's picture
Offline
Enthusiast
Aruba
Last seen: 12 years 51 weeks ago
Aruba
Timezone: GMT-5
Joined: 2007-02-23
Posts: 52
Points: 0

I have this horizontal list I want to make, it displays perfectly in FF, but IE screws it up again. The links are supposed to be a certain width from each other and the | between them. But IE screws it up.

here's the link http://eze.110mb.com/index.php

Here's the HTML code:



  • Home
  • |
  • About
  • |
  • Privacy
  • |
  • ToS
  • |
  • F.A.Q



Here's the CSS code:

ul.foot-ul { text-decoration:none;
padding: 0em;
margin: 0em;
margin-top: 1em;
float: right;
display: inline;

}

ul.foot-ul li { display: inline;
text-decoration: none;
list-style-type: none;
margin: 0em;
margin-left: .5em;
margin-right: .5em;
padding: 0em;
border: 0px dotted black;


}

I validated it also. Everything is good excepts some of the links. Where I and understand that either is says this.

:: Line 67 column 56: character data is not allowed here ::

It's demostraing to the | sign, but I don't know how else to put it..any input?

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

Use a border instead.

Use a border instead.

Verschwindende wrote:
  • CSS doesn't make pies

eZe616
eZe616's picture
Offline
Enthusiast
Aruba
Last seen: 12 years 51 weeks ago
Aruba
Timezone: GMT-5
Joined: 2007-02-23
Posts: 52
Points: 0

I'm sorry I don't quite

I'm sorry I don't quite understand...How do you mean border?...Wouldn't the last one in the list then also have the border? And I don't necessary want that.

isn't it just another IE bug, or is my CSS correct or uncorrect in some form?

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

Your HTML is incorrect, you

Your HTML is incorrect, you can't just have a pipe symbol after a list item.

The only element allowed inside a UL is the LI. So either wrap your pipe in a list-item tag (silly) or use a right-border and give the last item a class to remove it (sensible).

Verschwindende wrote:
  • CSS doesn't make pies

eZe616
eZe616's picture
Offline
Enthusiast
Aruba
Last seen: 12 years 51 weeks ago
Aruba
Timezone: GMT-5
Joined: 2007-02-23
Posts: 52
Points: 0

Ok...tnx for the help

Ok...tnx for the help
Is there a way so I can put the [Solved] thing?

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

I guess you figured it out

I guess you figured it out Wink Yes, you can edit your original post to change the title Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies