Can I get a few HTML tips?

rockstah · Post by **rockstah** » Mon Jan 02, 2006 3:03 pm

done with 2 tables as well as some cell padding going on

<p align="center"><b>More Images</b><br />
Click an image to enlarge</p>
<div align="center">
<table width="200" border="0" cellpadding="15">
<tr>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/main%20board.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/main%20board.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/power%20supply.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/power%20supply.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/rear%202.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/rear%202.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/rear%20fuses.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/rear%20fuses.jpg" border="0" alt="" width="200" height="200" /></a></td>
</tr>
</table><br />

<table width="200" border="0" cellpadding="15">
<tr>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/flat%20lip.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/flat%20lip.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/500V%20400V.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/500V%20400V.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/plexi%20foot.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/plexi%20foot.jpg" border="0" alt="" width="200" height="200" /></a></td>
</tr>
</table>
</div>

rockstah · Post by **rockstah** » Mon Jan 02, 2006 3:10 pm

with one table and cell padding of 15 everything centered

<p align="center"><b>More Images</b><br />
Click an image to enlarge</p>
<div align="center">
<table width="200" border="0" cellpadding="15">
<tr>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/main%20board.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/main%20board.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/power%20supply.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/power%20supply.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/rear%202.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/rear%202.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/rear%20fuses.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/rear%20fuses.jpg" border="0" alt="" width="200" height="200" /></a></td>
</tr>
<tr>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/flat%20lip.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/flat%20lip.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/500V%20400V.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/500V%20400V.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td><a href="javascript:popupWindow('http://www.metroamp.com/store/images/68 plexi/plexi%20foot.jpg')"><img src="http://www.metroamp.com/store/images/68 plexi/plexi%20foot.jpg" border="0" alt="" width="200" height="200" /></a></td>
<td> </td>
</tr>
</table>
</div>

Post by **VelvetGeorge** » Mon Jan 02, 2006 3:12 pm

I see. Thanks for the free lessons. You guys are great. I wish I could send you each full sets of Mullards.

George

rockstah · Post by **rockstah** » Mon Jan 02, 2006 3:13 pm

anytime George - i feel i owe you!

NitroLiq · Post by **NitroLiq** » Mon Jan 02, 2006 3:14 pm

Man, I type slow. Check the edited post at the bottom of page 1...heh.

Pete

Post by **VelvetGeorge** » Mon Jan 02, 2006 3:16 pm

Thanks Pete, I need to fix my images in photoshop now. They are off center because I had empty background space on some of them.

Again, thanks. You guys rock.

george

MacGaden · Post by **MacGaden** » Mon Jan 02, 2006 4:08 pm

Hi George:

Good advice from Mark and Nitro. They know their HTML. Do they teach that as well at GIT Mark ?

You really need the full Adobe CS2 package for what you need to do. It has all you need, including Imageready, that´s Photoshop for web images, it will resize and make thumbs for you, GoLive for webdesign, Illustrator which is what Dan uses for his layouts, and Acrobat Pro that lets you optimize your PDF´s.

What version of Photoshop do you currently have ? Maybe someone in the US can help you out with CS2. Otherwise PM me.

You should´nt have to hand edit tables to make things fit...
Doing HTML by hand is fun once you get the hang of it, but it is soo time consuming. And you should´nt have to do it yourself.

rockstah · Post by **rockstah** » Mon Jan 02, 2006 4:39 pm

MacGaden wrote:Hi George:

Good advice from Mark and Nitro. They know their HTML. Do they teach that as well at GIT Mark ?

You really need the full Adobe CS2 package for what you need to do. It has all you need, including Imageready, that´s Photoshop for web images, it will resize and make thumbs for you, GoLive for webdesign, Illustrator which is what Dan uses for his layouts, and Acrobat Pro that lets you optimize your PDF´s.

What version of Photoshop do you currently have ? Maybe someone in the US can help you out with CS2. Otherwise PM me.

You should´nt have to hand edit tables to make things fit...
Doing HTML by hand is fun once you get the hang of it, but it is soo time consuming. And you should´nt have to do it yourself.

hah! nah i learned it on my owe back in the days when i wrote it by hand - now i use macromedia suite for all my html needs as well as photoshop

NitroLiq · Post by **NitroLiq** » Mon Jan 02, 2006 4:41 pm

MacGaden wrote:You shouldn't have to hand edit tables to make things fit...Doing HTML by hand is fun once you get the hang of it, but it is soo time consuming.

That's how you learn, though, and that's important when you want to fix or add something. I'd stay away from most of those wysiwyg html editors such as GoLive or FrontPage...they bloat the pages with unnecessary code. Dreamweaver is pretty much the standard and even its "design" view mode isn't all that great. I use it myself but I work primarily in code view. DW with Photoshop is basically all you really need. Imageready comes already packaged with PS. Illustrator isn't necessary unless you're into vector Illustrations or doing alot of print work. Acrobat is good to have.

Learning the basics of html is easy...think amp-building...just take one step at a time and practice. I'm presently trying to wrap my head around building sites using CSS entirely for layouts...THAT my friend is a headache and a half.

Pete

rockstah · Post by **rockstah** » Mon Jan 02, 2006 4:44 pm

my take is after learning basic html i now use dreamweaver in split view do most of my stuff in it and as i need perhaps correct or add code in it. but most of it these days is WYSIWYG - unless youre a glutten for punishment - use Dreamweaver - end of story

MacGaden · Post by **MacGaden** » Mon Jan 02, 2006 5:06 pm

GoLive lets edit raw code as well.

The main thing is its integration with the other apps in the CS package. Which makes it easier for George to make everything he needs to do in one set of apps, with a consistent interface. And he already know Photoshop.
And Illustrator is great for amp layouts. Just check out what Dan did wit it.

I learned HTML by myselt as well, and still do handcorrections occasionally.
But I´m with Mark: Unless you have to, use the WYSIWYG editors.
I´d rather spend my time doing something else. Play Guitar, Mod amps, play with my son, kiss my wife...

And whatever you do: Don´t ever use Frontpage for anything !

NitroLiq · Post by **NitroLiq** » Mon Jan 02, 2006 6:18 pm

MacGaden wrote:GoLive lets edit raw code as well. The main thing is its integration with the other apps in the CS package. Which makes it easier for George to make everything he needs to do in one set of apps, with a consistent interface. And he already know Photoshop.

Well, since Adobe acquired Macromedia last year...what do you think they're going to put more support into....Dreamweaver which is the web dev defacto standard or GoLive which isn't as robust or as popular? I would be more concerned with integration between design packages (i.e, ps, Illustrator, and InDesign) or motion graphic packages (premiere, after effects, photoshop, etc) than between graphics and coding. If I use imageready for rollover or something, Ilaways end up modifying the code and dropping it into the page I'm working anyway.

MacGaden wrote:And Illustrator is great for amp layouts. Just check out what Dan did wit it.

Yes, I know.

I recently took on the project of re-drawing a problematic, half-realized 36 watt tmb layout that was circulating around. I wanted to create one even a newbie could build. Now we have a total working version with everything detailed, even down to what wires should cross other wires, color-coating, etc. Richie Hall and I teamed up on it...he handled the techinical aspects of the amp design (he designed it)...I did all the drawing...you can check it out here...there's also a voltage chart I did in Illustrator.

http://www.18watt.com/modules.php?name= ... oad&cid=39

MacGaden wrote:Unless you have to, use the WYSIWYG editors.

Not if you build sites for a living..heh. About the only time I use wysiwyg is when making text changes or something...even still, I always go back to code view to make sure it didn't put any weird breaks anywhere.

MacGaden wrote:And whatever you do: Don´t ever use Frontpage for anything !

No truer words were ever spoken.

rockstah · Post by **rockstah** » Mon Jan 02, 2006 6:40 pm

i think whats trying to be said here is use the tools that ya need to get the job done - for people that have been into HTML you learned the language of HTML and know the code(s) using 'what you see is what you get" editors can be like using a pod to these purists in some aspects. you usually go with what ya know... anyway if yer a newbie with it, something like dreamweaver rocks. i have used all the otehrs mentioned in this thread... what happens here is you slowly learn basic html only after you end up having to fix something. but creating pages is a snap! furthyer more i think no editor is perfect and you will end up having to tweak things thus learning some html.
now with that said and having come from leanring HTML in the old days ( basically copying code from other pages and having to tweak it from there all by hand )
i have ended up using dreamweaver ( which is by the way not only an editor it helps organize local and remote files which does come in handy< basially a FTP client)
i then use fireworks for editing of image files most of the time and photoshop for image intensive actions -
my three tools

]food for thought

Post by **VelvetGeorge** » Mon Jan 02, 2006 7:05 pm

I'm trying to keep up with what you're saying. And I will find a wysiwyg program to help out. But for now, I need to know the code because I'm adding it to the simple text box in my shopping cart software.

I don't think they intended HTML for there, and my old WM had to change something in the software for it to work.

George

rockstah · Post by **rockstah** » Mon Jan 02, 2006 7:28 pm

VelvetGeorge wrote:I'm trying to keep up with what you're saying. And I will find a wysiwyg program to help out. But for now, I need to know the code because I'm adding it to the simple text box in my shopping cart software.

I don't think they intended HTML for there, and my old WM had to change something in the software for it to work.

George

i hera ya George - i know this may even be too much to take in but im sure there is a way to use dreamweaver as the ftp client for your server and pull up each page in real time and drag and or copy stuff to it and upload your changes -easy as 1 2 3

something to think about in the future anyway