Conquer Club

I am redesigning a website for my school's radio station. I have never had a problem with HTML and have always found it to be extremely simple and easy. I have started this website and I am stuck. I put a picture at the top of the page to act as a banner that contains the radio station logo. The problem is when i go to view what it would look like if pulled up online, the image doesn't show up. I am using dreamweaver and was wondering if anyone had any advice at all.

The HTML code that i used to support the image is:

<img src="shirt logo.JPG" height="175" width="735" />

Thanks in advance fellow conquerors!

Check your pathing. Your best bet is to create a separate folder for pictures (let's say "pics") and avoid using spaces (use "_" instead). So, create that folder, put the newly named picture in there ("shirt_logo.jpg") and then it should look like...
<img src="pics/shirt_logo.jpg" />
Your height and width attributes were unnecessary, but, if you insist on using them, only use one. Browsers will automatically scale the image so that it doesn't look squished or stretched.

Since you have no troubles with HTML, I recommend learning CSS. It'll allow you to create a lot more dynamic and visually pleasing webpages, and it's not too difficult to learn. A great resource to help you learn or look up syntax is http://www.w3schools.com

hecter wrote:Check your pathing. Your best bet is to create a separate folder for pictures (let's say "pics") and avoid using spaces (use "_" instead). So, create that folder, put the newly named picture in there ("shirt_logo.jpg") and then it should look like...
<img src="pics/shirt_logo.jpg" />
Your height and width attributes were unnecessary, but, if you insist on using them, only use one. Browsers will automatically scale the image so that it doesn't look squished or stretched.

Since you have no troubles with HTML, I recommend learning CSS. It'll allow you to create a lot more dynamic and visually pleasing webpages, and it's not too difficult to learn. A great resource to help you learn or look up syntax is http://www.w3schools.com

aright thinks. ill try that and see if it helps.

What hecter says except ...

hecter wrote:Your height and width attributes were unnecessary, but, if you insist on using them, only use one. Browsers will automatically scale the image so that it doesn't look squished or stretched.

As a slight uber-geeky aside - if you put in both those attributes then the page will render slightly quicker, so you're better using either both or neither, not one

Generally - first thing I'd check is to make sure you don't have spaces in your filenames (eg shirt_logo.jpg or shirtlogo.jpg), that sometimes messes things up (boring reasons but I can go in to them if you like)

Good luck with the web design stuff - start of an exciting path, there's loads of cool stuff you can do with the internets already - if you're at school then you'll be getting in to that industry in, what, 10 years time ... can't imagine how many brilliant things will be about then

AlgyTaylor wrote:

hecter wrote:Your height and width attributes were unnecessary, but, if you insist on using them, only use one. Browsers will automatically scale the image so that it doesn't look squished or stretched.

As a slight uber-geeky aside - if you put in both those attributes then the page will render slightly quicker, so you're better using either both or neither, not one

I still stand by my statement. Unless you're doing the calculations yourself to keep the aspect ratio exact (sometimes pretty simple if you're not resizing the image, or halving it, stuff like that) then you should only include one. There's always exceptions to the rule but, as personal preference, I just prefer to resize the image in software sot he image is how I want it already, and then not include any extra attributes at all to clutter up your code (I'm Canadian, we like neat code).

AlgyTaylor wrote:What hecter says except ...

hecter wrote:Your height and width attributes were unnecessary, but, if you insist on using them, only use one. Browsers will automatically scale the image so that it doesn't look squished or stretched.

As a slight uber-geeky aside - if you put in both those attributes then the page will render slightly quicker, so you're better using either both or neither, not one

Generally - first thing I'd check is to make sure you don't have spaces in your filenames (eg shirt_logo.jpg or shirtlogo.jpg), that sometimes messes things up (boring reasons but I can go in to them if you like)

Good luck with the web design stuff - start of an exciting path, there's loads of cool stuff you can do with the internets already - if you're at school then you'll be getting in to that industry in, what, 10 years time ... can't imagine how many brilliant things will be about then

im actually a freshman in college. and im studying Video Game Design. I am only doing website design stuff on the side or for fun.

could try making your link global instead of local..

hwhrhett wrote:could try making your link global instead of local..

That... Sounds like a very bad idea.

Jace-N wrote:im actually a freshman in college. and im studying Video Game Design. I am only doing website design stuff on the side or for fun.

Cool stuff. If you want to get your hands dirty and want to try your luck with some actual coding, you should look into learning PHP and MySQL. They're both very quick and easy to learn if you have past programming experience, and you can do some really cool shit with them if you put your mind to it. You can test out your PHP scripts and stuff using something like XAMPP, which simulates an apache server on your computer (or better yet, your memory key).