Printable View
So I made this design and then tried to code it in html and css but came into problems.
I could get the background and the bar going across the top but I could not get the text aligned to the left and right and to be verticaly aligned in the middle of the bar within the widths of the wrapper shown as the light colour.
Design: http://i49.tinypic.com/2pu0k5g.png
Hope you understand what I mean. Can someone let me know how it can be done?
Thanks.
deleted by me.
James
I don't think you understand.
This is my html code:
And this is the CSS I have:HTML Code:<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="fonts.css">
<title></title>
</head>
<body>
<div id="topbar">
</div>
<div id="wrapper">
<div id="topbarmain">
<div id="onehundrednetwork">
TEST
</div>
</div>
</div>
</body>
</html>
I don't know how to make it look like the image i provided (adding the text on the right hand side.)Code:body
{
background-color: #4f4f4f;
margin: 0px;
}
#topbar
{
background-color: #2a2a2a;
height: 45px;
width: 100%;
}
#wrapper
{
width: 1032px;
margin-left: auto;
margin-right: auto;
}
#topbarmain
{
position: absolute;
top: 0px;
height: 45px;
background-color: #2a2a2a;
}
#onehundrednetwork
{
display: table-cell;
vertical-align: middle;
height: 45px;
color: #fff;
text-align: left;
font-size: 16px;
text-shadow: #000 0px 2px;
font-family: nevis, sans-serif;
}
Deleted by me.
James
Oh ok but I dont' see where you got these numbers of errors from as there is no live page. It's also not and error, it's a method i al looking for on how to do it.
Sorry, I was under the impression you posted the link to your page -- I will delete my previous responses.
James
I was a bit confused. Thanks for you time though.
