CSS/HTML annoyance.

Number_25 · 14 Mar 2012 at 14:28

Hey guys,

I'm working on a website for my college project and after making my CSS/HTML navigation bar I've noticed that it's put some sort of bullet points inbetween the links.

Pictures below.

metbandit1 · 14 Mar 2012 at 14:34

***** is with the text?

No help I know but has me properly confused.

JHeaton · 14 Mar 2012 at 14:44

Source?

If you've used a list to create this, you probably just need to add something like this:

Code:

ul {
  list-style: none;
}

And obviously only apply it to the relevant section of the HTML.

Smit · 14 Mar 2012 at 14:46

Think you need to put up your code so anyone can take a look and help you

GravyMonster · 14 Mar 2012 at 16:16

metbandit1 said:
***** is with the text?

No help I know but has me properly confused.

It's just some generated dummy text, like lorem ipsum, but more emo. I prefer www.baconipsum.com

I think JHeaton has the answer here.

Number_25 · 14 Mar 2012 at 19:44

It was list-text, managed to work it out thankfully as my college has blocked all forums now..

Thanks!

Number_25 · 14 Mar 2012 at 20:02

Did a bit of work on it - http://keironoshea.webs.com/

Throrik · 14 Mar 2012 at 23:38

Looking at the code on that site you have just linked, you have many code issues, a list-style attribute isn't one of the main ones!

Number_25 · 15 Mar 2012 at 09:12

Throrik said:
Looking at the code on that site you have just linked, you have many code issues, a list-style attribute isn't one of the main ones!

Calm down, calm down.

It's only for a BTEC.

spenncerr · 15 Mar 2012 at 16:06

Surely you should still be using good code practice and have everything validated?

Throrik · 15 Mar 2012 at 19:56

Number_25 said:
Calm down, calm down.

It's only for a BTEC.

I did a BTEC, it doesn't mean that I should submit crap like that code. My teacher would have slammed me if I had none adhered to at least some standards. Using that as an excuse just shows that maybe you shouldn't be going down the code route.

Number_25 · 15 Mar 2012 at 20:02

Throrik said:
I did a BTEC, it doesn't mean that I should submit crap like that code. My teacher would have slammed me if I had none adhered to at least some standards. Using that as an excuse just shows that maybe you shouldn't be going down the code route.

The majority of my class have done their websites in Dreamweaver using tables.

Christ, you guys are touchy.

Number_25 · 15 Mar 2012 at 20:18

And for you to know - http://forums.overclockers.co.uk/showthread.php?t=18349177

I started off with tables.

So I've made quite an improvement.

markeh · 15 Mar 2012 at 20:20

at least start the code with <html> and end it with </html>

Number_25 · 15 Mar 2012 at 20:26

markeh said:
at least start the code with <html> and end it with </html>

But the website still works?

Throrik · 15 Mar 2012 at 20:38

Number_25 said:
But the website still works?

This proves that you have missed the first lesson in Web.

reflux · 15 Mar 2012 at 20:49

Throrik said:
This proves that you have missed the first lesson in Web.

Yup. Just because it works in one browser at one time doesn't necessarily it will work in another at another time. It's a good idea to familiarise yourself with the various standards and practises to insure best cross-browser compatibility and standards adherence.

There's some good stuff here: http://www.webmonkey.com/2010/02/web_standards_for_beginners/ although it's a little old now.

JHeaton · 15 Mar 2012 at 20:51

Number_25 said:
But the website still works?

Doesn't appear to display very well in IE9 here.

reflux · 15 Mar 2012 at 20:54

Yeah I have all the major browsers installed for testing... Chrome, FF, IE9, Safari, Opera and IE6 in an XP VM. Gotta check 'em all.

Number_25 · 15 Mar 2012 at 21:00

How much would it take for me to get to work across all platforms?

I am aware that different web browsers are all different in the way they view webpages.