S
sharm
I think there's somrthing wrong with the alignment of my
Frontpage. I typed in the html
html, body {
onload="window.defaultStatus='HTMLSource : HTML
Tutorials, just for you.'";
}
to see if would work. After clicking to the preview tab,
my jpg picture, which was sitting at the top-left corner,
had shifted to the right by about 20pixels and the lower
by about 10pixels. Also, the background colour I had set
was replaced by white. What should I do? All the webpages
I try to build on frontpage now have that problem..
This is the rest of the HTML, if it will help...
<html>
<head>
<title>System Failure...</title>
<style type="text/css">
#header {
color: #000;
border-bottom: 2px solid #333;
}
#leftcol {
position: absolute;
left: 0;
width: 147px;
color: #FFFFFF;
padding-top: 15px; padding-left: 30px; padding-bottom:
30px;
border-right: 2px solid #333;
background-image: url('navbar.jpg');
background-repeat: repeat-y;
margin-top:24px;
}
#leftnavbar1 {
position: absolute;
left: 0;
width: 147px;
color: #000;
padding: 0px 4px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
background-color: #003800;
}
p.navbar1 {
font: 16px miltown
}
#leftnavbar2 {
border-top: 2px solid #333;
border-bottom: 2px solid #333;
background-color: #003800;
position: absolute;
top: 160px;
color: #000;
width: 147px;
left: 0%
}
p.navbar2 {
padding-left: 20px;
font: 16px miltown;
}
#content {
margin: 0px 0 0px 160px;
padding: 3px;
color: #FFF;
}
html, body {
color: #000;
scrollbar-base-color: #000;
scrollbar-arrow-color: white;
scrollbar-shadow-color: silver;
scrollbar-lightshadow-color: #000;
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: #silver;
scrollbar-3dlight-color: black;
scrollbar-track-color: #333;
}
a:link {
color: #FFFFFF;
font: 14px eurasia;
text-decoration: none;
cursor: crosshair;
}
a:visited {
color: gray;
font: 14px eurasia;
text-decoration: none;
cursor: crosshair;
}
a:active {
color: silver;
font: 14px eurasia;
cursor: crosshair;
}
a:hover {
color: #FFFFFF;
font: 14px eurasia;
letter-spacing: 1.5px;
cursor: crosshair;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia;
margin-top: 5px;
}
html {
width: 97%;
}
</style>
</head>
<body>
<div id="header"><img src="header.jpg" width="768"
height="151"></div>
<div id="leftnavbar1"><p
class="navbar1">NAVIGATION</p></div>
<div id="leftcol">
<p><a href="index.html">Latest Entries</a></p>
<p><a href="past.html">Past Entries</a></p>
<p><a href="avatar.html">Avatars & Pics</a></p>
<p><a href="fanfiction.html">Fanfiction</a></p>
<div id="leftnavbar2"><p class="navbar2">fLINKSu</p></div>
<br>
<br>
<a href="http://maddy.sinfree.net">Madistrik</a></p>
<a href="http://www.fanfiction.net">FFN</a></p>
<a
href="http://http://www.nasubionna.net/hp/characters/snape
..html">Nasubionna.net</a></p>
</div>
<div id="content">
<h2>Center Column</h2>
<p>Mea Culpa, Mea Culpa, Mea Maxima Culpa... </p>
</div>
</body>
</html>
Frontpage. I typed in the html
html, body {
onload="window.defaultStatus='HTMLSource : HTML
Tutorials, just for you.'";
}
to see if would work. After clicking to the preview tab,
my jpg picture, which was sitting at the top-left corner,
had shifted to the right by about 20pixels and the lower
by about 10pixels. Also, the background colour I had set
was replaced by white. What should I do? All the webpages
I try to build on frontpage now have that problem..
This is the rest of the HTML, if it will help...
<html>
<head>
<title>System Failure...</title>
<style type="text/css">
#header {
color: #000;
border-bottom: 2px solid #333;
}
#leftcol {
position: absolute;
left: 0;
width: 147px;
color: #FFFFFF;
padding-top: 15px; padding-left: 30px; padding-bottom:
30px;
border-right: 2px solid #333;
background-image: url('navbar.jpg');
background-repeat: repeat-y;
margin-top:24px;
}
#leftnavbar1 {
position: absolute;
left: 0;
width: 147px;
color: #000;
padding: 0px 4px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
background-color: #003800;
}
p.navbar1 {
font: 16px miltown
}
#leftnavbar2 {
border-top: 2px solid #333;
border-bottom: 2px solid #333;
background-color: #003800;
position: absolute;
top: 160px;
color: #000;
width: 147px;
left: 0%
}
p.navbar2 {
padding-left: 20px;
font: 16px miltown;
}
#content {
margin: 0px 0 0px 160px;
padding: 3px;
color: #FFF;
}
html, body {
color: #000;
scrollbar-base-color: #000;
scrollbar-arrow-color: white;
scrollbar-shadow-color: silver;
scrollbar-lightshadow-color: #000;
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: #silver;
scrollbar-3dlight-color: black;
scrollbar-track-color: #333;
}
a:link {
color: #FFFFFF;
font: 14px eurasia;
text-decoration: none;
cursor: crosshair;
}
a:visited {
color: gray;
font: 14px eurasia;
text-decoration: none;
cursor: crosshair;
}
a:active {
color: silver;
font: 14px eurasia;
cursor: crosshair;
}
a:hover {
color: #FFFFFF;
font: 14px eurasia;
letter-spacing: 1.5px;
cursor: crosshair;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia;
margin-top: 5px;
}
html {
width: 97%;
}
</style>
</head>
<body>
<div id="header"><img src="header.jpg" width="768"
height="151"></div>
<div id="leftnavbar1"><p
class="navbar1">NAVIGATION</p></div>
<div id="leftcol">
<p><a href="index.html">Latest Entries</a></p>
<p><a href="past.html">Past Entries</a></p>
<p><a href="avatar.html">Avatars & Pics</a></p>
<p><a href="fanfiction.html">Fanfiction</a></p>
<div id="leftnavbar2"><p class="navbar2">fLINKSu</p></div>
<br>
<br>
<a href="http://maddy.sinfree.net">Madistrik</a></p>
<a href="http://www.fanfiction.net">FFN</a></p>
<a
href="http://http://www.nasubionna.net/hp/characters/snape
..html">Nasubionna.net</a></p>
</div>
<div id="content">
<h2>Center Column</h2>
<p>Mea Culpa, Mea Culpa, Mea Maxima Culpa... </p>
</div>
</body>
</html>