Jump to content

roondog

Members
  • Posts

    212
  • Joined

  • Last visited

Everything posted by roondog

  1. roondog

    3 divs in one div

    Still looks terrible in firefoxthis is the html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /><style type="text/css">img{border:0px;}div.header{width: 800px;}div.main{width: 600px;height: 200px;margin-top: 0px;text-align: center;background-color: white;}div.linksleft{float: left;margin-top: 50px;line-height: 75px;width: 150px;height: 200px;}div.linksright{float: right;margin-right: 0px;margin-top: 50px;width: 150px;height: 200px;}img.logo{margin-left: -75px;width: 150px;height: 200px;}div.main2{text-align: center;margin-top: -30px;width: 780px;height: 200px;}div.team{margin-top: 50px;float: left;}div.intro{float: left;margin-left: -50px;font-size: 12pt;border: solid yellow 1px;width: 300px;height: 100%;}div.shield{float:right;margin-left: 190px;margin-top: 50px;}p.roon{float:left;margin-left: 160px;color: gray;font-size: 8pt;}div.footer{margin-top: 20px;}</style><link rel="stylesheet" type="text/css"href="/stylesheet.css" /><title>THFC Home</title></head><body><div class="container" align="center"><div class="header" align="center"><img src="/headers/title.jpg" alt="Banner" /></div><div class="main"><div class="linksleft" ><a href="/mainpages/fixtures.html"><img src="/buttons/fixtures.jpg" alt="fixtures" /></a><br /><a href="/mainpages/news.html"><img src="/buttons/news.jpg" alt="news" /></a><br /><a href="/mainpages/table.html"><img src="/buttons/table.jpg" alt="table" /></a><br /><a href="/mainpages/profiles.html"><img src="/buttons/players.jpg" alt="players" /></a><br /><a href="/mainpages/stats.html"><img src="/buttons/statistics.jpg" alt="stats" /></a><br /></div><img class="logo" src="/pictures/pheonix4.jpg" alt="logo" /><div class="linksright" ><a href="/mainpages/info.html"><img src="/buttons/info.jpg" alt="info" /></a><br /><a href="/mainpages/archive.html"><img src="/buttons/archive.jpg" alt="archive" /></a><br /><a href="/mainpages/wallpaper.html"><img src="/buttons/downloads.jpg" alt="downloads" /></a><br /><a href="http://www.a-free-guestbook.com/guestbook.php?username=Tevershamhotspurs"><img src="/buttons/guestbook.jpg" alt="guestbook" /></a><br /><a href="/mainpages/links.html"><img src="/buttons/links.jpg" alt="links" /></a><br /></div></div><div class="main2"><div class="team"><img src="/pictures/teamphoto.jpg" alt="teamphoto" /><br /></div><div class="intro"><p align="center">Welcome to the home of Teversham Hotspurs Football Club. Created from the death of Cherry Hinton reserves and started life in 2005 in the <a href="http://135.196.23.137/pls/gn/V3_League.HomePage?partner_id=154">Tucker Gardner Alliance Sunday league</a>. In the first season Teversham won the second division dropping only two points. In the 2006/7 season Teversham started in division one looking to continue their success and make the club's history an illustrious one.</p></div><div class="shield"><img src="/pictures/shield.jpg" alt="shield" /></div></div><div class="footer"><img src="/pictures/border.jpg" alt="border" /></div><div class="validate"><div class="xhtml"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="xhtml" /></div><p class="roon">Designed by Roondog Interweb Design<br />MMVI</p><div class="css"><img src="http://www.w3.org/Icons/valid-css-blue" alt="css" /></div></div></div></div></body></html> and css body {font-family: times;text-align:center;}.container{height:100%; width: 800px;text-align: center;}.banner {float: left;} div.links {float:left;margin-top: -25px;margin-left: 0px;width:800px;min-width: 800px;font-family: Comic Sans MS, Comic Sans MS5, cursive;font-size: .35cm;} div.validate{margin-top: 5px;}div.xhtml{float:left;}div.css{float:right;}a:link {color : black; } a:visited {color : black; } a {text-decoration:none}a:hover {text-decoration:underline}
  2. roondog

    3 divs in one div

    It looks terrible in firefox and opera. where hasit gone wrong
  3. roondog

    3 divs in one div

    Thanks alot for that.
  4. roondog

    3 divs in one div

    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.
  5. roondog

    3 divs in one div

    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>
  6. roondog

    Centering problems

    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.
  7. 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.
×
×
  • Create New...