Trouble with styling php elements

macjakob · Oct 15, 2008, 05:42 PM

Hi,

I'm having trouble styling some elements on my site that I've begun making:

http://www.jkholtmann.dk/ny/

at the top you see the navigation bar, which should be a horizontal list.
The index.php just pulls content from the other pages (linked to in the nav bar) and displays them in the content area.

__________________________________
My css looks like this:

body {
background-color: #e9e6d6;
margin: 0; padding: 0; border: 0;}

.content {
margin: 0 auto;
background-color: white;
width: 800px;
height: 500px;
padding: 30px;
text-align: left;
}

/*---- navigation ----*/
#navigation {
border: 0;
list-style-type: none;
z-index: 1;
text-decoration: none;
font: 12px Helvetica, Arial, Geneva, sans-serif;
text-align: center;
color: #333;
display: inline;
padding-right: 50px;
text-align: center;
}

#navigation a {
text-decoration: none;
color: #75736b;
}

#navigation a:hover {
text-decoration: none;
color: #464540;
}
________________________________

and the horizontal navigation list part in my index.php:

<body>

<?
$selected[$p] = ' class="active"';
?>
<div id="navigation">
<ul="navigation">
<li<?=$selected['forside']?>><a href="?p=main">Forside</a></li>
<li<?=$selected['sortiment']?>><a href="?p=sortiment">Sortiment</a></li>
<li<?=$selected['bestil']?>><a href="?p=bestil">Bestil</a></li>
<li<?=$selected['omos']?>><a href="?p=omos">Om os</a></li>
<li<?=$selected['kontakt']?>><a href="?p=kontakt">Kontakt</a></li>
</ul>
</div>
<br>
<div class="content">
<? include("pages/".$p.".php"); ?>
</div>
</body>

I really don't see where I'm making a mistake, anyone care to explain? Your help is greatly appreciated.
I have a hunch that I'm doing something wrong with the classes/styles in the css file itself?

Thank you in advance,

Jakob

ChicoWeb · Oct 15, 2008, 05:51 PM

You syntax is pretty jacked. Also, not sure what you're trying to do with the div and ul id's called the same. You either need to do.

#navigation ul

or

ul#navigation

AND, your UL html needs to be something like

<ul id="navigation">

macjakob · Oct 16, 2008, 09:22 AM

Thank you ChicoWeb!

Works now!

Oct 15, 2008, 05:42 PM	#1
macjakob macrumors newbie Join Date: Feb 2006	Trouble with styling php elements Hi, I'm having trouble styling some elements on my site that I've begun making: http://www.jkholtmann.dk/ny/ at the top you see the navigation bar, which should be a horizontal list. The index.php just pulls content from the other pages (linked to in the nav bar) and displays them in the content area. __________________________________ My css looks like this: body { background-color: #e9e6d6; margin: 0; padding: 0; border: 0;} .content { margin: 0 auto; background-color: white; width: 800px; height: 500px; padding: 30px; text-align: left; } /---- navigation ----/ #navigation { border: 0; list-style-type: none; z-index: 1; text-decoration: none; font: 12px Helvetica, Arial, Geneva, sans-serif; text-align: center; color: #333; display: inline; padding-right: 50px; text-align: center; } #navigation a { text-decoration: none; color: #75736b; } #navigation a:hover { text-decoration: none; color: #464540; } ________________________________ and the horizontal navigation list part in my index.php: <body> <? $selected[$p] = ' class="active"'; ?> <div id="navigation"> <ul="navigation"> <li<?=$selected['forside']?>><a href="?p=main">Forside</a></li> <li<?=$selected['sortiment']?>><a href="?p=sortiment">Sortiment</a></li> <li<?=$selected['bestil']?>><a href="?p=bestil">Bestil</a></li> <li<?=$selected['omos']?>><a href="?p=omos">Om os</a></li> <li<?=$selected['kontakt']?>><a href="?p=kontakt">Kontakt</a></li> </ul> </div> <br> <div class="content"> <? include("pages/".$p.".php"); ?> </div> </body> I really don't see where I'm making a mistake, anyone care to explain? Your help is greatly appreciated. I have a hunch that I'm doing something wrong with the classes/styles in the css file itself? Thank you in advance, Jakob
	0

Oct 15, 2008, 05:51 PM	#2
ChicoWeb macrumors 65816 Join Date: Aug 2004 Location: California	You syntax is pretty jacked. Also, not sure what you're trying to do with the div and ul id's called the same. You either need to do. #navigation ul or ul#navigation AND, your UL html needs to be something like <ul id="navigation"> __________________ C H I C O W E B D E S I G N C H I C O H O S T I N G Content Management Solutions - M A V I E O Design Studio
	0

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
thread	Thread Starter	Forum	Replies	Last Post
PHP loses contact with MYSQL	Starhorsepax	Web Design and Development	7	May 3, 2011 02:41 PM
Having trouble with WD Element 2TB reformatting...	EOTW	Mac Peripherals	6	Jul 6, 2010 07:33 AM
CSS Help: Styling PHP Results	sbryan	Web Design and Development	3	Aug 26, 2009 03:41 PM
trouble with PHP and cookies	MacLevel	Web Design and Development (archive)	2	Jan 30, 2005 06:13 AM

Oct 16, 2008, 09:22 AM	#3
macjakob Thread Starter macrumors newbie Join Date: Feb 2006	Thank you ChicoWeb! Works now!
	0


MacRumors Forums > Special Interests > Visual Media > Web Design and Development