Positioning

homework
html-css

#1

can somebody tell me how to position text under a image, and how to position bars
if you want the code here it is

div {
display :block;	

}
#page{
	height: 1916px;
	width: 960px;
	background-color: white;
	margin: 0 auto;
}

#header h1{
	font-size: 100px;
	font-family: bold;
	color: black;
	float: right;
	margin-left: 200px;
	margin-top: auto;
}

#header span{
	font-size: 50px;
	font-family: Ariel;
	color: aqua;
}

#bar {
	height: 40px;
	background: #a7e0ee;
	position: absolute;
	width: 960px;
}

#bar ul {
	padding: 0;
	list-style: none;
	margin-left: 20px;
	margin-top: 6px;
	
}

#bar ul li {
	display: inline;
	font-family:bold;
	font-size: 25px;
}

#bar ul li a {
	text-decoration: none;
	float: left;
	display: block;
	padding: 10px 20px;
}

#footer img {
	width:960;
	height: 300;
	
	
	
}

#2

Please paste in your HTML and lesson URL


#3

in fact its not a lesson its a project which im doing. My brother gave me the project from his university projects and im now trying to do it but i have some problems with text and the bar(which now i fixed it) so the only thing that im asking is if you can please teach me how to write text under an image.

if u want html code here you go







				<div id="header">
					<h1>
						<i>Koko Media</i>
						<span>The User Experience Specialists</span>
					</h1>

					<ul>
						<li>
							<a href="#">HOME</a>
						</li>
						<li>
							<a href="https://www.google.com/">ABOUT</a>
						</li>
						<li>
							<a href="https://www.google.com/">SERVICES</a>
						</li>
						<li>
							<a href="https://www.google.com/">PROJECTS</a>
						</li>
						<li>
							<a href="https://www.google.com/">CONACT US</a>
						</li>
					</ul>
				</div>

				<div id ="bar">

				</div>

				<div id="footer">
					<img src="34.jpg"/>


				</div>

		</div>

	</body>


#4

Like how ? Show me what exactly and I will help you.

Like this ?


#5

i will see it later because i have some problem "irl" so ill see it later thank you very much i appreciate it :grinning:


#6

i have a quick update about the coding you did, im not saying your coding is bad but you did it uncorrectly which is my fault for you doing that because i didnt show you the image how the project wouldve turned out,but the coding you did helped me correct some of the mistakes i did and now my project is starting to look good, thank you a lot :blush: :smile:


#7

I just copied all your code replaced the image and added a paragraph :slight_smile:

Glad I could be of help


#8

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.