Comments on: Coding a Web Layout in XHTML and CSS

By: Making a start in jQuery and an image slider | iWeb University

Making a start in jQuery and an image slider | iWeb University — Wed, 17 Mar 2010 04:49:02 +0000

[...] if you don’t exactly understand what I’ve done here you might want to check out our tutorial on how to code a layout in XHTML and CSS, to get a basic understanding of [...]

By: Codesquid

Codesquid — Wed, 03 Feb 2010 18:56:27 +0000

This has just inspired me to write a tutorial of my own! Thank you for this, thumbs up!

By: YamaDan

YamaDan — Mon, 01 Feb 2010 11:27:02 +0000

Nice tut..
Is there a link to the working example on here?
Consider this site bookmarked.
Keep up the good work.

By: lin

lin — Sat, 30 Jan 2010 00:00:49 +0000

I was wondering if anyone might know what might be happening here. I noticed when I made another design based off the coding on this one it didn’t work the same. For instance, the floating elements (content area 1 & 2) on this web page stay together when the browser is resized (thank you again Johnny for helping me with this) but I had to contain my div’s in an outer div tag so they wouldn’t move around. Also, I noticed when my page is reduced, the text in the menu moves with the browser (all the text shifts left if the page is being resized) but this didn’t happen with the code in this tutorial and the code was typically the same. Hmm…

By: Johnny

Johnny — Fri, 29 Jan 2010 20:48:05 +0000

Surround the two divs that you’re floating with another div with a width equal or greater than the combined two divs. For instance:


     
          Content here
     
     
          Content here

By: lin

lin — Fri, 29 Jan 2010 19:06:01 +0000

I was hoping someone could help me with an issue I’m having. I mocked up a document on my own and have an image with a box next to it. When I test it in the browser and make my browser smaller, the box that was next to the image moves below the image. Basically I’m wondering how I can make it so the box stays next to the image without moving (when browser is minimized.) Thanks!!

By: Abhijit V. Chaore

Abhijit V. Chaore — Tue, 26 Jan 2010 11:53:15 +0000

Nice tutorial. Thanks for the tips.

By: Ryan

Ryan — Sun, 27 Dec 2009 14:14:20 +0000

I appreciate the quick reply. I look forward to that TUT.

By: Johnny

Johnny — Sun, 27 Dec 2009 01:09:26 +0000

Hey Ryan, I’m going to do a tutorial on structuring your website’s files soon, so you might wanna check that out.

To answer your question, separate pages go in separate html files, i.e. about.htm, index.htm. All CSS can go in one file, you just have to include it in all the HTML files.

By: Ryan

Ryan — Sat, 26 Dec 2009 23:10:03 +0000

Thanks for the tut. I’m still confused on how to structure multiple pages. For example, I have a style.css and an index.html file for the home page, where would i put the html for the “about page”? I can put the css for all pages in the same style.css file, correct?