Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Site review requested 2

Status
Not open for further replies.

MoonHare

Technical User
Aug 25, 2002
43
US
I would very much appreciate any comments or pointers for my new website. This is my first time using CSS and am unsure about browser compatability.


Moonhare (JRW)
 
Virt2002,
Nope... only Corel, Paint-shop pro and Irfan. Corel does most of what Photoshop does.

I have worked out what color fawn is in webcolors: #dd9966

The only thing is that dd is not really kosher. Hmmm. Looks kind of nice but then it might be too much of a good thing.

I could reproduce this in a series of graphics, but somehow the idea is worrisome to me. Hmmmm. No shadows in HTML or CSS... I didn't think there was.

Well, I want to know what you have in mind anyway. What says you, Virt2002?

The Moonhare
 
virt2002's got the graphics thang goin yeah? Nice work!

>> Obviously the menu bar has to be a mapped graphic.

That's not entirely accurate. You can create a single graphic first without the menu items in it, then slice it into top,bottom,left,right images (some editors do this for you but you can do it by hand it's just slower) then use an HTML table to put them back together and look as one image. Then in the center you have a table cell where you can put a text based menu like the one you have.

Layering can also be used but it hardly ever looks as good and then browser compatibility (oxymoron LOL) is a huge problem.

-pete
 
I'll send you the header and navigation graphic if you post your e-mail..
logo.gif


carlsatterwhite@orlandomediasolutions.com
 
Hey, Virt2002....
Its on the webpage!!!!
Yours,
The Moonhare
Moonhare@starband.net will work
 

I made 8 graphic slices that you will need to create the inset for either the navigation or your pics, I would use it to inset all content and navigation..Also I uncluded the header logo.gif and the header extender.gif..Use this to extend your header as wide as you like by adding the image to the background of the table in the header..Or the cell however you decide..Also the 8 graphics are pretty explanitory for the table set up to hold either your pics or navigation..

should be something like this:

<table width=&quot;200&quot; height=&quot;600&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<tr>
<td><img src=&quot;images/top_left_corner.gif&quot;></td>
<td><img src=&quot;images/top_middle.gif&quot;></td>
<td><img src=&quot;images/top_right_corner.gif&quot;></td>
<tr>
<td height=&quot;600&quot; background=&quot;images/left.gif&quot;></td>
<!-- your navigation links would go here -->
<td height=&quot;600&quot; background=&quot;images/content.gif&quot;></td>
<!-- or just the background color will do here -->
<td height=&quot;600&quot; background=&quot;images/right.gif&quot;></td>
<tr>
<td><img src=&quot;images/bottom_left_corner.gif&quot;></td>
<td><img src=&quot;images/bottom_middle.gif&quot;></td>
<td><img src=&quot;images/bottom_right_corner.gif&quot;></td>
</tr>
</table>

Have fun..
logo.gif


carlsatterwhite@orlandomediasolutions.com
 
Post the link when your done..
logo.gif


carlsatterwhite@orlandomediasolutions.com
 
Dear Virt2002,
I was working on this shadow question until late in the night and didn't upload the result to the web until just now. Now I see you have done a great deal of work for me! Wow!

I don't have time to look at it at the moment as my mother-in-law just arrived for her annual visit. But check out the changed you inspired last night.


Yrs,
The Moonhare

The Moonhare
 
Dear Virt2002,
Thanks to your incentive, I have found a really great website by Taylor at Webmonkey about using CSS to filter images. The URL is

Last night I just became aware of the possiblity of doing text, but now, with Taylors directions, I think your design might be reproduced with filters instead of graphics.

Anyway, I appreciate your encouragement and am very greatful for the inspiration.

Yrs,
The Moonhare The Moonhare
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top