473,715 Members | 2,251 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Request for comments: CSS layout tutorial; a start

I've started work on a css layout tutorial. I expect that it will take a
minimum of several weeks to get to a complete draft stage.

I hope to get better feedback by publishing individual pages. I've
uploaded 2 draft pages, an index and a list of definitions:
http://www.spartanicus.utvinternet.i...dex.htm.remove
http://www.spartanicus.utvinternet.i...ons.htm.remove

The urls are not valid because of the added suffix to prevent indexing
(some SE's don't respect robots.txt directives), but the server has name
guessing enabled (I forgot how it's called officially), clicking them
will produce the real link, alternatively delete the ".remove" suffixes
from the urls. The location is temporary.

Feedback requested on:
Language used, being a tutorial I don't want it to be to formal.
Correctness of terminology definitions.

Note:
The limited scope of the tutorial as set out on the index page.
External links have not been checked

--
Spartanicus
Jul 21 '05 #1
4 2567
Spartanicus <me@privacy.net > wrote:
The urls are not valid because of the added suffix to prevent indexing
(some SE's don't respect robots.txt directives), but the server has name
guessing enabled (I forgot how it's called officially), clicking them
will produce the real link


Bollocks, I just realised that this will also disclose the valid urls to
spiders :(

I'll delete the documents after a week. (I've no control over the server
config)

--
Spartanicus
Jul 21 '05 #2

Uzytkownik "Spartanicu s" <me@privacy.net > napisal w wiadomosci
news:06******** *************** *********@news. spartanicus.utv internet.ie...
I've started work on a css layout tutorial. I expect that it will take a
minimum of several weeks to get to a complete draft stage.

I hope to get better feedback by publishing individual pages. I've
uploaded 2 draft pages, an index and a list of definitions:
http://www.spartanicus.utvinternet.i...dex.htm.remove
http://www.spartanicus.utvinternet.i...ons.htm.remove


1. Why use CSS for layout?
2. Layouts that Work on the Web
3. CSS tables
4. Inline blocks
5. The flow
6. Absolute positioning
7. MS Internet Explorer
8.Floats

Looking at the above list I suspect that you're going to write that
css-based layout would be good when display: table-* property is used, and
you will advice to keep the floated-boxes layout for IE only using some
hacks. Am I right?

I ask, because I've suggested on one webdesign-related forum that it can be
the best way to build layout and I'm the only person who thinks this way.
People arguing that <div style="display: table-cell;"></div> requires extra
markup (elements with display: table-row; and display:table; to contain that
table-cell) but I think the idea of css-tables is that browsers' rendering
engines should generate anonymus boxes that are required to render that
table-cell. (it is written in CSS2.1 spec: 17.2.1 - Anonymus table objects)
And ofcourse the other argument is that IE doesn't support it, so people ask
"why should I write my css twice, when I can write one using floats and make
it work in all modern browsers?"

I hope that your tutorial will give me support in such discussions :) I
haven't found any document on the internet that says "display: table is
better than floats to make page layout", nor "it is good to use display:
table for browsers and floats for IE only" so the only argument I have now
is "beacuse I think so, I've tried few times, and it works good for me".

I made an example - http://www.csslayouts.net/dev/display-table/ and asked
people to rework it using floats, to look and behave in IE the same way it
does in Opera / Firefox. I think it's almost impossible :)
--
pawel[dot]knapik[at]gmail[dot]com
www.csslayouts.net //version beta
Jul 21 '05 #3
vatore wrote:
I haven't found any document on the internet that says "display: table is
better than floats to make page layout",
If all browsers implemented it well, then for some layouts it would be.
nor "it is good to use display: table for browsers and floats for IE only"


I did this for a while, but eventually got fed up with a Gecko bug (pages
would randomly display with the right column below the left column -
refresh and it would be fine, come back and it would be broken again) and
was changing the layout to one better suited to abs positioning anyway - so
it got ditched.

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Jul 21 '05 #4
On Mon, 29 Nov 2004 16:08:46 +0000, Spartanicus <me@privacy.net > wrote:
I've started work on a css layout tutorial. I expect that it will take a
minimum of several weeks to get to a complete draft stage.

I hope to get better feedback by publishing individual pages. I've
uploaded 2 draft pages, an index... [...]Note:
The limited scope of the tutorial...


That's Ok for a start, but how about putting in a challenge for a full
size CSS example at the end?

How's this for an idea?

A "CSS Master Diploma" to be given to any one who is capable to create a
"liquid" CSS suggestion for the more complex side of the "WAFFLE HOUSE"
food menu [1].

Net result should be that when a user has a viewing window with the same
height and width proportions as the original food menu, and 100% BODY
font size, that original food menu is what should be seen.

Any other proportions, and it's allowed to re-flow into a different
layout but the menu should still be usable to order any and all of its
individual items from.

[side note: a working example like this could become a usable tool to
/convince/ possible clients about the usability of CSS even in a
commercial environment]

[1] The idea is not mine originally. It just so happened, about four
years ago, that Sue and I had reason to meet with Eric Meyer, his wife
and a few of their friends, in Atlanta, and we all ended up at a local
Waffle House to get something to eat.
Eric was looking at the menu and said words to the effect...

"I wonder if any one could do this in CSS?"

Any one out there to pick up that "glove" if "Spartanicu s" puts up the
competition rules for it in his layout tutorial? ;-)

--
Rex
Jul 21 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
3376
by: Sims | last post by:
Hi, I proud myself in having good comments, (/**/, // etc...), all over my scripts as well as a very descriptive section at the beginning of the script. No correct me if i am wrong but php must still 'read' those comments? So, do comments technically slow the whole process? Or is the loss of CPU/Time/memory so negligible that i do not need to worry about it.
21
2705
by: Amy | last post by:
Hello all, Well, I've decided to take the plunge and go for this no table theory... so far I'm not impressed - the whole thing is driving me mad!!!! I'm sure once I finally get it working it'll be groovy and I'll never took back - I suppose it's just hard to change, I've got really used to creating WebPages with tables it's second nature! So.... http://www.amykimber.com/amy/a.htm - what am I doing wrong?
11
3210
by: Guotao Luan | last post by:
Hello All: I notice that there have been frequent questions being asked about template here so I guess it is okay to post this message here. I just wrote a c++ tempalte tutorial/review, I would like to hear feedbacks from other users. I do not have much experience with template myself so I am sure there are many problems or even mistakes in this material. Comments of all types are welcomed. and I also hope this tutorial/review is helpful...
18
2024
by: Chris Travers | last post by:
Hi all; I have been looking into how to ensure that synchronous replication, etc. could best be implimented. To date, I see only two options: incorporate the replication code into the database backend or have a separate "proxy" which handles the replication. The main problem with incorporating the system into the backend process is that it limits the development to the 10-month timeframe between releases. The main advantage is that...
6
1676
by: planetthoughtful | last post by:
Hi All, I've written my first piece of practical Python code (included below), and would appreciate some comments. My situation was that I had a directory with a number of subdirectories that contained one or more zip files in each. Many of the zipfiles had the same filename (which is why they had previously been stored in separate directories). I wanted to bring all of the zip files (several hundrd in total) down to the common parent...
7
1713
by: David Veeneman | last post by:
I'm just getting started with ASP.NET in Visual Studio 2005. The last web work I did involved ASP 3.0 in FrontPage. I've been through the MSDN tutorials on creating web pages, but not of them seem to cover real-world page layout. In the ASP era, I used tables to provide a structure for a page, then coded HTML controls within the grid. So, my first question is: Are pages laid out the same way in ASP.NET--start with a table and add...
53
4128
by: brave1979 | last post by:
Please check out my javascript library that allows you to create any layout for your web page, nested as deep as you like, adjusting to width and height of a browser window. You just describe it in javascript object and that's all. No need to know CSS hacks, no need to clutter your html with tables. http://www.bravelayout.scarabeo.biz/Quickstart
11
1296
by: Daniel Norden | last post by:
Hello. Can you give me some feedback on my code layout? I have everything organized in an object, "NRL", that's used as a namespace, and there are other subobjects/modules below that, for example "dialog" or "ajax". I'm interested in general comments, and I have some specific questions, but first the (sample) code: var NRL = {};
0
8718
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9332
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9195
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
9100
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9044
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6645
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4476
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3174
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2118
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.