18 replies [Last post]
moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

Hello friends,

I have been working on a layout it's perfect but theres 1 problem with IE, It isen't displaying mybackground images! In mozzila and other type of browsers it works perfect expect for IE, could anyone give me a helping hand?

the CSS part:

#sidebar la h1 {
	margin: -1px;
	padding: 7px 0 0 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
#sidebar lo h4 {
	margin: -1px;
	padding: 15px 0 0 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
 
#sidebar bah h4 {
	margin: -1px;
	width: 0px;
	padding: 8px 0 0 0px;
	background: red url(Images/end.jpg) no-repeat;
}

The HTML CODE:

	<la><h1>Navigatie</h1>
			<lo><h4><a href="auto.php">personen/bestel wagens</h4>
			<h4><a href="truck.php">Bedrijfs Wagens (Truck)</h4>
			<h4><a href="landbouw.php">Landbouw</h4>
			<h4><a href="industrie.php">Industrie (Heftruck)</h4>
			<h4><a href="vacatures.php">Vacatures</h4>
			<h4><a href="2dehans.php">Te Koop (2De Hans)</h4>
			<h4><a href="contact.php">Contact</h4></a></lo>
<h1>Links</h1>
<lo><h4><a href="http://www.profile.nl">www.profile.nl</h4>
<h4><a href="http://Link.nl">link.nl</h4></a></lo>
<la><h1>Nieuwsbrief</h1>
<form method="POST" action="nieuwsbrief.php">
<bah><h4><a>Schrijf je in en ontvang het laatste nieuws!</a><br />
<h4><input type="submit" name="submit" value="Schrijf me in!" /></input></h4></bah>
</form>
</la>
</lo>

ANy ideas??????????

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

couldent find edit button

Forgot to add screenies and i couldend find the edit button

Screenshot in Mozzila (Like it should look like)

IE (bugged no screenies =()

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 11 years 9 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

Could you please post your

Could you please post your full code, or link to an uploaded test page to see it in action?

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

Website

Website link:
http://nout.hopto.org

Compleet css (I know there a big parts that are useless just dont know wich ones!):

ul#menu {
  width: 100px;
  list-style-type: none;
  border-top: solid 1px #b9a894;
  margin: 0;
  padding: 0;
}
 
ul#menu ol {
  display: none;
  text-align: right;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}
 
ul#menu li, 
  ul#menu a {
  font-family: arial;
  font-size: 13px;
  color: #785a3c;
}
 
ul#menu li {
  border-bottom: solid 1px #b9a894;
  line-height: 15px;
}
 
ul#menu ol li {
  border-bottom: none;
}
 
 
 
ul#menu a {
  text-decoration: none;
  outline: none;
}
 
ul#menu a:hover {
  color: #539dbc;
}
 
ul#menu a:active {
  color: #be5028;
}
 
 
a:hover, a:active {
	text-decoration: underline;
	color: #FF0000;
}
 
a:link, a:visited {
	color: #ffffff;
}
 
body
{
font: 12px Tahoma, Arial, Helvetica, sans-serif;
margin: 0 auto;
width: 998px; 
background: #F10F0F url(Images/back_all4.png) repeat-y center top;
}
 
#header
{
width: 790px;
margin: 0 auto;
height: 240px;
background: url(Images/header.jpg) no-repeat center bottom;
 
}
 
#logo
{
padding-left: 40px;
text-align: left;
padding-top: 120px;
 
}
 
#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
 
 
#logo H2 a
{
font-size: 10px;
}
 
#buttons
{
padding-top: 13px;
height: 49px;
width: 790px;
}
 
#buttons li {
	display: inline;
}
 
#buttons a {
	display: block;
	float: left;
	width: 135px;
	height: 36px;
	background: url(Images/button.gif) no-repeat;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding-top: 13px;
	margin-right: 12px;
 
}
 
#buttons a:hover {
	width: 135px;
    height: 36px;
	background: #FFFFFF url(Images/button_r.gif) no-repeat;
}
 
 
#content
{
width: 760px;
margin: 0 auto;
padding: 20px;
}
 
#left
{
width: 480px;
padding: 10px;
}
 
#left H1
{
color: #033B80;
margin: 0;
padding: 0;
font-size: 24px;
}
#left H2
{
color: #033B80;
margin: 0;
padding: 0;
font-size: 18px;
padding-top: 10px;
}
 
#left a
{
 color: #3886E0;
}
 
#left a:hover, {
	text-decoration: none;
	color: #FF0000;
}
 
#left a:visited {
	color: #3886E0;
}
 
#right
{
float: right;
width: 754px;
}
 
#sidebar 
{
width: 254px;
}
 
#sidebar ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}
 
#sidebar li 
{
	margin-bottom: 15px;
}
 
#sidebar li ul {
	padding: 10px;
	border-top: none;
}
 
#sidebar li li {
	margin: 0;
	padding: 3px 0;
}
 
 
#sidebar lu h1 {
	height: 210px;
	margin: 0;
	padding: 10px 0 0 0px;
	background: url(Images/top.jpg) no-repeat;
 
}
 
#sidebar la h1 {
	margin: -1px;
	padding: 7px 0 0 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
#sidebar lo h4 {
	margin: -1px;
	padding: 15px 0 0 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
 
#sidebar bah h4 {
	margin: -1px;
	width: 0px;
	padding: 8px 0 0 0px;
	background: red url(Images/end.jpg) no-repeat;
}
 
 
#sidebar a:link {
	text-decoration: none;
}
 
#sidebar a:hover {
	text-decoration: underline;
}
 
#footer
{
	background: url(Images/footer.gif) repeat-x;
	height: 47px;
	width: 780px;
	margin: 0 auto;
	font-size: 10px;
	color: #ffffff;
	padding-top: 20px;
	text-align: center;
	border-top: 4px solid #D2691E;
}
 
#footer a
{
color: #ffffff;
font-size: 10px;
text-decoration: none;
}
.padding
{
padding: 10px;
color:#FF0000;
font-weight: bold;
}

FULL HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "xhtml1-strict.dtd">
<html>
<head>
	<title><?PHP echo($titel); ?></title>
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen"/>
</head>
<center>
<img src="Images/header.jpg">
</center>
 
		<div id="sidebar" style="margin-left: 103px; margin-top: -2px;">
				<center>
 
			<la><h1>Navigatie</h1>
			<lo><h4><a href="auto.php">personen/bestel wagens</h4>
			<h4><a href="truck.php">Bedrijfs Wagens (Truck)</h4>
			<h4><a href="landbouw.php">Landbouw</h4>
			<h4><a href="industrie.php">Industrie (Heftruck)</h4>
			<h4><a href="vacatures.php">Vacatures</h4>
			<h4><a href="2dehans.php">Te Koop (2De Hans)</h4>
			<h4><a href="contact.php">Contact</h4></a></lo>
			<? require ( 'links.php' ); ?>	
			</center>
			</div>
 		 		    		<div id="left"  style="margin-left: 360px; margin-top:  -440px;">
		   		   	<div id="right" style="margin-right: -160px; margin-top: -20px;">
		   		   	</div>

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 11 years 9 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

I'm unable to get to your

I'm unable to get to your site.. I keep getting "network timed out" errors.

Could you post the full HTML of the website again as well? It just ends, like a lot of it got cut off.. also, it's missing the tag in the beginning.

I'm at work, so maybe the firewall here isn't allowing your site to load for some reason.. I'll try to follow that link later today when I get home as well, as it would really help to see the page in action!

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 11 years 9 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

I'm still sorting through

I'm still sorting through everything, but you have 53 errors when trying to validate your HTML. Most of your links have no closing tags even, and various other issues.

Your problem most likely lies in some of those errors, so you might want to take a look at them, and see if you can sort some out. Correcting some of those issues could very well solve your problem!

http://validator.w3.org/check?uri=http%3A%2F%2Fnout.hopto.org%2F&charset=(detect+automatically)&doctype=Inline&group=0

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

Titan793 wrote:I'm still

Titan793 wrote:

I'm still sorting through everything, but you have 53 errors when trying to validate your HTML. Most of your links have no closing tags even, and various other issues.

Your problem most likely lies in some of those errors, so you might want to take a look at them, and see if you can sort some out. Correcting some of those issues could very well solve your problem!

http://validator.w3.org/check?uri=http%3A%2F%2Fnout.hopto.org%2F&charset=(detect+automatically)&doctype=Inline&group=0

I have no idea how to fix it mind helping me?

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 11 years 9 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

The link I posted didn't

The link I posted didn't quite work I don't think:

[link]http://validator.w3.org/check?uri=http%3A%2F%2Fnout.hopto.org%2F&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.606[/link]

I'd love to help you go through and solve all of those issues, but I don't have time (I'm at work) to get that in depth with it unfortunately.

I'd start with the simple stuff like making sure all of your links have closing tags after them. From looking at your HTML, most of them do not.

Also, I would check the doctype that you used. The validator doesn't like it, and it might not be a good doctype.

Try to get some of the errors down at least.. maybe some of the easier ones like making sure your tags are closed. If the errors get cut down a little, and you're stuck on a couple specific ones, maybe I (or someone) can help you through them!

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

If i close them the website

If i close them the website gets ******** even in mozzila, And i'm currently working on
No Character Encoding Found! Falling back to windows-1252.

dont know where to put it..

Titan like i said 57 error's only because of closing tags, i'v tryt to close them all but then it gets bugged in Mozzila and IE since i'm using own functions like
HTML SCRIPT

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
	<title><?PHP echo($titel); ?></title>
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen"/>
	</head>
	<body>
<center>
<img src="Images/header.jpg" alt=""/>
</center>
		<div id="sidebar" style="margin-left: 103px; margin-top: -2px;">
				<center>
			<la><h1>Navigatie</h1>
			<lo><h4><a href="auto.php">personen/bestel wagens</h4>
			<h4><a href="truck.php">Bedrijfs Wagens (Truck)</h4>
			<h4><a href="landbouw.php">Landbouw</h4>
			<h4><a href="industrie.php">Industrie (Heftruck)</h4>
			<h4><a href="vacatures.php">Vacatures</h4>
			<h4><a href="2dehans.php">Te Koop (2De Hans)</h4>
			<h4><a href="contact.php">Contact</h4></a></lo>
			<? require ( 'links.php' ); ?>	
			</center>
			</div>
 		 		    		<div id="left"  style="margin-left: 360px; margin-top:  -440px;">
		   		   	<div id="right" style="margin-right: -160px; margin-top: -20px;">
		   		   	</div>
		   	</body>	   	
</html>

I FOUND THE BUG! THE ARE MY OWN FUNCTIONS IE DOSEN'T SUPPORT YOUR OWN FUNCTIONS!

wHAT COULD I USE INSTEAD OF bah lo la?? functiosn ened to exist but HARDLY USED!

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 27 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

You cannot make up your tags

You cannot make up your tags in HTML, only in XML.

If you need something to be specific you use ID

<div id="bah"><p>Look at me.</p></div>or
<p class="copy">THis is copyright.</p>
<p class="copy">This is more copy!!!</p>

Remember that you can only use an ID once per page and you can use CLASS as many times as you want.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

GOT IT

GOT IT WORKING!!!!!!!!!!!!!!! only a very small bug

In mozzila

In IE

Could u fix this part of the css so it works in ie?

i tryt using

	<!--[if gte IE 5]>
    <link rel="stylesheet" type="text/css" href="ie.css" media="screen"/>
    <![endif]-->
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen"/>

For some reason it ignores the IE thingy

Css:

#la h1 {
	margin: -1px;
	padding: 8px 0 0 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
#lo h4 {
	margin: -1px;
	padding: 15px 0 0 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
 
#bah h4 {
	margin: -1px;
	padding: 8px 0 0 0px;
	background: red url(Images/end.jpg) no-repeat;
}

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 27 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I doubt it's ignoring it,

I doubt it's ignoring it, but you should try putting the "regular" style sheet first and then the IE conditional tag.

That way it reads the IE tags last and they will overwrite the "regular" tags.
That or be more direct with the css.

instead of just call p.psh call html body #bah #hah p.psh
the more specific you are is the one that will "win" the battle for the style of an element.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 11 years 9 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

Deuce wrote:You cannot make

Deuce wrote:

You cannot make up your tags in HTML, only in XML.

If you need something to be specific you use ID

<div id="bah"><p>Look at me.</p></div>or
<p class="copy">THis is copyright.</p>
<p class="copy">This is more copy!!!</p>

Remember that you can only use an ID once per page and you can use CLASS as many times as you want.

I was going to mention this as well, didn't get home until midnight last night however.

I'm glad Deuce got it sorted out for you! Smile

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

Oke i'v been working on it

Oke i'v been working on it and it's olmoost done!

Bugs:
Links dont work in ie Wtf?
a small gap between la and lo. (How to move the picture 3px up? couldent get that working Shock
Could u fix my final bugs???

link: http://nout.hopto.org

HTML CODE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
	<title><?PHP echo($titel); ?></title>
	<![if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" media="screen"/>
    <![endif]>
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen"/>
	</head>
	<body>
<center>
<img src="Images/header.jpg" alt=""/>
</center>
		<div id="sidebar" style="margin-left: 103px; margin-top: -2px;">
				<center>
		<?PHP if ( $_SESSION["username"] != NULL ): ?>
				<div id="la"><h1>Admin Paneel</h1></div>
				<div id="lo"><h4><a href="?admin=edit">Bewerken</a> <span style="font-size: 8px;">[ <a href="?">ZIEN-MODE</a> ]</span></h4></div>
				<div id="la"><h4><a href="send.php">Nieuwsbrief</h4></div>
				<div id="la"><h4><a href="zien.php">Bekeken Paginas</h4></div>
				<div id="la"><h4><a href="/zoeken/index.php">Banden Administratie</h4></div>
				<div id="li" style="text-align: right; font-size: 10px;">[<a href="?admin=logout"><font color="red">Uitloggen</font></a>]&nbsp;&nbsp;&nbsp;&nbsp;</div>
		<?PHP endif; ?>
			<div id="la"><h1>Navigatie</h1></div>
			<div id="lo"><h4><a href="auto.php">personen/bestel wagens</h4></a></div>
			<div id="lo"><h4><a href="truck.php">Bedrijfs Wagens (Truck)</h4></a></div>
			<div id="lo"><h4><a href="landbouw.php">Landbouw</h4></a></div>
			<div id="lo"><h4><a href="industrie.php">Industrie (Heftruck)</h4></a></div>
			<div id="lo"><h4><a href="vacatures.php">Vacatures</h4></a></div>
			<div id="lo"><h4><a href="2dehans.php">Te Koop (2De Hans)</h4></a></div>
			<div id="lo"><h4><a href="contact.php">Contact</h4></a></div>
			<div id="la"><h1>Links</h1></div>
<div id="lo"><h4><a href="http://www.profile.nl">www.profile.nl</h4></a></div>
<div id="lo"><h4><a href="http://Link.nl">link.nl</h4></a></div>
<div id="la"><h1>Nieuwsbrief</h1></div>
<div id="bah"><h4>Schrijf je in en ontvang het laatste nieuws!<br /></h4></div>
<form method="POST" action="nieuwsbrief.php">
<div id="bah"><h4><input type="submit" name="submit" value="Schrijf me in!" /></input></h4></div>
</form>
 
			</center>
			</div>
 		 		    		<div id="left"  style="margin-left: 360px; margin-top:  -440px;">
		   		   	<div id="right" style="margin-right: -160px; margin-top: -20px;">
		   		   	</div>
		   	</body>	   	
</html>

Css:

#la h1 {
	margin: -1px;
	padding: 2px 0px 0px 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
 
#lo h4 {
	margin: -1px;
	padding: 15px 0px 0px 0px;
	background: #ffffff url(Images/menu.jpg) no-repeat;
}
 
#bah h4 {
	margin: -1px;
	padding: 8px 0px 0px 0px;
	background: red url(Images/end.jpg) no-repeat;
}

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

Bump ANy help up?

Bump ANy help up?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 27 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Did you read my post and

Did you read my post and take my advice because with the code posted it doesn't look like you did.
Also, you shouldn't be using deprecated tags like

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

Could you make an example

Could you make an example from this so i get a better idea?

			<div id="la"><h1>Navigatie</h1></div>
			<div id="lo"><h4><a href="auto.php">personen/bestel wagens</h4></a></div>
			<div id="lo"><h4><a href="truck.php">Bedrijfs Wagens (Truck)</h4></a></div>
			<div id="lo"><h4><a href="landbouw.php">Landbouw</h4></a></div>
			<div id="lo"><h4><a href="industrie.php">Industrie (Heftruck)</h4></a></div>

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 27 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Deuce wrote:I doubt it's

Deuce wrote:

I doubt it's ignoring it, but you should try putting the "regular" style sheet first and then the IE conditional tag.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
	<title><?PHP echo($titel); ?></title>
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen"/>
	<![if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" media="screen"/>
    <![endif]>
	</head>

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

moker
Offline
newbie
Last seen: 12 years 44 weeks ago
Joined: 2009-03-11
Posts: 10
Points: 0

Could u give me a css

OMGGGGGG THANK YOU (k) :jawdrop: :jawdrop: :jawdrop: :jawdrop: :thumbsup: :thumbsup: :thumbsup: :scared: Currently working how to get that text up like 2px lol