Css problems – doesnt show divs

I use WAPM

And what is WAPM?

WAMP for local server
https://www.wampserver.com/en/
just mentioned if matters dunno

i try to import css

Where are you importing this CSS from? And how are you importing it?

i mean i am linking it through
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />

sry my bad.

Possibly due to an error in your css syntax?
Or the css not being attached?

If you have chrome dev tools / firebug installed, check that the stylesheet is actually being attached.

you might need to put ‘echo’ in (without quotes), between <?php and bloginfo.

So this is my Css code inside index.php

<link rel="stylesheet" href="<?php echo bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

and this is my example for header background

#header{
	background-image:url(<?php echo bloginfo('template_directory'); ?>/Images/header_ichtis.jpg);
	background-repeat:no-repeat;
	height:132px;
}

Thing is when i inspect element in chrome and see the CSS there are ukknown parameters which i never put for example:

My wrapper width is 900px and there says it is 1885px (whole screen), or the display is block and i dont use that.

btw i can see when i inspect the elements the CSS and link and all of its property but still it doesnt apply any of it.

You can’t put php in a CSS file – it’s not read there – use the absolute file path

(<?php echo bloginfo('template_directory'); ?>/Images/header_ichtis.jpg)

Ok i get that, but that doesnt solve the problem with CSS not loading.
I mean my CSS path is ok?
And still he doesnt show div’s in order and width, height i made in CSS.

#wrapper {
	width:1106px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;	

}

#header{
	background-image:url(wp-content/themes/Ichtis_wordpress/Images/header_ichtis.jpg);
	background-repeat:no-repeat;
	height:132px;
}

https://oi44.tinypic.com/4gqjhh.jpg here i took print screen

Unfortunately, it’s really not possible to help much with CSS without seeing the site. Have you validated your CSS for errors?

Yes i did that, now and found 2 problems with some backround images, removed that still the same problem. Is there any way i can let u see the site ?

I am trying to solve this for 3-4 days now and i ma losing my mind.
Surfed and searched problems like mine and cant find solution maybe i am doing something wrong and i cant see what.

Could it be because of WAMP or something ?!

I can’t see a site on your local computer unless you connect it to the internet (not simple to do) – if that’s what you mean.

What is the generated HTML of this page – are your CSS selectors correct and specific enough. A tool like Firebug should be showing you if they are not.

Ok i installed firebug, and inspected the page.

<meta http-equiv="content-type" content="text/html; charset=UTF-8 /> <title> Ichtis</title> <link rel=" stylesheet"="" href="https://localhost/wordpress/wp-content/themes/Ichtis_wordpress/style.css" type="text/css" media="all"/>

This is code i can see, but in css there is nothing and it says the element has no style rules.

WPyogi thx for the Firebug recommendation coz i found the problem, it was “;” and ‘”‘ i putted in meta section so the Link for css was actually broken.

Cool – Firebug is indeed a really useful tool :).