Welcome to Gaia! ::

The Gaian Graphic Designers Guild

Back to Guilds

Gaia's official Graphic Design Guild for all things profiles, logos, graphics and much much more! 

Tags: Graphic, Design, Digital art, Photoshop, Profiles 

Reply The Gaian Graphic Designers Guild
Critique?

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

My Paper Heart

PostPosted: Fri Jan 28, 2005 9:02 pm


Hey guys. I'm at a pretty... okay, a very basic level of HTML and CSS building, so don't be too harsh.... Please?

http://www.jessitheuntalented.tk/

I don't have any actual content in there yet, but I'm working on it. What do you think? Any suggestions?
PostPosted: Fri Jan 28, 2005 11:00 pm


My Paper Heart
Hey guys. I'm at a pretty... okay, a very basic level of HTML and CSS building, so don't be too harsh.... Please?

http://www.jessitheuntalented.tk/

I don't have any actual content in there yet, but I'm working on it. What do you think? Any suggestions?

.tk is gonked out for me. The real link, please.

That Crazy Botvinnik


My Paper Heart

PostPosted: Fri Jan 28, 2005 11:42 pm


Lord_Michieru
My Paper Heart
Hey guys. I'm at a pretty... okay, a very basic level of HTML and CSS building, so don't be too harsh.... Please?

http://www.jessitheuntalented.tk/

I don't have any actual content in there yet, but I'm working on it. What do you think? Any suggestions?

.tk is gonked out for me. The real link, please.


http://www.geocities.com/jessi_the_untalented/index.html
PostPosted: Sat Jan 29, 2005 12:23 am


You've done some pretty cool things there, its a nice design 3nodding Problem is, its totally not Mozilla compatible sweatdrop Not everyone uses IE these days, so its a good idea to design so that your site works in other browsers too.

In Mozilla the font size and colour of the navigation goes out of whack, and the main text goes really really tiny 0_o I took a quick peek at your code, and I'm not exactly sure why its doing that. Maybe use px instead of pt when specifying font size? I'm not sure if that will work, but thats what I normally use 3nodding

I'd also suggest putting all your styles into a separate, linked stylesheet, to keep them all nicely together. Might be a good idea to link the long javascript in a separate file as well, to keep your html nice and neat.

Other than that... the checkerboard header image doesn't need to be that big. I'd say cut it down to about half the size, so people don't have to scroll as much to see your pages content.

Iframes are... bad. Frames are bad. Well, generally anyway. The problem with them is that search engines don't look at content within the iframe, and you can't bookmark specific pages, which is why pro web designers dont use them for normal sites. From what I've seen, they save each page, menu and all, as a single html page. If you have your CSS and JS linked into separate files, its easy enough to update, and images and things are cached, so it doesn't take any/much loading time to reload the next page. Still, since you're not a business and don't really need to care too much about search engines or bookmarking, so you can ignore all this if you like biggrin Keep it in mind for the future though.

I really like the simplicity of the layout though, and the really cool drop down menus xd

Chisa
Vice Captain


My Paper Heart

PostPosted: Sat Jan 29, 2005 12:30 am


Thank you for the tips, I'll keep 'em in mind and see what I can do eek I'm so incompetent. But I'll work it out. Thank you again.
PostPosted: Sat Jan 29, 2005 12:45 am


My Paper Heart
Thank you for the tips, I'll keep 'em in mind and see what I can do eek I'm so incompetent. But I'll work it out. Thank you again.
You can't be incompetent if you made a site like that 3nodding And you're welcome.

Chisa
Vice Captain


Raine Dragon

Sparkling Dragon

18,890 Points
  • Elocutionist 200
  • Tycoon 200
PostPosted: Sat Jan 29, 2005 6:31 am


I agree with Chisa, you are not incompetent at all ^__^ heart I like the design, very cute... but I have mozilla, and it doesn't work for me sweatdrop

so.. I opened it up in IE, and the main content still isn't in the box...

so, I sat down and changed your code untill I found the problem ^_^'

1. when that divlayer gets long, you are going to want to give the overflow property in your CSS a value. I was taught to use auto for a thing like this, but I think scroll might work as well..

2. Don't set the font size with CSS when you can do it with HTML setting it with CSS tends to to make some fonts look funny and pixelated and it isn't setting universal sizes between browsers
(you may use numbers 1 - 7 with 3 being normal. 12pt font ^__^

3. ah ha! found the problem with the text not fitting, your picture is centered! you can't do that, unfortunatly.... 'cause you have a the div layer position as absolute.

some ways around that are:

-the most simple is just setting the page margins to 0 and making you picture align left, then put the picture there


-a step harder is making the position of the picture absolute like the div layer, and just a layer lower than it and arranging them on you page. ( change the z-index of the div layer to 2)

- a step harder, or a step more work I guess, is to make a table exactly the size of your image, give it no border. nothing so you can't see it. now, use your background image as the background of this table and center the whole table. now, you are going to put 1 more table that is invisible (not fill, no borders) like the first one inside of the first on and split it up so it is 2 cells tall. then you set the cells sizes so one cell blocks the top part of your background that you don't want the text to be on, and in the botto cell wich should line up with your text area, put the div layer, but don't set the position to absolute, just remove that one little bit of CSS and the location it was sending it to. now, your cive layer will move where ever your table moves and it always be lined up ^__^ heart

if you need help, or want me to explain better, I would be more than happy to help! Just PM me ^___^ heart
PostPosted: Sat Jan 29, 2005 7:33 am


My Paper Heart
Lord_Michieru
My Paper Heart
Hey guys. I'm at a pretty... okay, a very basic level of HTML and CSS building, so don't be too harsh.... Please?

http://www.jessitheuntalented.tk/

I don't have any actual content in there yet, but I'm working on it. What do you think? Any suggestions?

.tk is gonked out for me. The real link, please.


http://www.geocities.com/jessi_the_untalented/index.html

Damn. *checks FireFox* Um....what they said. *checks Opera* iFrame appears a tinge to big in it. *checks NS gonk * Same as FireFox... *wants Safari*

That Crazy Botvinnik


Chisa
Vice Captain

PostPosted: Sat Jan 29, 2005 4:13 pm


Raine Dragon
2. Don't set the font size with CSS when you can do it with HTML setting it with CSS tends to to make some fonts look funny and pixelated and it isn't setting universal sizes between browsers
(you may use numbers 1 - 7 with 3 being normal. 12pt font ^__^
I disagree there. Setting the font size in html clutters up the html since you have to specify it for every paragraph, whereas you could do it with a single rule in css.

Font sizes can be set in px, pt or em, and some of those are rendered differently in different browsers, some are the same... I can't remember which are which though sweatdrop I'll have to get back to you there, although I think it is pt (which you are currently using) that gets interpreted differently, and px which should be the same in all browsers.
PostPosted: Sun Jan 30, 2005 12:48 am


I have to agree, not bad. Blue on black isn't to cool for my eyes but you can change that easily enough.

I suggest you just toss the majority of the javascript and do the drop downs with CSS. A lot cleaner and more efficient. Great job for a first attempt. Check out www.alistapart.com for info on CSS drop downs and other interesting topics about Design.

Peace,
Blanco

BlancoMorir

Reply
The Gaian Graphic Designers Guild

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum