Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   Introductions (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=163)
-   -   Building my first website (http://www.dreamweaverclub.com/forum//showthread.php?t=34360)

Designer 11-14-2009 09:21 AM

Building my first website
 
Hi, I am Ralph, a designer from London. I have a lot of experience as a designer for print and recently I have designed a few websites that were built by other people. I have decided to bite the bullet and learn to build the sites myself. I am using CS3 on a Mac and have nearly finished my first site which is a real job for one of my clients. However, the most complicated page (meet the team) is looking great in all non IE browsers but has one specific problem in IE.
The name and job title sits about 40 px to the right of where they should be. I have put all relevant padding and margins to zero and can't think what else to try. I am drawing a blank with my techy friends so I was hoping someone from this forum might be able to cast their over it - any suggestions will be gratefully received.
http://www.ralphbeckforddesign.co.uk...team_test.html
Anyone looking at this will see that the code is a mess but it does work apart from the above problem
Someone please help this poor old designer
Regards
Ralph

Corrosive 11-14-2009 10:03 AM

I can't, for the life of me, see what is causing that.

Designer 11-14-2009 10:46 AM

building my first website
 
Hi Corrosive

Thanks for prompt reply, could you see if any of your esteemed colleagues have any clues?

Regards

Designer

gentleone 11-14-2009 12:26 PM

It is always good to use a reset.css stylesheet and link this one at first in the <HEAD>

Just try it, because I know that IE is bad with refreshing a page and there might be still a cached padding or margin from another website.

Here is a link to a reset.css file which will reset everything. Just let us know if this helped you out or not and the we can investigate further.

http://meyerweb.com/eric/tools/css/reset/

DWcourse 11-14-2009 01:23 PM

I can't see why either but that table is very complex and I'd be for some reason one or more cells is being stretched in IE. I can only say from experience that you'll probably go through hell trying to find exactly what's causing it.

Designer 11-14-2009 01:42 PM

thanks Guys - Gentleone, pardon my ignorance but where should I paste that reset code? Designer

Corrosive 11-14-2009 01:49 PM

Put it at the start of your stylesheet.

If you'd like a suggestion of a different approach then I reckon you should look at 3 div tags floated left so they line up next to each other. An ID for each that tells it to display the individual photos as a background. Then a class for each that states the overall width of the div and uses padding left and top to place the text exactly where you want it. One div and some styles sure beats the hell out of a load of unpredictable tables ;)

Designer 11-14-2009 03:58 PM

Hi Guys

I tried the reset code but no cigar - thinking about rebuilding it with divs as suggested by Corrosive - back to the drawing board...Arhhh!
thanks very much for your efforts, if you have any more ideas, please put them down the line as it will take me a long time to remake the page - I've only been doing this for a month or so

gentleone 11-14-2009 05:34 PM

Here is a good and well explained tutorial about the very basics of CSS.

Mastering CSS

Designer 11-15-2009 12:38 PM

thanks for above tutorial, Just rebuilt page with divs all seems fine but for some reason my wrapper does not wrap around my content and unless I give it a specified hight all the content spills out the bottom of the page - I know this must be very basic stuff for you guys but could someone tell me where I went wrong?
http://www.ralphbeckforddesign.co.uk..._team_div.html


All times are GMT. The time now is 08:28 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com