amp34
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by amp34
-
I don't suppose the comments work in php too? I'm having problems with the layout in a php page and was wondering if ths was the reason.Edit: they do seem to work with php but I cant get them to work with templates which is a little more annoying.
-
Well to be fair to IE this time it seemed to be more a problem with FF, having to add bits and pieces, not IE,
-
Thanks dude that worked, I just need to remember to change all 3 css files when i change something!
-
I am having problems positioning a set of text links onto a div I have set up. They are in the right position automatically in IE7 but they show too far down in FF2. I can force them up using a "margin-top" command but then they show to far up in IE. Could someone have a look at my code for me, thanks. body {background-color:#666666;}#container {margin-top:50px;width:770px;margin-left: auto;margin-right: auto;}#content {background-color:#e1e1e1;width:765px;border-width:2px;border-style:solid;border-color:#000000;}#base {margin-top:130px;float:none;height:20px;border:2px solid black;border-left:0px;border-right:0px;background-color:#444444}#topleft {float:left;width:130px;height:130px;border-right:2px solid black;background-color:#444444;}#image {float:right;width:633px;overflow:hidden;}a.nav:link, a.nav:visited, a.nav:active {color:#CCCCCC;float:left;padding-left:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;text-decoration:none;width:55px;font-weight:500;}a.nav:hover {color:#444444;background:#CCCCCC;float:left;padding-left:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;text-decoration:none;width:55px;height:20px;} <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Andy</title><link rel="stylesheet" type="text/css" href="site.css" /></head><body><div id="container"> <div id="content" > <div id="topleft" > </div> <div id="image" ><img src="images/website/index.php" alt="image" longdesc="main image" /></div> <div id="base" > <p><a href="/index.html" class="nav">Home</a> <a href="/index.html" class="nav">Photos</a> <a href="/index.html" class="nav">Jokes</a> <a href="/index.html" class="nav">House</a></p> </div> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div></div></body></html> http://www.games-system.co.uk/images/other...tion%20prob.jpg
-
Thanks dude that seems to work pefectly. Just a couple of questions, should I leave the css in the same file as the html or stick it in its own style sheet, and is it possible to get the central column to change sizes depending on the size of the browser window (the min and max size in the original code) or is that not possible with this layout?
-
I would use a table but I need the central column to be independent of the rest, the central column needs to change size without affecting the other two. Its a little annoying as that layout works perfectly in all the other browsers.
-
I pretty new to css so please bear with me if I seem a halfwit! I have written a 3 column layout in css (using a framework from someone else) and it works fine in most of the browsers I have tested in (FF, opera and even IE6) The problem is the left column doesn't show in IE7. There is space for it but it just doesnt show. Could someone please give me some hints as to how to fix the issue please?www.games-system.co.uk/testCSS ody { min-width: 750px; max-width: 1000px; background-color:#CCCCCC;}#container { padding-left: 167px; padding-right: 150px;}#container .column { position: relative; float: left;}#center { width: 100%; border-style: solid; border-width: 2px; border-color: #333333;}#left { width: 160px; right: 167px; margin-left: -100%; border-style: solid; border-width: 2px; border-right-width: 0px; border-color: #333333;}#right { width: 144px; margin-right: -150px; border-style: solid; border-width: 2px; border-left-width: 0px; border-color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center;}#footer { clear: both;}/*** IE6 Fix ***/* html #left { left: 150px;} 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"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="site.css" /><style type="text/css"><!--.style4 { font-size: x-large;}.style6 { font-size: xx-large; color: #0000FF;}.style7 { color: #FFFF33; font-size: x-large;}--></style></head><body><div id="header"> <div align="center"> <p class="style6">.......Header.......</p> <p align="left" class="style7">Second header........................................................................................ </p> <p>hello how are you today, im very well thankyou. WHat are you upto tonight? I dont know really , not much i suppose, why? Well i was wondering if you would like to go for a drink at the new pub that just opened down the road. Really, that sounds interestion, i may come actually. </p> </div></div><div id="container"> <div id="center" class="column"> <div align="center"> <p>Centre</p> <p> </p> <p> </p> <p>Main section</p> <p> </p> <p>blah de blah etc... </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </div> <div id="left" class="column"> <div align="center"> <p align="right" class="style4"><img src="Images/left side template.jpg" alt="left" name="leftad" width="160" height="400" id="leftad" style="background-color: #333333" /></p> </div> </div> <div id="right" class="column"> <p class="style4">Archives</p> <p>January 2007</p> <p>December 2006</p> <p>November 2006</p> <p>October 2006</p> <p>September 2006</p> <p><img src="Images/Right side template.jpg" alt="main" width="120" height="240" /> </p> </div></div><div id="footer"> <div align="center"> <p> </p> <p>Footer</p> </div></div></body></html> Thanks