my first shot at css

[rhsunderground]

i decided that it was time to stop procrastinating and finally put my poetry online. this time i actually made a real website with css. it's at http://skinneralamod.netfirms.com. only a few links are up, and just the first poem on the poem list, and i only have one image. but give suggestions on what i could do and where i could go and i will be happy :D.

[AdamGundry]

Perhaps some validation is in order?

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//skinneralamod.netfirms.com/poet.css

Adam

[the tree]

You know one of the greatest thingsabout of CSS is that the hyper links DONT HAVE TO CHANGE COLOUR oh why oh why must that horrible purple colour be inflicted on me? To be honest I dont mind colours changing after I click on the link so long as it fits with the sheme but I hate that default purple colour.

[rhsunderground]

Originally posted by AdamGundry
Perhaps some validation is in order?
oh most definitely. i was mainly looking for feedback, though.

[LJK]

Hi -
So, the table at the top of each page is required by the hosting company?

I thought it was okay but the point about validation is that you'll often find errors in your coding that are causing display 'funkiness'.

For example, a lot of your content was running way beyound the background box that's meant to contain it. Have you added anything like a div footer to clear any floats; or have you set a width for the body, main container, and the content? (Which helps display prob's, sometimes - esp. w/ IE.) I'm using Firefox, btw.

Maybe add a bit of variety to those superlong lists of poem and song links &
scan/take a few image photos and jazz up areas with graphics, too! (If 'ya feel like it...)

Keep going! & Good luck,
El

[Cameleon]

in IE your the text that say navigation and the contact webmaster link are right on top of each other.

[spufi]

"I don't like the colors."

-- What you can count on at least one user saying in every usability test

From "Don't Make Me Think"

Well, I'll just say I'm not fond of them. :)

Here's a bigger issue. On your home page you say people can contact you. I had to look around to see how to do this. After I saw your contact link WAY at the bottom of your site, I found out the link didn't work.

You do seem to have trouble with some of your text placed at the bottom being either part way out of the main content, area, in it, or completely outside of it.

[rhsunderground]

Originally posted by spufi
"I don't like the colors."
Here's a bigger issue. On your home page you say people can contact you. I had to look around to see how to do this. After I saw your contact link WAY at the bottom of your site, I found out the link didn't work.

You do seem to have trouble with some of your text placed at the bottom being either part way out of the main content, area, in it, or completely outside of it. yes, the weirdest part of it - the page doesn't work in IE, but it does in most others...:confused:

edit-any thoughts on how to fix the text overflowing the background div?

[Ben Rogers]

Originally posted by rhsunderground
the weirdest part of it - the page doesn't work in IE

As you continue working with CSS, you'll find that IE's sucking is a very normal occurence... ;)

[spufi]

Originally posted by rhsunderground
yes, the weirdest part of it - the page doesn't work in IE, but it does in most others...:confused:

edit-any thoughts on how to fix the text overflowing the background div?

First of all, I'm not touching the colors. :) Secondly, I am working on a cleaner version of it. The thing is, I never use height:100%. Why? Because by the time I put in all of my content, the area pretty much fills out the screen, if not going beyond it, so it becomes pointless by default. There's a cross browser issue to hammer out(surprise), but beyond that it should work. I'll post it after I see if I can get the issue to go away.

I should point out that you had your main area's width size set to the percent of the screen resolution, but you had your content set to 600px. As a user's resolution grows, the space around it does also. You should either set the content area to a percentage likewise, or have the main area set to a specific width. In my example I set the content width to a percentage.

[DaveSW]

Would it be easier to just use one of the pre-made layouts? e.g. bluerobot.com or google 'css layouts'? it might give you a better insight into the coding mindset before you dive in.

[rhsunderground]

i'll look into that

[rhsunderground]

alright. main page redone. http://skinneralamod.netfirms.com . how does it look now?

[spufi]

Is your CSS file uploaded too because I'm getting an unstyled page.

[Cameleon]

on IE your boxes an text are spread every where!

[dera]

if we are commenting on the layout since this is css, the banner gets in the way. look at attached also

[spufi]

The link code you have in the right hand side goes outside of the boxed area and thus forces a horizontal scroll bar no matter what resolution you are using. And yes, the banner pushes the main content area down so the side items are way up top.

[rhsunderground]

the banner is definitely worth pooping on - one of the many downsides of being poor, too poor to buy webspace. i hadn't noticed the IE problem. i'll have to look into that. thanks all;) .

[Ben Rogers]

Why not try T35? Automated, free, signups, PHP, FTP, and all extensions allowed, shizzloads of space and bandwidth (I haven't run out yet, at least) and the only thing added is a <script> tag (after </html> on {PHP pages, but on pages with .htm and .html extensions, it's added in in the correct spot.

[rhsunderground]

and what does that <script> tag do?

[Ben Rogers]

Pop up.... :(

[Neczy]

http://hostultra.com

Check them out... Free ;)

Free Hosting

Unlimited Bandwidth
Unlimited Webspace
Domain Hosting
PHP, FTP
Price: FREE!

[spufi]

Originally posted by Neczy
http://hostultra.com

Check them out... Free ;)

"Unlimited Bandwidth
Unlimited Webspace"

Not really. Every host I have seen caps it at some point. As long as your site isn't sucking so much space and bandwidth that it causes them problems, then you are good. The unlimited part is just a way to get you to sign up. Most people won't really cause them issues,, and thus it's safe for them to say it's "unlimited."

[Ben Rogers]

Still, it looks pretty good. They must put some sort of ad on your site, though... what is it, Neczy, do you know..? o.O

[Paul Jr]

Originally posted by omega
Still, it looks pretty good. They must put some sort of ad on your site, though... what is it, Neczy, do you know..? o.O
They do. And it costs money to have it removed. :rolleyes: The only good, free host I have ever run into is that Webmatrix place, but they only allow ASP.net, which isn’t really that bad. :D

[rhsunderground]

alright. i think i fixed the IE problem. (now if only i could just go after IE itself:p ) more thoughts?

[rhsunderground]

update - THE SITE CLEARED W3! IT'S VALIDATED!!!!!!! the only problem - the site as seen by my computer is valid. netfirms adds that damned banner at the top. it's still cool to post the validation image, right? because that banner throws the whole thing off.

[Paul Jr]

Originally posted by rhsunderground
update - THE SITE CLEARED W3! IT'S VALIDATED!!!!!!! the only problem - the site as seen by my computer is valid. netfirms adds that damned banner at the top. it's still cool to post the validation image, right? because that banner throws the whole thing off.
Well, see, back when I was using Geocities (shhh!) I asked this same question. My code was valid, but the site online was not because of the inserted code. I asked if it was still okay to slap on the image — I believe someone told me it wouldn’t be right (could have been Charles; not sure), since, even though my code was valid, the page that people were getting was not.

So, if you can’t put the page, as-is, through the validator and have it pass, then I wouldn’t put the image/link up.

[Conor]

Try moving your site to a host like tihs..

http://www.freehostplus.com/

[rhsunderground]

alright. check out this page in IE - http://skinneralamod.netfirms.com/about.html . why doesn't the image or <ul> show up?

[rhsunderground]

ok. some renovation has been done. new thoughts? it is now much more 800x600 friendly, i think.

[Ben Rogers]

You need to get a new host. Until you do, I won't be able to stand your site. Sorries, but that ad is driving me insane!!! It ruins anything you could possibly do.

[rosanda]

the layout is cool and nice, but the adverts are just not in place. They don't seem aligned and are just scattered here and there.
One important thing i noticed is the way you spell the word (THE).. you spell it this way (TEH) which is wrong. Try to change it and use a spelling check for Typos...:)

[Ben Rogers]

ROTFL!!! No, Rosanda, he meant to do that. One thing you have to know about RHSU is that he's, well, weird. "Teh" is the "leet" spelling of "teh," and although Rizzo doesn't use leet, he has an odd affection for the intentional misspelling of 'the'. *shrug*

[the tree]

IMO stuff should either be leet or not, random dabblings of 'teh' just look kind of wierd.

[Ben Rogers]

Originally posted by the tree
IMO stuff should either be leet or not, random dabblings of 'teh' just look kind of wierd. Looks can be deceiving sometimes. But on this occassion...

[Conor]

hey rhsu, Ill host you on my http://urlshrink.net domain, Ill give you a subdomain, pm with

1. Subdomain you want
2. username
3. pass

Then Ill set it up and get back to you asap.

Also ben if you want since complexfellow will be down till next thursday so if you space on http://urlshrink.net follow the same as above.

[Ben Rogers]

Originally posted by RefreshF5
Also ben if you want since complexfellow will be down till next thursday so if you space on http://urlshrink.net follow the same as above. Thanks for the offer, but I'm going to try and take that time to maybe clean up some things that I've recently noticed, such as if an entry has more than 1 comment, and I delete a comment other than the last, then I get repeat IDs.

[Neczy]

Uhm, on your site (urlshrink) you spell it "Adds" when I believe its "ads" unless you are like:

"I will Put adds here"

when i really think you mean:


"I will Put my ADD here"

:D :p :rolleyes:

[Conor]

I havent updated or looked at that site in ages.

[rhsunderground]

thanks rosanda, but i meant to do that. and i'm looking for different hosts still, ben (i hate that banner as much if not more than you). any other constructive comments?

[rhsunderground]

i was looking at the site last night and i remembered summat. check out this page in IE - http://skinneralamod.netfirms.com/about.html . why doesn't the image or <ul> show up?

[dera]

Originally posted by AdamGundry
Perhaps some validation is in order?

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//skinneralamod.netfirms.com/poet.css

Adam you wont be able to get it to validate the htmll i mean but you could get the css to validate

[rhsunderground]

it validated from my computer, but not from the site.

[rhsunderground]

just thought i'd throw down an update - site is now at www.skinneralamod.com and has access keys and the works :D

[Ben Rogers]

Man, that site needs a redo. ZIP it up, and I'll redo it with includes when I get around to it, all right? Then it'll be a lot easier to spiffify it...