473,320 Members | 2,003 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Tables or tabbed copy equivalents using style sheets?

Hi everyone,

I've been lurking for two weeks now, learning as much as I can about
CSS.
Still in the bottom half of the curve, but looking to figure out how to
do more stuff.

I've just tossed up a personal professional site that is partially
composed using CSS principles, and partly composed using HTML. (I'm on
the hunt for my next gig; this is what I need up _now_ and I will be
adding to it as I go along. There is a design site up for development
next) I have one part that I haven't yet formatted to my satisfaction,
that of my skill set. To do so in InDesign, Quark or a word processing
program, I would use tabs. However, I can't seem to figure out how to
do the equivalent using CSS.

I want to do it this way, as opposed to with tables, because I wish to
incorporate rules for consistency of appearance between my print and
pdf promotional materials, and the website, and there are a couple of
entries with an extra line or two. Which makes applying formatting and
line returns across tables "interesting".

<a href:="http://www.velochic.ca/about.html"This </ais the page in
queston.

Any pointers?

Velochicdunord
fo**********@sympatico.ca
www.velochic.ca
Toronto, Ontario

Jan 16 '07 #1
2 1732
Velochicdunord wrote:
I've just tossed up a personal professional site that is partially
composed using CSS principles, and partly composed using HTML.
HTML is for marking up the content (all of it), and CSS is for
controlling the presentation. You need both.
<a href:="http://www.velochic.ca/about.html"This </a>
Your CSS is waaaaay too complicated.

If I had an hour or so, I could reduce that to at least a quarter of
what you have.

Use body { font-size: 100%; } and remove all the rest of the font
sizes, and only set different sizes for headings and legalese.
http://k75s.home.att.net/fontsize.html

For example,
"@font-face{ font-family: arial; font-stretch: condensed; font-style:
normal; font-variant: normal; font-weight: normal; }"

All of that is superfluous, except maybe 'condensed' and I don't know
why you would want it in the first place. If it's 'normal', you don't
have to assign it.

Don't use HTML comment markers in CSS. <!-- and -->

--
-bts
-Motorcycles defy gravity; cars just suck
Jan 16 '07 #2

Velochicdunord wrote:
I've just tossed up a personal professional site that is partially
composed using CSS principles, and partly composed using HTML. (
It's all done with both, not half with one and half with the other.
They're complementary, not alternatives.
Find a copy of "Head First HTML & CSS" and learn some decent coding
style, or else hang around this ng and ciwah
First of all, keep the page simple and always completely valid (start
from scratch and add stuff as you go).

Use a validator and learn to understand what it's telling you. I
suggest the recent 0.8.3.4 HTML Validator for Firefox, just for its
convenience. Otherwise the W3C online one.

Ditch the XHTML You're not doing XHTML, you're doing XHTML Appendix C.
Pure XHTML isn't usable or advisable either. As the actual markup is
far from being XHTML anyway, then switch to HTML 4.01 Strict

Use Strict, not Transitional.

Ditch the <table>s and ditch them now. Easier to never have them than
to have to get rid of them later.

Don't set font sizes in pixels or points. This is the web, not rigid
paper.

Don't boilerplate in bogus font selctions like this
font-family: arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
Just use font-family: sans-serif; alone

Learn what semantic HTML and the class attribute is about. If your CSS
looks like a phone directory of repeated settings, then that's a hint
that you're doing things the hard way.

Use some meta tags. Opinion varies, but IMHO it's worth using them just
for your own production notes if nothing else.

Abstract isn't widely recognised and you've used it as a keywords list
anyway.
<meta name="abstract" ... />
Don't duplicate <meta>s
<meta name="abstract" ... />
And don't use this one, set the HTTP header instead
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
However, I can't seem to figure out how to
do the equivalent using CSS.
Stick the blocks of content into <div>s, then worry about the layout
later. Web search "three column layout" and you'll find any number of
articles on placing them. Although blocks of content are even simpler
than sidebar menus. Start with glish.com and brainjar.com

The "sliding windows" approach will improve your nav bar.
incorporate rules for consistency of appearance between my print and
pdf promotional materials,
Then you might want to look into XSL:FO, maybe even Apache Forrest,
although it's far from a simple amount of tech.
Any pointers?
Keep reading the group.

Jan 16 '07 #3

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

Similar topics

1
by: boris bass | last post by:
Below is linenumbered as well as original code -------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type...
44
by: Mariusz Jedrzejewski | last post by:
Hi, I'll be very grateful if somebody can explain me why my Opera 7.23 (runing under linux) doesn't show me inner tables. Using below code I can see only "inner table 1". There is no problem with...
5
by: Ben Jessel | last post by:
I am in the process of converting my site to using XHTML and CSS. A lot of my sites include tables of data, which are highlighted using javascript rollovers. I have converted my a lot of my...
37
by: Jeff Thies | last post by:
There's a number of elements that I set attributes for: <table border="1" cellpadding="3" cellspacing="0">.. <img align="middle"> Are there CSS equivalents for any of these? Jeff
5
by: Roedy Green | last post by:
I generate code to refer people to bookstores that generates a table without internal borders. You can see an example on http://mindprod.com/environment/kyoto.html I can use this element nested...
5
by: thatseattleguy | last post by:
I'm stumped. Visit: http://positivesweat.com/class.html ....and look at the tables in the middle labeled "morning" and "evening". Do this in both IE and Firefox. The tables appear to me to...
9
by: Radium | last post by:
Cascading Style Sheet is an extreme hazard to your privacy. It allows others on the internet to see your monitor and files. It allows them to copy images on your monitor to their computers. It...
3
by: Sjef Janssen | last post by:
I try to get a tabbed display work both in IE (6 and 7) and Firefox. The last does give a problem. What's going wrong here? I'm totally puzzled. <!doctype html PUBLIC "-//W3C//DTD XHTML 1.0...
2
by: adwest | last post by:
Forgive me if this is a foolish question. I "play" in Access and have only created a few rather simple relational databases. My knowledge and experience is limited. I have no formal training, just...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

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.