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;	

	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-size: 25px;

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

#footer img {
	height: 300;

Please paste in your HTML and lesson URL

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

koko media
				<div id="header">
						<i>Koko Media</i>
						<span>The User Experience Specialists</span>
							<a href="#">HOME</a>
							<a href="https://www.google.com/">ABOUT</a>
							<a href="https://www.google.com/">SERVICES</a>
							<a href="https://www.google.com/">PROJECTS</a>
							<a href="https://www.google.com/">CONACT US</a>
				<div id ="bar">
				<div id="footer">
					<img src="34.jpg"/>

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

Like this ?

1 Like

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

1 Like

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:

1 Like

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

Glad I could be of help

1 Like

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