navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Vertical Line

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Design >> Web Graphics >> Vertical Line
Page: [1]
 
CavalierLady

 

Posts: 248
From: Texas USA
Status: offline

 
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

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
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?"


(in reply to CavalierLady)
CavalierLady

 

Posts: 248
From: Texas USA
Status: offline

 
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.
????????


(in reply to CavalierLady)
Goober

 

Posts: 1156
From: Pennsylvania USA
Status: offline

 
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).]


(in reply to CavalierLady)
CavalierLady

 

Posts: 248
From: Texas USA
Status: offline

 
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.


(in reply to CavalierLady)
Goober

 

Posts: 1156
From: Pennsylvania USA
Status: offline

 
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


(in reply to CavalierLady)
Andy from Spain

 

Posts: 922
From: Ipswich
Status: offline

 
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


(in reply to CavalierLady)
CavalierLady

 

Posts: 248
From: Texas USA
Status: offline

 
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).]


(in reply to CavalierLady)
CavalierLady

 

Posts: 248
From: Texas USA
Status: offline

 
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


(in reply to CavalierLady)
Goober

 

Posts: 1156
From: Pennsylvania USA
Status: offline

 
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


(in reply to CavalierLady)
CavalierLady

 

Posts: 248
From: Texas USA
Status: offline

 
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


(in reply to CavalierLady)
barusiec

 

Posts: 80
From: AZ USA
Status: offline

 
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


(in reply to CavalierLady)
Have Fun Bill

 

Posts: 4
From: abington,pa
Status: offline

 
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).]


(in reply to CavalierLady)
miker

 

Posts: 137
From: Scottsdale, AZ, USA
Status: offline

 
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


(in reply to CavalierLady)
abbeyvet

 

Posts: 5095
From: Kilkenny Ireland
Status: offline

 
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!"


(in reply to CavalierLady)
Michael

 

Posts: 237
From: Trabuco Canyon, CA
Status: offline

 
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 -->


(in reply to CavalierLady)
Page:   [1]

All Forums >> Web Design >> Web Graphics >> Vertical Line
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts