DIV allignment, CSS, and W3C questions.

liunx

Guest
Hi guys, this is my first post. Fantastic forum, I've spent the last few hours reading through topics and already found loads of really helpfull information.<br /><br />Anyway, I was hoping for a little help, I learned HTML back in my school days, and then learned various bits and bobs here and there as I went along over the years.<br /><br />At the moment, I make a site by doing the layout in Photoshop, then slicing / creating imagemaps in Imageready, and then coding manually. The method I've always used to get the layout to work has been to use a PHP include command target="_blank">http://www.urbanbromeliad.co.uk<!--content-->
gah... way too much text. Try and keep questions condensed to about 5 lines, excluding source code.<br /><br /><!--content-->
Right if I miss something I'm sorry, but you are as bad as me when it comes to rambling <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/tongue.gif" style="vertical-align:middle" emoid=":p" border="0" alt="tongue.gif" /><br /><br />You can build up a CSS file rather than including the css style="vertical-align:middle" emoid=":lol:" border="0" alt="laugh.gif" /> I'm going to give a it a go now!<br /><br />Thankyou very much Dizi!<br /><br />I dont suppose you have any ideas regarding my question in my first post, paragraph starting "so a few things.."<!--content-->
Hello,<br />Well that worked perfectly for alligning it, but the box is appearing underneath the picture and i need it right across the pic? Any ideas? <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/huh.gif" style="vertical-align:middle" emoid=":huh:" border="0" alt="huh.gif" /><!--content-->
Got there in the end <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/laugh.gif" style="vertical-align:middle" emoid=":lol:" border="0" alt="laugh.gif" /> <br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#container {<br />    text-align: left;<br />    width:750px;<br />    margin:0px auto;<br />}<br /><br /><br />#header {<br />    text-align: left;<br />    float: left;<br />    width:250px;<br />    height:410px;<br />    position: absolute; top: 650px; <br />}<!--c2--></div><!--ec2--><!--content-->
happy to see you solved the problem yourself, next time you have a coding problem it might be better to post the code you are having trouble with, that way everyone else can see it and point out the error or what needs done...without it we will all just be stabbing in the dark to try and pin point where you are going wrong <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /><br /><!--content-->
thanks dizi, will do <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/cool.gif" style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" /><!--content-->
 
Back
Top