can someone tell me whats wrong the this code?
Solid Construction
body{
background-color:black;
}
#content{
text-align:center;
width:200px;
}
#right{
float:right;
text-style:verdana;
color:white;
}
#left{
float:left;
text-style:verdana;
color:white;
}
NEXT →
←BACK
What i want is a black background with the picture in the center and a white arrow back and next link on either side of the pic.
I'm still learning :?
oops should say
oops should say content{width:800px} but that doesn't fix it.
Whats wrong with it is that
Whats wrong with it is that you have your divs in the wrong order and you didn't really center the image in the content div, all you did was center the text in it (hence text-align). Here I made some changes to your code:
Solid Construction
body{
background-color:black;
color: white;
}
#content{
text-align:center;
width:800px;
margin: 0 auto;
}
#right a{
float:right;
text-style:verdana;
color:white;
}
#left a {
float:left;
text-style:verdana;
color:white;
}
NEXT →
This is an image.
←BACK
Thank You Thank You Thank
Thank You Thank You Thank You :thumbsup: