I'm new to web design and slowly learning html, css etc, via Dreamweaver and Coda. The site I'm working on is www.glanfyll-lewis.com. I use a mac and safari/firefox. I originally had loads of problems with alignment of text on internet explorer, but i've realised that justifications is key to working on internet explorer! Anyway, i have 2 thumbnails which wont work, the link works but either the thumbnail or enlarged image wont work on IE. I've removed and redone them, checked the file format, they are both formatted the same way as the others, i even moved them to other spaces but its the same problem. All works fine on safari and firefox, but not IE, any ideas anyone?
dtm32236
03-19-2009, 01:10 PM
Which 2 thumbnails are you talking about?
PS - if you're using XHTML doctype, you should escape all images:
<img src="img.jpg" />
Also, if you're learning HTML and CSS, I would highly suggest looking into learning table-less layouts (there's tons of sites and tutorials you can read about it). I would definitely not rely on Dreamweaver's Code View to create your sites. Most coding should be by hand. DW should be used to make your job quicker and easier, but not for creating your actual site.
This is a pretty simple site and can be written with a fraction of the code... and without tables.
dvp
03-19-2009, 02:07 PM
Thanks for the tips.
The 3rd and 8th thumbnail, i didnt mention it as i thought you could see which ones werent working. I have since found out that the images must be at fault, as i tried 2 others as a test and they worked! But i dont know why, its baffling me still!
If i put the escape after the .jpg"/ , then do i just add the width="150" height="150" /></a></div></td>
</tr> after it?
I've started with DW as its easy to grasp, i've read that the best way is to hand-code, which was why i bought Coda, which is really good. I still use DW for laying out things, its easier, and i'm slowly converting from it to COda and hand-coding.
I'll check out table-less sites, if you know any god sites i would appreciate it, and yes editing and simplifying code i suspect is all part of the process of bettering myself as a web designer. I greatly appreciate your help.
dtm32236
03-19-2009, 03:43 PM
It must be the images then. I've ran into a problem like that in the past. I forget the reason for it, but it must have been errors with the compression or when I saved the file. Try opening up the photo again (in Photoshop or whatever you use) and save a new copy of it. See if it will work then.
For the image code, only do the escape at the end (just before the >), after your width and height attributes. You have it right here:
<img src="Artwork/originals/Thumbnails/large/gallery 2/redlinesmall.jpg" width="150" height="150" />
And you're taking the right path... learn how HTML works, then start to learn CSS and get comfortable with both. Then practice by doing hand-coding. You should start reading up on tableless layouts as you're learning CSS.
Just doing a quick search, this site seems to be pretty good at explaining how to use CSS for a tableless layout:
http://www.tutorialtastic.co.uk/tutorial/create_a_tableless_layout
You're on the right path... good luck with everything.
tracknut
03-19-2009, 05:34 PM
One reason images don't display is if they're not encoded in RGB format. If they're CMYK, for example.
Dave
dvp
03-20-2009, 12:32 PM
I'm still having the same problem. I've checked the 2 image files, both are formatted as .jpeg, same as all the others, sized and saved in exactly the same way. Any ideas anyone?
tracknut
03-20-2009, 12:37 PM
Post links to them so we can check... and did you check their color mode?
Dave
dvp
03-20-2009, 12:50 PM
Didnt check their colour mode, dont know how but will check it out. I hope the links below are what you need?:
Yep. All those are CMYK images. If you have photoshop, image->mode will show it, and allow you to change them to RGB.
Dave
dvp
03-20-2009, 01:02 PM
Thanks Dave, i will give this a try.
dvp
03-20-2009, 02:01 PM
Still the same problem!
tracknut
03-20-2009, 02:19 PM
What version of IE are you using? I'm looking at it in IE7 and I see them.
Dave
dvp
03-20-2009, 02:24 PM
I see them now, it finally works!!! Thanks so much for your help, for some reason those 2 images were cymk and not rgb, i'll never make that mistake again!
dvp
03-22-2009, 02:26 PM
The other problem i have with the site is movement of tables when i dont want them to. I'm cutting pasting accross the header tables onto new pages, so that the header links are always in the same place. However, the 'Introduction' page to the site wont play ball and will move to the left, and down a bit. Whatever i try fails, its always out slightly. The content within the page, ie text and one image all fall within the 800pixel width range, whatever i do to manouvre a better fit fails to work, its really wierd! Even some of the other link pages, apart from 'Contact', 'Exhibitions' and 'Links', move slightly left or right, even though its all got the same header widths. How do i stop header table layouts from moving?
dtm32236
03-23-2009, 08:34 AM
I'm not sure why that's happening... so I know that this doesn't answer your question, but let me offer this tip:
Look into Server Side Includes (http://www.smartwebby.com/web_site_design/server_side_includes.asp). These can save you a LOT of time.
Eye for Video
03-23-2009, 10:22 AM
The shifting problems is perhaps another good example of why not to use tables for layout..... no offense.
Well since you had made so may changes to the Intro page header that I redid it by just cutting and pasting from Home page so the code matched. It was evident right away that the problem wasn't in the header rows... the problem is in the other rows in the body throwing off the header cells. To verify that, copy exactly the header code from you Home page into the header area of Intro and then close the table and comment out all other content. Do the same on both pages. Header comes out exactly the same. I also tested with Galleries... close table after header and comment out all other content. Headers are all the same.
Your main content varies from page to page and is throwing of the header. If you have to use tables, leave the header in one and put the content in another.
Best wishes,
EfV
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.