hblack.net redesigned

NyteOwl · 2006-03-19 17:24:49

I do take all comments seriously. I have added some css styles re letter/word spacing but I’m not sure how it shows in computers other than mine!

A site that has proven useful from time to time is <a href=“http://www.browserhsots.org” title=“browser screen shots page”>Browser Shots</a>

It lets you get screen shots of a page in various browsers. In can take a while though if the queue is busy.

colak · 2006-03-19 18:24:41

thanks nyteOwl, I have that site bookmarked and it is great to check if the layout appears ok. The problem with the font sizes remains though. Maybe I am wrong but say if i establish a body font at 1em, that size (by the nature of the unit) is totally different in most computers. My sizes are in px but i have included some em dims on letter/word/height spacing. This makes the matter more risky to me as those spaces might appear too sparse for some and too condense for others.

For example: when <a href=“http://forum.textpattern.com/viewtopic.php?pid=104053#p104053”>soulship suggested</a> those spacings they looked ok in his system but they just looked too far apart in mine.

What is the golden section re font size/height/space/etc? I do not know!

marios · 2006-03-19 19:25:13

Owen Briggs
See allso

There is no common solution to this problem ,one thing that’s often done nowadays is to set your base-font at aproximately 76%,
on your body(owen Briggs method,see above),which is the value that gives the most constistent results through different platforms.
From that base font you just scale up in ems, the percentage value will affect other font properties to display 1em to equal 10px,
So you just scale up or down from your basefont in ems,for all your headers, p, li,etc,

EDIT.: I have updated the above percentage value, which was wrong, sorry for that, read allso this
Hope that helps,

regards

Last edited by marios (2006-03-19 21:45:54)

NyteOwl · 2006-03-20 02:27:04

marios has pretty much covered it. For my own preferences which has worked well for the most part is to set a base font-size for the document body of 12px when using sans-serif fonts mostly and 14px when using serif fonts and then use em’s for the rest of the sizing.

The purist argument of course is not to set a base font size at all but let the user’s browser preferences decide and just design according to your own settings using em’s or %. I have to agree on a philosophical level but it isn’t always practical to let the base font-size “float” entirely free.

colak · 2006-03-20 07:32:44

This should be in the Layout and Css forum but since it is about the site I have submitted I guess it’s ok here too.
Question re base font. I understand that base-font is depricated so base font is now the size of the font in the css of body?
ie <code>body{font-size:12px;}</code>

soulship · 2006-03-20 14:28:11

I usually handle my base font with an asterix to grab absolutely everything. And then come in with a body font size.

<code>*{font-size:79%;margin:0;padding:0;} body{font-size:1.1em}</code>

That is as close as I can get to having text show roughly the same size on all platforms. While I know there are others ways to do this, this works for me usually.

marios · 2006-03-20 14:36:23

With base font, yes I meant font on top most parent, but be carefull when using percentages twice both on a parent and a child, that leads to unexpected results, due to inheritance.

regards, marios

NyteOwl · 2006-03-20 20:07:48

Yes same here, by abse font I didn;t mean the old htm tag but setting a default font size in the base document level.

marios · 2006-03-21 22:35:42

One more thought, Dave Raggetts HTML Tidy could proove a viable tool, usefull to edit and clean published articles apart from using Textile.
I haven’t done this much myself, but it does for example convert MS Word propriatary HTML on the fly, without having to go into each single tag with an editor,a llso available as a Firefox extension and integrated in quite some software apps, like topstyle Pro for example.

(Once again, I like your Site quite much)
regards, marios

Last edited by marios (2006-03-21 22:37:46)

colak · 2006-03-22 07:07:33

Thank you all. I will be updating the css soon (once I meet some deadlines for my architecture work). Credits will be given to all of you in the site.

<span style=“color:red”>marios + soulship what urls do you prefer to be linked to?</span>

@marios: I do not use word (I am mac based and use bbedit and pages for my office letters). The hblack.net site uses convert linebreaks so I wrote everything in bbedit, (in fact I copy-pasted from the previous (flash/xml site: still on line <a href=“http://www.hblack.net/flashsite/”>here</a>) and then added html tags by hand. The galleries are mostly handled with the glx_gallery and dca_pop plugins (although I hacked the glx_gallery slightly so as to output the same image title +alt atributes. This allowed me to use html in my descriptions of the images.

marios · 2006-03-22 17:56:48

@colak, you can use either one of the two
http://www.consking.com/
http://www.cyberconsulates.com/
It doesn’t make much of a difference, since both of them are unfinished.
(And the domain names are likely to change at some point)

(I come back to your site some time later, so I can enjoy all the various artwork which I found worth to take a look at in depth,when I find some quiet moments)

regards, marios

Last edited by marios (2006-03-22 17:57:36)

Textpattern CMS

Textpattern CMS support forum

#13 2006-03-19 17:24:49

Re: hblack.net redesigned

#14 2006-03-19 18:24:41

Re: hblack.net redesigned

#15 2006-03-19 19:25:13

Re: hblack.net redesigned

#16 2006-03-20 02:27:04

Re: hblack.net redesigned

#17 2006-03-20 07:32:44

Re: hblack.net redesigned

#18 2006-03-20 14:28:11

Re: hblack.net redesigned

#19 2006-03-20 14:36:23

Re: hblack.net redesigned

#20 2006-03-20 20:07:48

Re: hblack.net redesigned

#21 2006-03-21 22:35:42

Re: hblack.net redesigned

#22 2006-03-22 07:07:33

Re: hblack.net redesigned

#23 2006-03-22 17:56:48

Re: hblack.net redesigned

Board footer