New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

My first tableless CSS layout


Post Reply New Thread Subscribe

 
Thread Tools
ChicoWeb
Guest
 
Posts: n/a

I spent a great deal of time learning how to manipulate CSS into making a layout. I have always been a bit skeptical about this whole "css" tabless phase we have been going through, but as designer I really wanted to learn it. So here is my first all CSS page

http://www.chicowebdesign.com/development/jeff/

Anyone else make an all css design?
QUOTE Thanks
Murlyn

 
Murlyn's Avatar
 
Member Since: Jun 11, 2003
Location: Mount Vernon, WA
Posts: 4,909
Murlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to all
Mac Specs: MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2

Murlyn is offline
Looks real nice! Remember to make all your <br> like this <br /> If you're going to be coding using standards, got to make sure all your code is to standards
QUOTE Thanks
ChicoWeb
Guest
 
Posts: n/a

Quote:
Originally Posted by Murlyn
Looks real nice! Remember to make all your <br> like this <br /> If you're going to be coding using standards, got to make sure all your code is to standards
Thanks! I have to fix some CSS for stupid IE for PC. I'm having some troubles getting the padding to work correctly. It renders how I want in every browser but IE for PC, which of course happens to be the most popular browser :closed:
QUOTE Thanks
RobDreugan
Guest
 
Posts: n/a

looks good man
QUOTE Thanks
Murlyn

 
Murlyn's Avatar
 
Member Since: Jun 11, 2003
Location: Mount Vernon, WA
Posts: 4,909
Murlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to all
Mac Specs: MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2

Murlyn is offline
Yeah IE bites for CSS support Luckily it's market share is still going down, but it's still over 90%
QUOTE Thanks
ChicoWeb
Guest
 
Posts: n/a

Quote:
Originally Posted by Murlyn
Yeah IE bites for CSS support Luckily it's market share is still going down, but it's still over 90%
Yeah, its to bad really. I'm almost done integrating it with Word Press now. That was a lot harder than expected.
QUOTE Thanks
Murlyn

 
Murlyn's Avatar
 
Member Since: Jun 11, 2003
Location: Mount Vernon, WA
Posts: 4,909
Murlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to all
Mac Specs: MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2

Murlyn is offline
Hmm.. interesting wordpress shouldnt be that hard.. I havent done it though, I just know with my blog it didnt look hard, I just havent had the time
QUOTE Thanks
RobDreugan
Guest
 
Posts: n/a

I'm glad firefox is getting more attention now though; hopefully if they keep releasing quality browsers Mozilla can steal some of IE's thunder.
QUOTE Thanks
CaptainMack
Guest
 
Posts: n/a

very nice looking. im still useing the old fashioned tables
QUOTE Thanks
ChicoWeb
Guest
 
Posts: n/a

Quote:
Originally Posted by Murlyn
Hmm.. interesting wordpress shouldnt be that hard.. I havent done it though, I just know with my blog it didnt look hard, I just havent had the time
It actually was pretty tough, but well worth it. The final is at

http://www.jefferymichael.com/x/ - I haven't figured out why it doesn't render in IE, so check it out in safari :closed:
QUOTE Thanks
Murlyn

 
Murlyn's Avatar
 
Member Since: Jun 11, 2003
Location: Mount Vernon, WA
Posts: 4,909
Murlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to all
Mac Specs: MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2

Murlyn is offline
It is very nice, you did a great job on it!
QUOTE Thanks
VastDeathmaster
Guest
 
Posts: n/a

For some reason I cannot view your website. The work firewall is probably blocking it. In any case, about the Windows IE thing. Why not just have a blurb somewhere like "this webpage designed for Mozilla or similar browsers if you don' have it, here's a link".

I seem to remember a lot of sites used to do this when they were designed exclusively on Netscape.
QUOTE Thanks
ChicoWeb
Guest
 
Posts: n/a

Quote:
Originally Posted by VastDeathmaster
For some reason I cannot view your website. The work firewall is probably blocking it. In any case, about the Windows IE thing. Why not just have a blurb somewhere like "this webpage designed for Mozilla or similar browsers if you don' have it, here's a link".

I seem to remember a lot of sites used to do this when they were designed exclusively on Netscape.
Thats odd. There is really no content on there that should be blocked. Strange. You are going here right?

http://www.jefferymichael.com/x/
QUOTE Thanks
cerberos
Guest
 
Posts: n/a

You need to add "display:inline;" to elements with double padding in IE.

Using images directly for navigation in CSS defeats the purpose. Use an unordered list, and set the background image for each list item as the appropriate image. This way the page is actually accessible - a user will be given a list of navigation should the css rendering fail.
QUOTE Thanks
ChicoWeb
Guest
 
Posts: n/a

Quote:
Originally Posted by cerberos
You need to add "display:inline;" to elements with double padding in IE.

Using images directly for navigation in CSS defeats the purpose. Use an unordered list, and set the background image for each list item as the appropriate image. This way the page is actually accessible - a user will be given a list of navigation should the css rendering fail.
Yeah, I realized this a bit ago. I haven't changed the navigation images because I am going to make them into roll overs, but I've run out of time over the past few weeks. I was just happy to render anything on my first time.
QUOTE Thanks

Post Reply New Thread Subscribe


« My Sites logo. | website critique »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
CSS Positioning Issues with Site Redesign dziner Web Design and Hosting 2 07-02-2004 07:56 AM
CSS and Mac slider Web Design and Hosting 7 04-23-2004 04:13 PM
CSS strangeness in Safari only!? stevenjohn Web Design and Hosting 1 03-29-2004 07:08 AM
CSS muso Web Design and Hosting 4 09-21-2003 09:02 PM

All times are GMT -4. The time now is 05:24 PM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?