-
Posts
212 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by roondog
-
-
It looks terrible in firefox and opera. where hasit gone wrong
-
Thanks alot for that.
-
I just floated them left and right. It seems ok on work computer with ie6 haven't checked on anything else. Cheers for the help.Finished article can be seen at Here now to finish the other pages.
-
The title might be confusing but my problem isn't easy to describe quickly. Here goes, I'm trying to get some things in the middle of my page. I've seperated the content into 3 divs.Left is some link buttons, middle is an img and right is some more link buttons. I haven't actually added the buttons to the code yet and the colors in the code are just so I can see anything can someone help me sort this out. I will also repeat something similar underneath as well.
<html><head><style type="text/css">body{text-align:center;}div.container{margin-top:-15px;width: 800px;height:600px;background-color: yellow;}div.header{width: 800px;}div.main{width: 600px;height: 200px;margin-top: 0px;background-color: green;}div.linksleft{margin-left: -100px;width: 150px;height: 200px;background-color: black;position: absolute;z-index: 1;}div.linksright{margin-right: -100px;width: 150px;height: 200px;background-color: black;position: absolute:z-index: 3;}img.logo{width: 150px;height: 200px;position: absolute;z-index: 2;}</style></head><body><div class="container" align="center"><div class="header" align="center"><img src="http://tevershamhotspurs.250free.com/headers/title.jpg" /></div><div class="main"><div class="linksleft" >links</div><img class="logo" src="http://tevershamhotspurs.250free.com/pictures/pheonix4.jpg" /><div class="linksright" >links</div></div></div></body></html>
-
I'm having a problem with this. got it to work on one page. www.tevershamhotspurs.co.uk but can not get it to work on another http://tevershamhotspurs.250free.com/mainpages/fixtures.htmlhere is the css
body {font-family: times;margin: 0 auto;width:600px;text-align:center;}.container{float:left; height:100%; width: 800px; border:5px black; background-color: gray;text-align: left;}.banner {position : relative; top : 0; left : 0; width : 1px; } div.links {width:expression(document.body.clientWidth < 900 ? "800px" : "100%" );min-width: 800px;font-family: Comic Sans MS, Comic Sans MS5, cursive;font-size: .35cm;text-shadow: black;} a:link {color : black; } a:visited {color : black; } a {text-decoration:none}a:hover {font-size:105%}
and the html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head><style type="text/css">table{width: 550px;float: left;position: absolute;z-index: 2;} </style><link rel="stylesheet" type="text/css"href="/stylesheet.css" ><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > <title>THFC Fixtures</title> </head> <body><div class="container"><img src="http://tevershamhotspurs.250free.com/headers/fixtures.jpg" alt="banner" /><img src="http://tevershamhotspurs.250free.com/headers/navbar.jpg" alt="banner" /><div class="links"><a href="http://tevershamhotspurs.250free.com/index.html">HOME</a> |<a href="http://tevershamhotspurs.2500free.com/mainpages/news.html">NEWS</a> | <a href="http://tevershamhotspurs.250free.com/mainpages/table.html">TABLE</a> | <a href="http://tevershamhotspurs.250free.com/mainpages/profiles.html">PLAYERS</a> | <a href="http://tevershamhotspurs.250free.com/mainpages/stats.html">STATISTICS</a> | <a href="http://tevershamhotspurs.250free.com/mainpages/info.html">CLUB INFO</a> | <a href="http://tevershamhotspurs.250free.com/mainpages/archive.html">ARCHIVE</a> | <a href="http://tevershamhotspurs.250free.com/mainpages/wallpaper.html">DOWNLOADS</a> | <a href="http://thfc.20.forumer.com">GUESTBOOK</a> | <a href="http://tevershamhotspurs.250free.com/mainpages/links.html">LINKS</a> </div> <table> </div> </body></html>
Its probably something simple. The background is gray just so i can see it.
-
Having a bit of a problem positioning some divs. Its probably something obvious i'm missing. here is the code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><style type="text/css">body{background-image:url('/profilepics/bentley.jpg');background-repeat: no-repeat}.nav{font-family: Comic Sans MS, Comic Sans MS5, cursive;position:absolute;top:100;left:675;background-color: yellow;}.stats{background-color:yellow;position:absolute;top:100;left:230;}</style></head><body><div class="nav"><p>HOME<br />FIXTURES<br />NEWS<br />TABLE<br />PLAYERS<br />STATISTICS<br />INFO<br />ARCHIVE<br />DOWNLOADS<br />GUESTBOOK<br />LINKS<br /></p></div><div class="stats"><p>POSITION: Defender/Goalkeeper<br />AGE: 25<br />GOALS: 1<br />CLEANSHEETS: 8<br /></p></div></body></html>
any help appreciated.Just realised i need to put in px after the values. I knew it was something simple.
3 divs in one div
in CSS
Posted
Still looks terrible in firefoxthis is the html
and css