MouseUK

Nice design Congrats on the little one (when it arrivers)... Mine was 11 days late... He's now a little 11month tantrum throwing, walking, climbing, getting trapped behind the sofa little boy... ahhh the actually sleep again would be nice... but I wouldn't give him up for the world Mike

SBG Updated... Should now work in IE and Firefox via two different style sheets.. Thanks for the input

www.a-bears-tale.com/sbg updated... Managed to get it to work in both firefox and IE by using two different style sheets and a bit of tinkering.. Improved the quality of the logo image. Added an index button. Have another design Idea thats possibly going to be better, but I'll have to get onto that one, but not too bad for a first attempt Thanks for the input. Mike

This may have answered my own question... Other Thread I can create another CSS file for IE and one for Firefox/Opera etc... Looking at the code above, is there a different or better way to create a text section and place it in the centre of the image? Thanks Mike

Hey again, Thanks for the info ElanMan I've used php/sql before, my final year project at uni was based on using it, the bit I've always struggled with is layout Used to use tables for the layout, but well currently trying to start back from scratch and learn how to use Adobe Photoshop to design a nice looking site then using html/css to put it together and hopefully work... Well currently got it kinda working in Firefox, doesn't work in IE though lol Which brings me to J.P's comments Thanks for the message, once I got that I remembered I hadn't checked it in IE... The text doesn't place correctly when viewed in IE. Any idea why? They are all in separate div's already, I've now changed the background to be a background-image with no repeat, seems to work. Not sure about the text, the wired thing is I've got one chunk of text that is the main content that doesn't view right (should view central under the header) but I have an Identically formatted smaller chunk of text for the footer which seems to work how I want it both in IE and Firefox? Any ideas? Mike

Thanks for the input, The image is a bit dodgy (its the one they are currently using on the myspace page (the band that is), was done by one of there girlfriends and they seem to like it, I am planning on touching it up a little. At the moment I'm using it as is till I'm happy with the overall design. I understand what Garry was saying about trying to add a little more colour to the site to brake it up, It is a bit doggy on the eyes after a while (I could have swore the image was moving last night, that is when I decided it was time to go to bed). I'll have another play, need to get used to the tools on adobe a bit more... Mike

Hi there, Managed to put some kinda site together, Started with Adobe photo shop and produced a layout (could still do with some work, but will do for learning). Split the image up into sections, Adobe lets you "save as webpage" which actually produces a HTML document with the split layout set in tables... From my experience Tables = bad unless for tabular data so.... this is where I started... I removed all mention of tables and ended up with a list of images. I then split the images in sections using <div id="Section - Name">, for example logo, header, etc... Then used CSS to set the layout how I wanted... This is when I came stuck... I wanted the header, logo, footer, links all to be done via CSS and basically if I made a single change I wanted that to affect all pages and finally the only information that I wanted to be different for each page would be the content section (under the div background). I didn't archive this (it was getting late and I may have just lost the plot at this particular point in time). So... this is where I ask for a little feedback, hints, tips, pointers to web urls that will help with my quest to learn how to do this god damn thing properly I was thinking of possibly using php to link into other php pages for footer, header? but not sure if there is a better way. So.... basically the code in the html file for the logo, header, footer, links and the actual body shouldn't need to change per HTML page only the main body in the background div should change per page. Here is the code... Main HTML page for one of the pages (one with the least content): <html> <head> <title>Silhouette Behind The Gun : Offical Site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="logo"> <a href="index.html"><img src="images/index_01.jpg" alt="" width="182" height="206" border="0"></a></div> <div id="header"> <img src="images/index_02.gif" width="568" height="58" alt=""> </div> <div id="background"> <img src="images/index_03.gif" width="568" height="365" alt=""> <p style="position: absolute; top: 1em; left: 1em; right: 10em; width: 435px; padding: 0px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 264px;"> <font color="#ffffff"> <center> BIO's </center> <br /> <br /> Adam Smith - Drums<br /><br /> Andrew Busby - Bass<br /><br /> Chris Sharples - Lead Vox. / Rythmn Guitar<br /><br /> John Roberts - Lead Guitar<br /><br /> ***More To Come*** </font></p> <p style="position: absolute; top: 1em; left: 1em; right: 10em; width: 435px; padding: 0px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 264px;"><font color="#ffffff"><br /> <br /> <br /> </font></p> </div> <div id="links"> <a href="gigs.html"><img src="images/index_04.gif" alt="" width="182" height="36" border="0"></a> <a href="news.html"><img src="images/index_05.gif" alt="" width="182" height="36" border="0"></a> <a href="bio.html"><img src="images/index_06.gif" alt="" width="182" height="36" border="0"></a> <a href="media.html"><img src="images/index_07.gif" alt="" width="182" height="36" border="0"></a> <img src="images/index_08.gif" width="182" height="35" alt=""> <img src="images/index_09.gif" width="182" height="38" alt=""></div> <div id="footer"> <img src="images/index_10.gif" width="750" height="27" alt=""> <p style="position: absolute; top: 1px; left: 193px; right: 10em; width: 384px; padding: 0px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 27px;"> <font color="#ffffff"> © SBG 2008 - Created by IkkleDarkAngel.com Web Design</font></p> </div> </body> </html> Here is my current CSS style file: #logo { position: absolute; left: 200px; top: 0px; width: 182px; height: 206px; } #header { position: absolute; left: 382px; top: 0px; width: 568px; height: 58px; } #background { position: absolute; left: 382px; top: 58px; width: 568px; height: 361px; } #links { position: absolute; left: 200px; top: 206px; width: 182px; height: 217px; } #footer { position: absolute; left: 200px; top: 425px; width: 750px; height: 27px; } Link to working site: SBG - website The css file is called style.css Image of the current site:

Hey This is a basic website I put together for a mates band, been using it to learn some css as I've not done any websites in a far few years now lol and well I'm RUSTY... Any feedback will be grate What do you think?? Mike

That's a cool layout, I'm curious, what tools/programs do you use to develop your layouts? Thanks Mike