Back To Website Reviews

SITE REVIEW: Conorific.com

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 15th, 2004, 7:44 pm

The picture you have in the background is a good size. We can make that square always centered, vertically and horizontally. So, no matter what resolution the user is using, it will be in the middle of the browser. Does that make any sense?
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post January 15th, 2004, 7:44 pm

  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post January 15th, 2004, 7:48 pm

*nods* plenty of!
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 16th, 2004, 2:09 pm

Ok, let's talk about your editing software real quick. Are you able to look at the code, and edit it?
- dM
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post January 16th, 2004, 2:39 pm

Yes. I use Dreamweaver for the basics and then go in and modify whetever needs to be modified. I do it mostly by hand and I have a good knowledge of tags and syntax and structure.
  • Nucleo
  • SausagePorkPie
  • Mastermind
  • User avatar
  • Joined: Aug 16, 2003
  • Posts: 2297
  • Loc: UK - England
  • Status: Offline

Post January 16th, 2004, 2:49 pm

i checked the image you uploaded and it looks very good..

i would suggest moving stuff around a little tho...not sure how lol
ya see, the whole site will be based around this 1 picture, which is
fine but doesn't utilise the whole space.
perhaps moving the nav bar up and making the content bigger, but making the background image transparent, so the user can still see the image thru the nav and content...

play about with it a little.

ur site.
i would suggest ditching the striking out on the menu..althought i didn't know it was a menu at first, give the table they are in a border, and perhaps an underline.
I have just noticed that the strike out is on everylink....DITCH IT lol...
Codebuddies - Website Development Resource
|INCLUDE(), INCLUDE_ONCE(), REQUIRE() IN PHP | - / - |MICROSOFT CRM 4.0 ONCLICK EVENT WITHIN FORM |
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post January 16th, 2004, 2:52 pm

I tried that and it was too distracting. I want to not utilize the whole space, I want the emphasis on the picture because the font demands attention so to make the areas bigger would swallow up Conor's gorgeous face. I've played with it lots and it looks best like this. But thanks!

PS. Yeah, yeah I know, the menu. I'm working on it. I think I'm putting up a new layout later so I'm not worrying about it RIGHT NOW.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 16th, 2004, 3:44 pm

ok, so here's some code for you to work with.

I'm trying to pack up and get out of my office right now, but I'll be back on in a couple hours.

Take a look and see what you think. I believe you'll see where I'm going with this. :)

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>
BODY {padding:0;margin:0;background:#000;}
.cell {height:300px;width:500px;background:#C30;}
#box {height:100px;width:200px;background:#CCC;position:relative;top:40px;left:40px;}
</style>

</head>
<body onResize="javascript:history.go(0);">

<table cellpadding="0" cellspacing="0" border="0" height="100%" width="100%">
<tr>
    <td align="center">
    
        <table cellpadding="0" cellspacing="0" border="0" class="cell">
        <tr>
            <td valign="top">
                <div id="box"></div>
            </td>
        </tr>
        </table>
        
    </td>
</tr>
</table>

</body>
</html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7. <style>
  8. BODY {padding:0;margin:0;background:#000;}
  9. .cell {height:300px;width:500px;background:#C30;}
  10. #box {height:100px;width:200px;background:#CCC;position:relative;top:40px;left:40px;}
  11. </style>
  13. </head>
  14. <body onResize="javascript:history.go(0);">
  16. <table cellpadding="0" cellspacing="0" border="0" height="100%" width="100%">
  17. <tr>
  18.     <td align="center">
  19.     
  20.         <table cellpadding="0" cellspacing="0" border="0" class="cell">
  21.         <tr>
  22.             <td valign="top">
  23.                 <div id="box"></div>
  24.             </td>
  25.         </tr>
  26.         </table>
  27.         
  28.     </td>
  29. </tr>
  30. </table>
  32. </body>
  33. </html>
- dM
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post January 16th, 2004, 6:27 pm

Yeah, sort of, I'm just too tired to care right now and I have Regents review tomorrow morning...so forgive my sluggishness.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 16th, 2004, 6:56 pm

np.

I'll be around. :)
- dM
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 16th, 2004, 7:14 pm

This is going to be a bit of a brain dump, so if you know this just skip it. (:

The basic structure of the page is to center everything in the browser. The outer table is going to expand to the full width and height of the viewable area. This table has only one cell. That cell's contents are set to center horizontally. I'm not using the valign attribute, because HTML 4.01 (as cited in the DOCTYPE) defaults to valign=middle.

Inside the outer table, I've nested another table. This is to give us a highly definable space to work in. Again, this cell only has once cell. This time, the cell has the valign attribute set to TOP to overcome the default of MIDDLE. So, when we place things with CSS, we can reference everything from the top left corner.
- dM
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post January 16th, 2004, 7:19 pm

Okay, that makes tons more sense. I can get the image and stuff in. My question is, how would I place the nav and content divs and their headers so they would be correct? I think we'd have to do it using absolute positioning. But they could be tables. Hm.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 16th, 2004, 7:20 pm

I've set up 3 style definitions to show you differnt ways to define and reference them.

First, the BODY selector refers to the HTML body tag. You can define/redefine any intrinsic HTML tags this way.

The second, .cell, is for the giving the inner table some style. Notice that I've referenced this definition in the table tag as class="cell".

The third, #box, is the definition for the first DIV element I've used. Notice that this is referenced using id="box".

What I hoped you would see here is the orange color would be your photo/bkgnd, and the gray box would represent you're content area. One of them, anyway.
- dM
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post January 16th, 2004, 7:23 pm

That I did see, and I did it. I'm just concerned with the fact that it might not render correctly, because of the postioning. Unless I missed something..?
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 16th, 2004, 7:23 pm

Actually, I think we've used all the table that we'll need. :)

Other stuff: In the body tag itself, I've put a javascript refresh. This is in the case that the user resizes his/her browser. The CSS definitions won't update themselves dynamically, so they need a little help there.

Also, notice in the #box definition I've used positioning, but instead of absolute, I've used relative as the type. Simply, this will make the positioning relative to the inner table cell, and not absolutely to the whole page.
- dM
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post January 16th, 2004, 7:25 pm

Ok, so you need to get a copy of the photo, without any other elements. Just the background image.

(I'd like to make the logo a seperate graphic to get it as crisp as possible)
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post January 16th, 2004, 7:25 pm

1, 2, 3, 4

Post Information

  • Total Posts in this topic: 47 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 23 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.