Topic: FUll site review after changes ! (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=9924" title="Pages that link to Topic: FUll site review after changes ! (Page 1 of 1)" rel="nofollow" >Topic: FUll site review after changes ! <span class="small">(Page 1 of 1)</span>\

 
dyZ440
Bipolar (III) Inmate

From: selangor
Insane since: Oct 2001

posted posted 01-02-2002 00:18

For those who have seen my previous layout of the site please let me know if i am getting better or worse !
http://ks440.tripod.com/26/Vision.html



Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 01-04-2002 03:21

dyZ440: OK some thoughts:

1. Its getting better!!

2. The date graphics on the left should just be text - they'd be clearer.

3. It looks like separate elements - its not helped by those 3 buttons top left which, although nice, look like they need to be in an interface.

4. Its slightly too wide.

5. Don't specify a screen resolution and browser for a simple page.

6. That patterned background in the central panel is too variable - bluey links and white text would give some people with vision problems a real headache (pun intended).

7. Use more CSS - I'd recommend the same as Weadah and go for a CSS-only design but even if you don't do that use CSS to get rid of non-breaking spaces and <BR> when used for horizontal and vertical spacing (respectively). And also get rid of FONT tags and the definitions in the BODY tag and use CSS.

8. Fill in the bits it tells you to fill in in the meta tags.

That pretty much covers the major things I noticed. It is starting to look good but you need to work on making it look like one page (it can be tricky) and tighten up the code and use more CSS. I think with those improvements we should start to see some good progress.

Emps


You're my wife now Dave

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 01-04-2002 16:53

It seems that you have two different sections for "News" I can't really tell what the difference is between them. One seems personal and the other seems like "In other news..." Know what I mean? You could have one page of news stuff and then a sepearte page for like a Journal.

You may want to find a way to use the news stuff on the left side as a navigational section for an interface like Emps suggested.




Later,
C:\


~Binary is best~

dyZ440
Bipolar (III) Inmate

From: selangor
Insane since: Oct 2001

posted posted 01-05-2002 07:24

http://www27.brinkster.com/dyz60/Main

New host and some changes !
I tried many css tutorials and still not getting good at it... help me !!


CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 01-05-2002 20:46

It's looking better. I am not sure what you are wanting help with in using CSS. Are you wanting to use it instead of tables? You don't have to but the only thing in the code itself that I would change is the use of the <font> tag. This tag is not used anymore and soon new browsers will not recognize it.

In your <style> that you have, add the font specifications that you have for the links. You already have them started to determine the color and text-decoration, go ahead and add the font-family: Verdana and font-size: 8pt. to it and get rid of the <font> tags.

You can then do the same for the text in the <body>. In the <style> sheet at the head, make a new tag called something like .bodyText
(don't forget the . at the begining). Then in the body of the document you can specify this by saying <p class="bodyText">
That way all the text in that paragraph will have the specifications that you gave in the <style> at the head.



Later,
C:\


~Binary is best~

Dark
Neurotic (0) Inmate
Newly admitted Neurotic (0) Inmate
Newly admitted
posted posted 01-06-2002 00:57

I would stick with the tables, but that's just me CSS is a little new to me. Although using a CSS style sheet is VERY useful as is CSS it'self used for anything, but aligning things.

dyZ440
Bipolar (III) Inmate

From: selangor
Insane since: Oct 2001

posted posted 01-06-2002 11:37

Firstly, thnx for the tip CPrompt.
I 'll play around with it and test it out and of course, use them if i like them.

I thought i wanted to use CSS for aligning things up. I managed to learn how to do that to text.

Example :-
<style>
#hello {
position: absolute ;
left:100px ;
top:50px ;
width:200px ;
background: blue ;
border:1px solid blue ;
}

Is this correct or should it be a . (dot) instead of # ??? CPrompt mentioned that it should be a dot .

Then i use <div class=hello></div>

Am i correct ?? the problem is i cant get the background in together with each div. Like i have the div about, which is #hello for my left menu. But i can seem to fix the background ( green with scalines ) together with text. I added the background-image command and still it didnt work out either.

Actually i wwant to stick to tables just like dark but it seems that newer things are created for easier tasks and nicer outcome so i hope to stay updated. CAre to help me
with this Cprompt?

Lastly, is the contents for my site ok ?? Btw guys this isnt the final site yet ... still have lots of ideas

http://www27.brinkster.com/dyz60/Main

GRUMBLE
Paranoid (IV) Mad Scientist

From: Omicron Persei 8
Insane since: Oct 2000

posted posted 01-06-2002 15:40

the scanlines on the left flatter when scrolling...

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 01-06-2002 15:59

dyZ440,

If you are going to use tables, use the style sheets to determine what the font specs are (color, indention, font-family) that kind of thing. Then you can use the place the background image in your <table> or <td> tags and that should work fine. Also, please do not mix using tables and CSS alignment (i.e.{position: absolute ; left:100px ; top:50px ; width:200px ;}) Mixing the two is bad ju-ju. Pick one or the other.

About the #hello, this is one thing that can kind of be hard to get about CSS. The # before the seletor, in this case "hello", will signify an "id", not "class". So when this is used: #hello, it would be used like <div id="hello"></div> not <div class="hello"></div>

When using the "id" attribute, use it sparingly. The "id" doesn't support some properties to be inherited. Read this article about the differences between "Class" and "ID" attributes.
I mostly use the "class" attribute, but when I make a "box" that will act as a left or right menu, or something like that, then I use the "id" attribute.
Read that article though and really try to get a grasp on it. I think that will help a lot.

Later,
C:\


~Binary is best~

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 01-06-2002 16:18

dyZ440: Possibly we've been throwing too many suggestions at you without helping you prioritise!! What I recommend (and I think CPrompt is suggesting similar things) you do is get you design finished (all the elements working together) using tables with a bit of CSS thrown in to get rid of the FONT tags and get control over vertical and horizontal spacing and then perhaps look at doing things with a CSS-only layout after that.

Emps


You're my wife now Dave

dyZ440
Bipolar (III) Inmate

From: selangor
Insane since: Oct 2001

posted posted 01-06-2002 17:24

Thnx to CPrompt for enlightening me on the id and class difference . I'll read the document in the link CPrompt provided after this reply.

Ok i will use this

.body { font-color: blue ; " bla bla bla " ) , everything font attributes in the <body> tag will be what ever i set earlier right ??

OK that will get rid of repeated fonts tags ....

Ermmn ok i make some big changes and make things organized b4 going further ... and thnx to Emperor.

Anyway are the links color ok ??




Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 01-06-2002 17:34

Just to keep things tidy and all the discussion in one place I have closed the following threads:
www.ozoneasylum.com/Forum6/HTML/000753.html
www.ozoneasylum.com/Forum6/HTML/000744.html

and directed any discussion here.

Emps

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 01-07-2002 15:44

dyZ440:

Don't put the dot at the beginning of body. For HTML elements such as BODY, P, TD and such you don't need the dot at the begining.

Take Emps suggestion and make a site. Go ahead and use tables, there's nothing wrong with it really. We can get into a discussion about that later. Just make your pages using table and use the CSS to determine the font, font-color. Don't worry right now about CSS alignment and such. Take it one step at a time like Emps suggested.

There is nothing really wrong with you site now, just use the CSS to get rid of the font tags and we can go from there.

You can email me if you have an specific questions. Sometimes I forget about what posts that I reply to. hehe.

<eidt>Just noticed something in your code. Be sure to "unhide" the <style>. You forgot the
-->
</edit>

Later,
C:\


~Binary is best~

[This message has been edited by CPrompt (edited 01-07-2002).]

dyZ440
Bipolar (III) Inmate

From: selangor
Insane since: Oct 2001

posted posted 01-07-2002 15:52

I am coming up with a new design. Wont be posting here till i get it done...

Anyhow i wonder if it is good if i keep changing my website design all the time ?? I mean this is my sixth time alraedy ...

I am improving though with html and css .. ahh dhtml and php left out .. LOL

And while this is going on my photoshop skills improve... lacking art design as i think that coding is more important now ...

Just wanted to know if you professionals think i am heading the correct path . Is creating new websites all the time good ?

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 01-07-2002 20:18

dyZ440: Its not professionals you should be asking but your users (and we are all one of those!!). Constantly changing your design can be very confusing for your users and its best to have a test bed area and kick a design around in there until you (and us!!) are happy with it before unleashing it on world with a fanfare. Keep working on this design (using tables) until it is looking great and then lt your users have the benefit of your hard work. After that try to concentrate on fine tuning the coding (and pos. making a seamless move to a CSS-only layout if you want) but concentrate mainly on adding useful extras and keeping the site full of fresh content.

Emps


You're my wife now Dave



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu