headmade Posted May 16, 2006 Share Posted May 16, 2006 Hi!I need advice for building layout with web standards.I get layout form designers, and I have to implement it in xhtml.Layouts are on this locations:http://www.scannerstudio.co.yu/xhtml/1.gif (closed)http://www.scannerstudio.co.yu/xhtml/2.gif (opened)I have a problem becouse there is 3 horizontal grey lines, and below are 2 coloums of text and link, that means navigation and text are spannig on first two colomns: http://www.scannerstudio.co.yu/xhtml/3.gif, and lines are in 3 columns.Someone know how to do this?!Cheers! Link to comment Share on other sites More sharing options...
Little Goat Posted May 16, 2006 Share Posted May 16, 2006 ok, what exactly is it that youy want to know how to do?do you want us to help you design the layout? if so, post what you have already.LG Link to comment Share on other sites More sharing options...
headmade Posted May 16, 2006 Author Share Posted May 16, 2006 Hi, thanx for help.on this url: http://www.scannerstudio.co.yu/xhtml, u have some css that I start to make. I need help to make something like in this: http://www.scannerstudio.co.yu/xhtml/3.gif, and after I can work myseft. thanx again. Link to comment Share on other sites More sharing options...
scott100 Posted May 16, 2006 Share Posted May 16, 2006 This should help get you started: <!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><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">#wrap1 { margin-left: 20px; position: relative; width: 30%; overflow:auto;}#col1 { flow:left; width: 100%; height: 15px; padding: 5px 0 5px 0; border-top:1px dotted #999; }#text1 { clear:both; display: none;}#div1, #div2, #div3{position:absolute;border-right: medium solid #ff0000;border-left: medium solid #ff0000;width:25%;top:140px;text-align:center;height:100px;padding:3px;}#div1{left:2%;}#div2{left:35%;}#div3{left:68%;}</style></head><body><div id="wrap1"> <p id="col1">Some big headline Some big headline Some big headline</p> <p id="col1"> </p> <p id="col1"> </p> <p id="text1">Content text, Content text, Content text, Content text, Content text, Content text, </p></div><div id="div1"><h1>1</h1></div><div id="div2"><h1>2</h1></div><div id="div3"><h1>3</h1></div></body></html> Link to comment Share on other sites More sharing options...
Jack McKalling Posted May 17, 2006 Share Posted May 17, 2006 Note, add this line before the doctype: <?xml version="1.0" encoding="iso-8859-1"?> It may help for compatibility issues Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now