HTML Forum

**rmculos** · 03-06-2009, 02:57 AM

Please help with this script. ALL I need is image sized correctly. This is probably way to much code.

But, I've BOLDED the image I need to be set at 300x300.

In your response, please bold WHERE you have made the change.

Thank you!

</SCRIPT></HEAD><BODY bgcolor="FFFFFF"><A name="top"></A><TABLE width="800" cellspacing="0" cellpadding="0" border="0"><TR><TD><TABLE width="800" cellspacing="0" cellpadding="0" border="0"><TR><TD width="288" rowspan="2"><IMG width="288" src="./templates/Alpha/img/../../../templates/Alpha/img/logo.gif" height="50"></TH></TD><TD><IMG width="512" src="./templates/Alpha/img/555454/oben1.gif" height="43"></TD></TR><TR><TD><IMG width="512" src="./templates/Alpha/img//../../../Alpha/img/company_name.gif" height="45"></TD></TR></TABLE></TD></TR><TR><TD><IMG width="800" src="./templates/Alpha/img/555454/oben2.gif" height="13"></TD></TR></TABLE><TABLE width="800" cellspacing="0" cellpadding="0" border="0"><TR><TD width="173" valign="top"><TABLE xmlns:lxslt="http://xml.apache.org/xslt" cellspacing="0" cellpadding="0" border="0"><TR><TD><A href="./6501.html" target=""><IMG name="CM4all_6501" src="./templates/Alpha/img/navi/6501_h.gif?cc=1236288825365" alt="Home" border="0"></A></TD></TR><TR><TD><A onmouseout="reSwapImage('CM4all_6552');" onmouseover="swapImage('CM4all_6552');" href="./6552.html" target=""><IMG name="CM4all_6552" src="./templates/Alpha/img/navi/6552_n.gif?cc=1236288825365" alt="News" border="0"></A></TD></TR><TR><TD><A onmouseout="reSwapImage('CM4all_6573');" onmouseover="swapImage('CM4all_6573');" href="./6573.html" target=""><IMG name="CM4all_6573" src="./templates/Alpha/img/navi/6573_n.gif?cc=1236288825365" alt="Links" border="0"></A></TD></TR><TR><TD><A onmouseout="reSwapImage('CM4all_6594');" onmouseover="swapImage('CM4all_6594');" href="./6594.html" target=""><IMG name="CM4all_6594" src="./templates/Alpha/img/navi/6594_n.gif?cc=1236288825365" alt="About" border="0"></A></TD></TR><TR><TD><A onmouseout="reSwapImage('CM4all_6615');" onmouseover="swapImage('CM4all_6615');" href="./6615.html" target=""><IMG name="CM4all_6615" src="./templates/Alpha/img/navi/6615_n.gif?cc=1236288825365" alt="Contact" border="0"></A></TD></TR></TABLE></TD><TD width="6" valign="top" background="./templates/Alpha/img/555454/links.gif"><IMG width="6" src="./templates/Alpha/img/555454/Abstandhalter.gif" height="384"></TD><TD valign="top" bgcolor="FFFFFF"><TABLE width="623" cellspacing="0" cellpadding="0"><TR><TD width="10"> 
</TD><TD> 
</TD><TD width="30"> 
</TD></TR><TR><TD width="10"> 
</TD><TD valign="top"><CENTER><div id='pre_content_div' style='display:none;'></div></CENTER><P><IMG src="./img/content/6501_6505.gif"><BR clear="all"></P><P>Thank you for visiting our new site.<BR clear="all"></P><P>At present, our web site is still under construction. We are making an effort to present you with our entire spectrum of offers as soon as possible.  In the meantime you can reach us by telephone at <BR>(708) 524-0719 or by email at <A target="" href="mailto:carolyn@momorganizing.com">carolyn@mo morganizing.com</A>.  We are looking forward to hearing from you.<BR clear="all"></P><P>If you are not familiar with our company and your first contact with us is online: We would be pleased to hear from you! Please let us know what your needs and questions are, we will be more than happy to help.<BR clear="all"></P><SCRIPT>

**tripy** · 03-06-2009, 03:59 AM

If you want it to be 300x300, why the heck do you specify it's size to be 288x50 in the code !?

<IMG width="288" src="./templates/Alpha/img/../../../templates/Alpha/img/logo.gif" height="50">

**rmculos** · 03-06-2009, 04:26 PM

Ok I swear I'm not that dumb... The script was pulling the image from a sitebuilding template that automatically resized the image. So, what I did was change where the image pulled from and now I can size it however I want.

Thanks for the help though!

**Rotco88** · 03-10-2009, 09:25 AM

Quote:

Originally Posted by tripy

If you want it to be 300x300, why the heck do you specify it's size to be 288x50 in the code !?

<IMG width="288" src="./templates/Alpha/img/../../../templates/Alpha/img/logo.gif" height="50">

Do not use that... That's **** unprofessional! here you go:

<img src="./templates/Alpha/img/../../../templates/Alpha/img/logo.gif" width="288" height="50">

**chrishirst** · 03-10-2009, 09:48 AM

and the difference is?

and how does the order of the attributes make it "unprofessional" ?

**Rotco88** · 03-10-2009, 10:09 AM

Quote:

Originally Posted by chrishirst

and the difference is?

and how does the order of the attributes make it "unprofessional" ?

I know that you are a moderator, but man... You are all over the place, and why should you even care? Normally you should have order, and that's why it's unprofessional.

The code was messed up, and that's a fact! Disagree with me, I don't care, but the code was simply messed up!

**tripy** · 03-10-2009, 10:27 AM

Quote:

why should you even care?

Because this is not sitepoint and some of us have developed an addiction to this place. We are help to give help in a mature and helpful way.
And insulting people telling them to change the order of their CMS generated code is in no way a "mature" nor "helpfull" way of doing it.

Rigor and professionalism are not mesured by the order of html elements attributes. Re-writting the output to order them would rather by classified as "obsessive compulsive disorder", in my opinion.

**Rotco88** · 03-10-2009, 02:27 PM

Then your opinion means nothing to me!

I'm trying to help people, and yes the professiolism is mesured by the order og HTML codes etc.

Everyone can make a clean layout, but not everyone can make a clean code!

Think about it!
1:
<img src="images/something.jpg" width="50" height="50">
2:
<img height="50" src="images/something.jpg" width="50">

What looks best? Well if you saying number 2 I know your lying!

**LadynRed** · 03-10-2009, 02:29 PM

The point is, it does not matter, as Chris already pointed out.

**Rotco88** · 03-10-2009, 02:33 PM

So 1 person is saying something? Then it's correct? Maybe I should stop wasting my time on your posts.

**serandfae** · 03-10-2009, 03:10 PM

Quote:

Originally Posted by Rotco88

Everyone can make a clean layout, but not everyone can make a clean code!

Think about it!
1:
<img src="images/something.jpg" width="50" height="50">
2:
<img height="50" src="images/something.jpg" width="50">

Actually, I don't like either of those. I like CURRENT, SEMANTICALLY CORRECT coding standards:

<img src="images/whatever.jpg" style="height:50px; width:50px;" alt="whatever" />

Geez, if you're going to play aggressively, at least have a winning hand.

tim

**LadynRed** · 03-10-2009, 03:19 PM

Well.. it is still a good practice to put dimensions on the <img> itself, you never want the browser to do the calculating

**tripy** · 03-10-2009, 04:32 PM

Quote:

So 1 person is saying something? Then it's correct? Maybe I should stop wasting my time on your posts.

No, but intellectual masturbation never helped much anyone. At least, not me.
Chill out. Don't get angry, drink a beer, enjoy your time here.

Quote:

Then your opinion means nothing to me!

Seriously, I hope you are not reacting like that in front of someone that don't have the same point of view than you.
At least bring something to weight your argument...

Quote:

What looks best? Well if you saying number 2 I know your lying

You do realize that your vision of beauty is not the universal definition of what is beautiful.
I, honestly, don't see any differences between the 2.
For me, a beautifully formatted code would rather be:

HTML Code:

<img
  src="http://www.whatever.com"
  alt="blah"
  title="bloh"
  width="250"
  height="187"
  style="width:250px; height:187px"
/>

There...
Readable, clear, without possible arguments the most beautiful way to layout X/HTML.
Now, what are your arguments against it?

**wayfarer07** · 03-10-2009, 04:46 PM

Tripy, your example is extremely unprofessional. This would be much better.

HTML Code:

<img
  src="http://www.whatever.com"
    alt="blah"
      title="bloh"
        width="250"
          height="187"
            style="width:250px; height:187px"
/>

Isn't it prettier all in a slanted line like that?

**World** · 03-11-2009, 11:02 PM

Quote:

Originally Posted by serandfae

<img src="http://www.webmaster-talk.com/images/whatever.jpg" style="height:50px; width:50px;" alt="whatever" />

tim

Question: in the book I learned from there was no

[code]
style=
[/style]

They actually wrote it like this:

Code:

<img src="http://www.webmaster-talk.com/images/bonfire.jpeg" 
width="300" height="550" alt="bonfire that won't burn">

Not even pixels were given in the dimensions.

Which one is now really, really correct?

**stevej** · 03-11-2009, 11:09 PM

Well... either one could be called 'correct'. The default (no css) isn't deprecated, though I personally like serandfae's version better - and since it's CSS, I suppose you could call it really really correcter. There's not a lot of difference though.

- Steve

**World** · 03-11-2009, 11:28 PM

So, at least, I didn't do it wrong when I did it like I found it in the book.

One thing I wondered:

You can have CSS in the middle of an HTML document?

That's new for me.

I always put all CSS on a separate stylesheet. (as I saw it in my books).

PS:

So the "style=" is different from the <style> tag?

**stevej** · 03-11-2009, 11:42 PM

Quote:

So the "style=" is different from the <style> tag?

Well, the difference is that the "style=" isn't a tag. It's just an easy way to insert CSS internally into a page. It's normally used for overwriting CSS that may be in an external file.

- Steve

**World** · 03-11-2009, 11:47 PM

Quote:

Originally Posted by stevej

Well, the difference is that the "style=" isn't a tag. It's just an easy way to insert CSS internally into a page. It's normally used for overwriting CSS that may be in an external file.

- Steve

Thanks for this.

Very practical for quick edits.

I also heard, that if you put more style on the actual page instead of an extra style sheet it loads faster.

**tripy** · 03-11-2009, 11:57 PM

Quote:

I also heard, that if you put more style on the actual page instead of an extra style sheet it loads faster.

That's relative.
An external style sheet is another request the browser has to make to the server.
reducing the number of external file might speed up the loading of the page, but you are talking about milliseconds here.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!