Vertical Line (Full Version)

All Forums >> [Web Development] >> General Web Development



Message


CavalierLady -> Vertical Line (7/7/2001 20:37:00)

Good Morning:

I am playing around with some design changes and would like to add a vertical line, which I have not tried before.

Problem is this:

No matter how I try, Microsoft PhotoDraw will not allow me to resize a picture, background or object to 1 pixel wide. I am always prompted to choose the number 10.

So when I add a transparent gif in FP, I am able to specify the size, changing 10x10 to 1x1 in picture properties.

If I change cell properties, making sure they all add up to 100%, I can change one of the cells to only 1% wide. Then add the transparent gif, specify that size in pic properties to 1 x 1, and change the background color to create the vertical line.

But in normal or preview, the line always appears to be 3 to 5 pixels wide.

I can't specify the cell to be 1 pixel wide, because I have everything set to percentages so the page will fill up any size browser, and I know that pixels and percentages don't mix in the same table.

Any suggestions?

Maria





Gil -> RE: Vertical Line (7/7/2001 23:04:00)

quote:
Originally posted by CavalierLady:

No matter how I try, Microsoft PhotoDraw will not allow me to resize a picture, background or object to 1 pixel wide. I am always prompted to choose the number 10.


Maybe someone else can help here - I've never even seen MS Photodraw
quote:

..., I can change one of the cells to only 1% wide.



On my screen a 1% cell would be about 10 px. ?
quote:

I can't specify the cell to be 1 pixel wide, because I have everything set to percentages so the page will fill up any size browser, and I know that pixels and percentages don't mix in the same table.



Huh? I mix % and px widths all the time.
Just make that one cell 1px and the table itself 100%.

------------------
Gil Harvey
The Host Factory
Resellers are our speciality
"Daddy, why doesn't this magnet pick up this floppy disk?"





CavalierLady -> RE: Vertical Line (7/7/2001 23:44:00)

hmmm. That didn't work. No change to table:

cell 1 (left) - 25%
cell 2 - 25%
cell 3 - 1 pixel wide
cell 4 (right)- 25%

Table did not change in size.
And I really thought that was a no-no.
It can't add up to 100% now.
????????





Goober -> RE: Vertical Line (7/7/2001 13:35:00)

PhotoDraw will not let you make a one pixel graphic. You will need to use a different graphics program.

You must have a one pixel graphic to hold that cell open to one pixel. There can also be no spaces or paragraphs in that cell.

Set the cell width to one pixel. The other cell widths will have to add up to equal 100%. Mixing pixel widths and percentages is not a problem, but the percentages must all add up to 100%.

Sandy

------------------
Stu Reilly Design
Allegheny Web
Dreamweaver Sites

[This message has been edited by Goober (edited 07-07-2001).]





CavalierLady -> RE: Vertical Line (7/8/2001 13:31:00)

Thanks for you reply Sandy.

I tried your advice, setting cells to 33%, 34%, 1 pixel wide, and 33%. But when I add the trans. gif and specify its size to be 1x1, it still appears to be 3 to 5 pixels wide.





Goober -> RE: Vertical Line (7/8/2001 14:06:00)

Is the cell set to one pixel wide, too?

Look at the HTML and make sure there are no <p>, </p> or & nbsp; (without the space) in the cell.

If that doesn't help, could you publish the page and let us see what's going on?

Sandy

------------------
Stu Reilly Design
Allegheny Web
Dreamweaver Sites





Andy from Spain -> RE: Vertical Line (7/8/2001 14:09:00)

Hi Maria,

What often happens is that you get a space which FP adds when the cell is empty - could be the problem - have a look at the HTML, another possibility is if the line of code beginning <td> and ending with </td> isn't all on the same line it can cause a misalignment or movement.

Cheers
Andy

------------------
Internet Business Solutions S.L. (Spain)
Dreamweaver Users Forum





CavalierLady -> RE: Vertical Line (7/8/2001 14:39:00)

<table border="0" cellpadding="0" cellspacing="0" width="99%">
<tr>
<td width="33%"></td>
<td width="34%"></td>
<td width="1" bgcolor="#996633"> </td>
<td width="33%"></td>
</tr>
</table>

I removed the (space) but the line is still about 5 pixels wide.

[This message has been edited by CavalierLady (edited 07-08-2001).]





CavalierLady -> RE: Vertical Line (7/8/2001 14:46:00)

Ah ha!!

Found my mistake.

I had removed the second row of the table, which had the tran. gif in it, and the first row had no trans. gif in it at all. So each row of a table created like this must also have the trans. gif in the one pixel wide cell?

Wouldn't it be better to nest another table or tables in the other percentage wide cells rather than create several rows, each of which would need to have the trans. gif in the smallest cell?

Thanks for your help!!
(dumb mistake on my part).

Maria





Goober -> RE: Vertical Line (7/8/2001 16:23:00)

I'm not exactly sure what you're saying. If this is supposed to be a tall line, can you merge the cells of that column?

Sandy

------------------
Stu Reilly Design
Allegheny Web
Dreamweaver Sites





CavalierLady -> RE: Vertical Line (7/8/2001 20:12:00)

Sorry, I didn't explain it very well.

Yes, a tall thin line exactly.

I am not sure I went about it in the most efficient manner, but I did get my home page redesigned and published.

Thanks for the advice!!

Maria





barusiec -> RE: Vertical Line (8/2/2001 16:06:00)

Another simple way in which to create vertical lines (and horizontal) is to create a 1px cell spacing in your table. Arranging your cells carefully should get you what you want.

Here's an example of what I did: http://hrfree.com

HIH

Bruce





Have Fun Bill -> RE: Vertical Line (8/12/2001 16:37:00)

Maria:

Draw a rectangle, zoom to 600% and use the mouse to resize it to 1 pixel in width, check in the bottom right to see the dimensions.

quote:
Originally posted by CavalierLady:
Good Morning:

Problem is this:

No matter how I try, Microsoft PhotoDraw will not allow me to resize a picture, background or object to 1 pixel wide. I am always prompted to choose the number 10.


Any suggestions?

Maria


[This message has been edited by Have Fun Bill (edited 08-12-2001).]





miker -> RE: Vertical Line (8/18/2001 20:55:00)

I couldn't seem to get PhotoDraw or Image Composer to make 01x01pix images. I switched to PSP7.

The previous post about using a 01x01 clear spacer in a table cell with your desired background color to create a horizontal is a good idea. Image size is very small, thus faster loading.

Mike Rischard

Mike





abbeyvet -> RE: Vertical Line (8/18/2001 20:05:00)

Image composer does have problems with a 1x1 pixel image.

My solution to all of my spacing is as follows in case anyone finds it useful.

I have 2 transparent gifs - just 2. One is called h20 and is 20x3 pixels, the other v20 and is 3x20 pixels.

I like them this size for two reason, first because i often want to make a reasonably wide or long space and 20 pixels is useful and secondly because they are easy to find on the page - finding and selecting a 1x1 pixel gif is tricky!

If I want one to be a different size I just select it, right click, choose Picture Properties and under the appearance tab change it's height and width. So in fact the same pixels do everything I need.

Every single one of my sites is littered with my faithful h20 and v20, they are like old friends.

Here they are - you can take thme if you promise to give them good homes:

h20 ---->

v20 ---->

------------------
Katherine

InKK Design
LinKKs - Kilkenny's Online Magazine


-*-*-*-*-*-*-*-*-*-*
"Dogs have owners, cats have staff!"





Michael -> RE: Vertical Line (9/2/2001 16:16:00)

I know I'm jumping on this sort of late, but can't you place that 2 x 2 pixel where you want it, then right click on it FP and select image properties, then force it to display at the dimensions you want? I do this all the time with 1 x 1 images if I want, say, a 1 x 50 line. Thay way you can make it the color you want and not have to worry about the potential cross browser problems with cell background colors.

Just a thought.

------------------
<--Your information went data way -->





Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.125