0

Hi,
THE CSS FILE:

#wrapper {
	z-index: 1;
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	
}


#topPresentation {
width:100%;
background-image: #E6E6E6 url(backgroundnew.jpg) repeat-x center top;	
}

#logo {
	z-index: 2;
	width: 10%;
	float: left;
	

}

#primaryLink {
	z-index: 2;
	width: 25%;
	float: right;
	line-height:100%;
	font-size: 110%;
	font-family:Georgia,"Times New Roman",Times,serif;
	

}

THE HTML FILE:

<body>
	<div id="wrapper">
		<div id="topPresentation">
			<div id="logo">
				<img src="assets/drawing.png" width="100%" height="100%" border="0" alt="logo"></img>
			</div>
			<div id="primaryLink">
				<a href="aboutUs.html">About Us |</a>
				<a href="aboutUs.html">Contact Form |</a>
				<a href="aboutUs.html">Site Map |</a>
				<br></br>
				Call us on +1-977686128703
		
			</div>

		</div>
	
	

<!-- THE BELOW IS THE LAT DIV WHICH WE ARE USING AS A WRAPPER -->
	</div>


</body>

My aim is to put an image as a background in the div tag topPresentation which I know I am doing correctly the only thing is it does not show. Only when I type something in the html div tag the image starts to show. I am confused why this is happening already the said div tag has two other div tags and should show the image.

Hope some one can explain to me why this is happening and how I can work around this problem without having to type in some text in the html file.

Cheers,
Vishal Khialani

2
Contributors
2
Replies
24
Views
8 Years
Discussion Span
Last Post by kapil.karda
0

Hi,
I got it fixed by just adding <br> tag and also changing the background-image: to background only

Cheers,
Vishal

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.