Menu
Community /Pin to ProfileBookmark
@cootheadSep 15.2008 — #Hi there shirestudios,
try it like this...
[i]coothead[/i]
CSS newbie…writing from scratch
Hello,
I have a sample site up and as of now, I have only used templates when setting up websites. I would like to create a CSS file for just one html document and perhaps someone could help me out?
Thnx:
[url]http://www.bibletranslators.org/home/index.html
At the above link, you will see an american flag and a finnish flag.
what I would like to do, is adjust the vertical position of those images (gifs) until they are just about midway up the sides of the main center image.
here is the html file with CSS embedded:
[url]http://www.bibletranslators.org/home/index2.html
Not sure what to do.
Thanks!
P.S. like the first html page, I would like everything to be automatically centered according to whatever size screen is viewing the page.
Sign in
to post a comment1 Comments(s) ↴
0
@cootheadSep 15.2008 — #Hi there shirestudios,try it like this...
[color=navy]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[color=red]
<!--this is for coothead testing and should be removed-->
<base href="http://www.bibletranslators.org/home/">
[/color]
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Welcome</title>
<style type="text/css">
#title {
text-align:center;
}
#title img {
width:576px;
height:216px;
}
#flag_holder {
width:779px;
margin:auto;
}
#usa,#fin {
width:132px;
height:99px;
margin-top:142px;
border:0;
float:left;
}
#hbt {
width:515px;
height:385px;
border:0;
float:left;
}
</style>
</head>
<body>
<div id="title"><img src="images/HBTtitle.png" alt="Welcome"></div>
<div id="flag_holder">
<a href="http://www.bibletranslators.org/en">
<img id="usa" src="images/3dflagusa.gif" alt="English" longdesc="http://www.bibletranslators.org/en">
</a>
<img id="hbt" src="images/HBT2.jpg" alt="Home For Bible Translators">
<a href="http://www.bibletranslators.org/fi">
<img id="fin" src="images/3dflagfin.gif" alt="Suomeski" longdesc="http://www.bibletranslators.org/fi">
</a>
</div>
</body>
</html>
[/color][i]coothead[/i]