News:

It appears that the upgrade forces a login and many, many of you have forgotten your passwords and didn't set up any reminders. Contact me directly through helpmelogin@dodgecharger.com and I'll help sort it out.

Main Menu

Please shed some light on a webdesign problem...

Started by Arthu®, November 11, 2009, 07:13:01 AM

Previous topic - Next topic
Print
Go Down Pages1
User actions

Arthu®

November 11, 2009, 07:13:01 AM
Hey guys,

I know some of you here have some (or a lot) of experience with webdesign. I am currently trying to set up a little site for my mom's business. I tried to write the HTML code (I know that CSS is the shit these days but I have no experience or knowledge about css) but there is something weird happening. I cut up a picture as a background in photoshop and created a table with the same dimensions as the cut up picture. However for some weird reason it doesn't space the left part of the sidebar right and adds a small line on the bottom. I have added a printscreen of what it looks like in firefox and the HTML code I have written.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<table border="0" width="970" id="table1" cellspacing="0" cellpadding="0" height="546">
   <tr>
      <td colspan="5" background="_images/banner.jpg" height="128" width="970">&nbsp;</td>
   </tr>
   <tr>
      <td width="25" rowspan="9" height="422" background="_images/lbrdrsd.jpg">&nbsp;</td>
      <td width="120" height="25" background="_images/btnonebg.jpg">&nbsp;</td>
      <td width="66" height="422" rowspan="9" background="_images/rbrdrsd.jpg">&nbsp;</td>
      <td width="710" height="384" rowspan="8" align="left" valign="top" background="_images/txt.jpg">&nbsp;</td>
      <td width="49" rowspan="8" height="384" background="_images/rsd.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td width="120" height="18" background="_images/btnspcone.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td width="120" height="25" background="_images/btntwobg.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td width="120" height="19" background="_images/btnspctwo.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td width="120" height="25" background="_images/btnthreebg.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td width="120" height="18" background="_images/btnspcthree.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td width="120" height="25" background="_images/btnfourbg.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td width="120" rowspan="2" height="267" background="_images/sdbtm.jpg">&nbsp;</td>
   </tr>
   <tr>
      <td colspan="2" width="758" height="40" background="_images/btm.jpg">&nbsp;</td>
   </tr>
</table>

</body>

</html>

Thanks for any help in advance.

Arthur
Striving for world domination since 1986

Troy

#1
November 11, 2009, 09:31:45 AM
First thing to check: make sure all of your borders, margins, and padding are 0. This is easier with a good old fashioned style sheet. Nothing fancy - just set the properties for table cells. You can also do it all inline or in HTML but that's a lot of repetitive code and it clutters things up. I can't really look into anything else until this evening.

Troy
Sarcasm detector, that's a real good invention.

Arthu®

#2
November 11, 2009, 11:23:07 AM
Thanks for the reply troy. All my borders, margins and paddings are set to 0 as far as I can see. Please bear with me that I'm not an expert in HTML or webdesign so I might just be making a very dumb mistake hehe.
Striving for world domination since 1986

dodgecharger-fan

#3
November 11, 2009, 01:29:15 PM
Are you certain that the pictures are cut up properly?
I went through this before. I was cutting up the picture by selecting an area, copying the selection, then pasting it in to a new file.
It never, ever worked as expected.

Then I learned all about slices. I'd post a link to a nice tutorial, but I never found one good one. Instead, google, "photoshop slice" and check out a few sites until you get the idea.

I've never had a problem slicing up images since... other than trying to understand why it needs to be done at all... I still don't get it.
I only did it to fit my own images in to an existing template.

Troy

#4
November 11, 2009, 01:51:10 PM
How does it look in IE? Same issues? I don't think you've got them all set to 0. I can't check anything right now though.

Troy
Sarcasm detector, that's a real good invention.

Arthu®

#5
November 11, 2009, 03:31:51 PM
Quote from: Troy on November 11, 2009, 01:51:10 PM
How does it look in IE? Same issues? I don't think you've got them all set to 0. I can't check anything right now though.

Troy


I checked IE, the problem is 10x worse there. It looks like it automatically spaces some heights or something... Although I have put all fixed heights in there... I am checking again for the padding, margins and borders.

The image is cut up right, because it looks good in Dreamweaver, and you can see that because of the change in height it is just going into repetition. So you see the top of the image again.

Thanks for the advice/help guys.

Arthur
Striving for world domination since 1986

0X01B8

#6
November 12, 2009, 11:36:02 AM
I try to avoid that rowspan stuff because it gets difficult (for me) to keep track of the layout.  colspan is okay.  sometimes it's better to just put a table inside of a table -

Anyway, try removing the &nbsps and see if it works.  The &nbsps will force a cell into a certain height based on the default font, even when you've set the cell height explicitly.  Dreamweaver puts these in by default.  It means "non breaking space."

Arthu®

#7
November 12, 2009, 02:43:32 PM
Quote from: 0X01B8 on November 12, 2009, 11:36:02 AM
I try to avoid that rowspan stuff because it gets difficult (for me) to keep track of the layout.  colspan is okay.  sometimes it's better to just put a table inside of a table -

Anyway, try removing the &nbsps and see if it works.  The &nbsps will force a cell into a certain height based on the default font, even when you've set the cell height explicitly.  Dreamweaver puts these in by default.  It means "non breaking space."



Thank you very much! That was what caused it. It is great that this forum is good for all kinds of question.

Arthur
Striving for world domination since 1986

0X01B8

#8
November 13, 2009, 06:04:52 PM
You're welcome - glad I could help.

Quote from: Arthu® on November 12, 2009, 02:43:32 PM
Quote from: 0X01B8 on November 12, 2009, 11:36:02 AM
I try to avoid that rowspan stuff because it gets difficult (for me) to keep track of the layout.  colspan is okay.  sometimes it's better to just put a table inside of a table -

Anyway, try removing the &nbsps and see if it works.  The &nbsps will force a cell into a certain height based on the default font, even when you've set the cell height explicitly.  Dreamweaver puts these in by default.  It means "non breaking space."



Thank you very much! That was what caused it. It is great that this forum is good for all kinds of question.

Arthur
Print
Go Up Pages1
User actions