Anyone online for the next few hours and a wizz with CSS?

BabyKittenCandy · February 06, 2012, 12:31:13 PM

Ok, I feel like im banging my head on a brick wall here! Im trying to work on my uni stuff and my css, for whatever reason just isnt working. None of it!

I do know basic CSS, so i figured i would be ok doing this bit of the work but man im so fed up with it I could scream, ive been working on it all day!

Im trying to make a series of menu links on a site into a sidebar list with no bullets or numbers.. seperate html/php and css files..

jojo · February 06, 2012, 12:48:15 PM

I could try to give you a hand! Do you have the website up somewhere where I could take a look at it?

BabyKittenCandy · February 06, 2012, 12:52:04 PM

I do! Its really nothing to look at atm, i sat down to do the css today cos the css will be really generic for the whole site and have been banging my head against a wall ever since!

http://www.merissa.w3voodoo.com/Coast.php

jojo · February 06, 2012, 01:15:23 PM

Well, to get the navigation links to have no bullets, just use "list-style-type: none" on the <li> elements:

#container ul li {
list-style-type: none;
}

Is there another problem that you needed to look at? Were you trying to get the navigation to be horizontal or were you having trouble making it a sidebar? I guess I'm not clear what you're asking ^^;

Hope this helps

I'll be online the whole day (I'm at work.. haha) so let me know.

BabyKittenCandy · February 06, 2012, 01:37:31 PM

Yeah, ive tried that and I just cant seem to get it to work at all!

This is what i have atm:

Quote<?php include "templates/header.php" ?>
<ul>
<li><a href="Caradon.php" title="Caradon Home Page">Caradon SSS</a>

<li><a href="Ninemaiden.php" title="Ninemaiden Home Page">Ninemaiden SSS</a>

<li><a href="Penwith.php" title="Penwith Home Page">Penwith SSS</a>

<li><a href="Restormel.php" title="Restormel Home Page">Restormel SSS</a>

<li><a href="Northcornwall.php" title="North Cornwall Home Page">North Cornwall SSS</a>

<li><a href="Glynnhouse.php" title="Glynn House Home Page">Glynn House SSS</a>

<li><a href="CHES.php" title="CHES Home Page">CHES Unit</a>

<li><a href="Policies.php" title="Policies Page">Our Policies</a>

<li><a href="Links.php" title="Links Page">Useful Links</a></ul>

<div id="content">
<div id="cms"></div></div>
<div id="awards"></div>

<?php include "templates/footer.php" ?>/quote]

Quote<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
   <link rel="stylesheet" type="text/css" href="coast.css"/>
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
   <meta name="author" content="Coast" />
   <meta name="keywords" content="Coast Acadmemy" />
   <meta name="description" content="Coast Academy" />
   <meta name="robots" content="all" />
<head>
<title>Welcome to coast</title>
<link rel="stylesheet" type="text/css" href="coast.css" />
</head>
<body>
<div id="container">

<div id="header"></div>/quote]

Quote
#header {
         <img id="coast logo" src="images/coastlogo.jpg" alt="coast logo" />
         height: 100px;
         width: 500px;
         align:center;
         }

#container.ul.li {
         list-style-type:none;
         padding: 10px;
         }/quote]

jojo · February 06, 2012, 01:44:55 PM

Oh, well first thing I see is that you're using

#container.ul.li {

which actually targets an HTML element with an ID of "container" and the CLASSES "ul" and "li".

Replace those periods with spaces

Then you'll be targeting an <li> element inside of an <ul> element inside of an HTML element with an ID of "container".

BabyKittenCandy · February 06, 2012, 01:49:03 PM

Yeah.. that was me trying anything and anything to get it to work! Tried it with just spaces too, its just not playing ball!

jojo · February 06, 2012, 01:50:28 PM

Oh, other thing I noticed: You should probably take the image tag out of your CSS file. See if that fixes things -- the CSS might be angry about that being in there.

"align:" isn't a valid CSS property, as far as I know -- you might be thinking "text-align"?

Lastly, on the site at the URL you posted, when I try to access coast.css, it says it can't be found. Did you upload it properly? Since you included the CSS file like this:

<link rel="stylesheet" type="text/css" href="coast.css" />

The CSS file should be uploaded to the same directory as your Coast.php.

Maybe one of those things will do the trick? *crosses fingers*

BabyKittenCandy · February 06, 2012, 01:54:37 PM

Okies, image removed.. its still not playing.. i seriously hate css atm, >.<

If it will be easier, i have messenger on baby_kitten_candy@yahoo.co.uk, or skype messenger on DevandKasha Id.

jojo · February 06, 2012, 01:56:14 PM

Haha, yeah maybe it will be easier since I keep thinking of stuff and ninja-editing my posts XD

Try checking out the additional things I posted above, and if it's still not working I'll get on messenger and try to keep helping you out! (my MSN messenger is jojo080889@hotmail.com)

BabyKittenCandy · February 06, 2012, 01:59:00 PM

Well the header and the css are in a seperate directory called Templates, both together, so as you can see, the header calls in from there

Quote<?php include "templates/header.php" ?>/quote]

but css is in the same directory as the header and the header calls it.. if that makes sense?

jojo · February 06, 2012, 02:01:31 PM

Ohhhh, I see!

Well what PHP does is basically just insert the generated HTML from the included PHP files into the main PHP page that includes it. So, it's looking for the CSS file from the directory that Coast.php is in. Try including the CSS file using "templates/coast.css". I think that should do it, I just tried it in Firebug and it seems to make it work!

Alternatively, you can just move the CSS file to be in the main directory.

BabyKittenCandy · February 06, 2012, 02:11:14 PM

Ok, sucess in that its moved the list over, so it must be reading the css now, but still cant get the darn bulletpoints gone!

BabyKittenCandy · February 06, 2012, 02:18:34 PM

Ah ha!! Bulletpoints gone! Starting to get somewhere!

I tried adding you on yahoo but not sure if it has, dunno if you can try adding me, i have a feeling tonite is gonna be a long hellhole of css...but if it means i dont have to go the 50 odd miles into uni tomorrow it will be so worth it!

jojo · February 06, 2012, 02:23:32 PM

Yay!

Oh, I thought you meant MSN messenger. I'll go make a Yahoo Messenger account, hold on XD

jojo · February 06, 2012, 02:31:32 PM

Okay, my yahoo messenger ID is jojo080889@yahoo.com

I won't be able to respond constantly since I do need to get some work done, but I'll respond when I can!

BabyKittenCandy · February 06, 2012, 02:34:26 PM

Added and no worries! Thanks so much for your help so far, im hoping i can get a proper start on it now!

jojo · February 06, 2012, 02:39:07 PM

No problem! Glad to help!

(Also, ignore the "Secundi" invite, I'm trying to figure out how to use imo.im and I thought that was a way of grouping your contacts... it actually invites people to a chat room, lol.)

News:

Anyone online for the next few hours and a wizz with CSS?