none of the style changes i make to the header seems to be responding. how else can i move the header to the right? i tried margin-left and text-indent, but it doesn't seem to work. what am i doing wrong?
here's the css code:
h1 {font: oblique 2px helvetica ; color:#FFCC00;
margin-left:44px; margin-top:31px; }
<body>
<h>"dreams I'll never see"</h>
and the code incorporated into the whole page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>154.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type=text/css>
body
{ background-image: url(brbg9.jpg);
background-repeat: repeat;
h1 {font: oblique 2px helvetica ; color:#FFCC00;
margin-left:44px; margin-top:31px; }
p {margin-left:42px; margin-top:8px}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a.one { width:80; float:left;
margin-left:14px; margin-top:44px;
color: #000099;
border: 4px solid;
border-color:#FFFF00 #CC9900 #CC9900 #FFFF00;
background-color: #FFCC00;
font:bold 12px helvetica;
text-decoration: none;
display:inline;
text-align:center}
a.one:hover {
color:#0000FF;
border: 4px ridge #00FFFF;
background-color: #FFCC00;
font: 12px verdana;
font-weight: bold;
text-decoration: none;
width: 80px;
text-align: center;}
li {display:inline}
</head>
</style>
<body>
<h1>"dreams I'll never see"</h1>
<p><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/154.gif"></p>
<div style=margin-left:14px>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"brindex.html"><b>HOME</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"intro.html">INTRO</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"archives.html">
STRIPS</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"cafepress.com/bluesrock">
SWAG</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"donations.html">
CUSTOM</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"index.html">
FatBottom's</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/mailto:"[email protected]">
EMAIL</a>
</ul>
</div>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=519122;
var sc_partition=3;
var sc_security="";
</script>
<script type="text/javascript" language="javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c4.statcounter.com/counter.php?sc_project=519122&java=0&security=" alt="hidden hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</body>
</html>Try padding instead of margin.the padding works , but it moves the image below also. i just need to move the header. the same thing seems to happen with the margin. is any of my coding incorrect or is it just my f-ed up free hosting site?padding-left or margin-left on the h1 shouldn't move the image.
here's the css code:
h1 {font: oblique 2px helvetica ; color:#FFCC00;
margin-left:44px; margin-top:31px; }
<body>
<h>"dreams I'll never see"</h>
and the code incorporated into the whole page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>154.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type=text/css>
body
{ background-image: url(brbg9.jpg);
background-repeat: repeat;
h1 {font: oblique 2px helvetica ; color:#FFCC00;
margin-left:44px; margin-top:31px; }
p {margin-left:42px; margin-top:8px}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a.one { width:80; float:left;
margin-left:14px; margin-top:44px;
color: #000099;
border: 4px solid;
border-color:#FFFF00 #CC9900 #CC9900 #FFFF00;
background-color: #FFCC00;
font:bold 12px helvetica;
text-decoration: none;
display:inline;
text-align:center}
a.one:hover {
color:#0000FF;
border: 4px ridge #00FFFF;
background-color: #FFCC00;
font: 12px verdana;
font-weight: bold;
text-decoration: none;
width: 80px;
text-align: center;}
li {display:inline}
</head>
</style>
<body>
<h1>"dreams I'll never see"</h1>
<p><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/154.gif"></p>
<div style=margin-left:14px>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"brindex.html"><b>HOME</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"intro.html">INTRO</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"archives.html">
STRIPS</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"cafepress.com/bluesrock">
SWAG</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"donations.html">
CUSTOM</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/"index.html">
FatBottom's</a></li>
<li><a class="one" href=http://www.webdeveloper.com/forum/archive/index.php/mailto:"[email protected]">
EMAIL</a>
</ul>
</div>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=519122;
var sc_partition=3;
var sc_security="";
</script>
<script type="text/javascript" language="javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c4.statcounter.com/counter.php?sc_project=519122&java=0&security=" alt="hidden hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</body>
</html>Try padding instead of margin.the padding works , but it moves the image below also. i just need to move the header. the same thing seems to happen with the margin. is any of my coding incorrect or is it just my f-ed up free hosting site?padding-left or margin-left on the h1 shouldn't move the image.