Thin vertical line? (Full Version)

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



Message


bcarey -> Thin vertical line? (3/9/2001 16:40:00)

I have tried to make a thin vertical line by making a column in a table 1 pixel wide but the line appears to be too wide. Frontpage isn't letting me make it at .5 pixels. What are my options? Will I have to make a gif line that tiles? Not sure how to do this. I'm using PSP 7. Ideas appreciated.




Gene -> RE: Thin vertical line? (3/9/2001 18:30:00)

I would use a .gif and make it the size you want and make it a background image in the cell.

------------------
Life Is Grand!

Gene White
WebTeky Full Service Web Development
http://www.webteky.com/
http://www.webteky.net





abbeyvet -> RE: Thin vertical line? (3/9/2001 18:38:00)

A one pixel line is very thin - if it is appearing thincker than it should it is because of something in your table.

Is there another cell with content holding the line open?
Are you absolutely certain that all your measurements add up properly?
Have you set cell padding to zero?

The vertical lines on this site - which is under construction so pardon the mess - are made by using a 1 pixel wide transparent gif inserted in a cell 1 pixel wide. Hard to imagine thinner!
www.watergatekilkenny.com

If your page is published post the url and we can have a look at the table for you.

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

InKK Design
LinKKs - Kilkenny's Online Magazine


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





AcadiaGuy -> RE: Thin vertical line? (3/9/2001 23:43:00)

A bit off topic, but Katherine, I love the Watergate site. Very snazzy with the lines, color, and Flash. Nice job




LB -> RE: Thin vertical line? (3/10/2001 20:30:00)

Be sure you are checking it with Preview in Browser even if it looks too wide in normal view. If you're still having problems, post a url. It could be some other table cells keeping this one open.

Linda

------------------
Ruby Marketing





abbeyvet -> RE: Thin vertical line? (3/10/2001 20:05:00)

Thanks Rob, I'm happy with it, it was a fun site to do - or is, since it is not really launched till their next programme release at the end of this month.

Did you get your lines sorted out b. carey?

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

InKK Design
LinKKs - Kilkenny's Online Magazine


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





bcarey -> RE: Thin vertical line? (3/10/2001 20:29:00)

Sorry guys, I can't post a URL. This is a disk based web under development and I haven't got up enough nerve to download and install PWS yet. Will attempt to describe what I have. I am trying to design a site that will fit into any resolution. In essence I have 2 stacked tables and plan to have 3, one stacked on top of each other with no space inbetween. Do you see problems doing it this way?

I have one table at the top of my page containing one row of three cells which is set at 100%. The left cell contains my logo and is 337 pixels wide. The right cell is 155 pixels wide and the center cell has no specified width so it can expand.

Underneath there is a second table also set at 100% with 5 columns. From left to right this is what that table contains: a column of cells set at 155 pixels wide, a column with cells set at 1 pixel wide ,a column with cells with no specified width so it can expand, a column with cells set at 1 pixel , and last another column with cells set at 155 pixels wide.

No height is specified in any table cell and my graphics don't exceed the width of any cell, I don't believe. In the cell properties, Horizontal and Vertical alignment is set at default, then it just says number of rows and columns spanned, cell padding is 0, no borders.

Had not put a transparent 1 pixel gif in but did and it made no difference. I have checked my cell widths and no height is specified, although it seems that Frontpage wants to set heights for me unexpectedly after I make changes and I have to go back and reset. Still is too wide. Would appear to be about 3 pixels. I am saving and previewing it in the browser, not just the preview window. It's the same in both.

I'm sure I'm doing something wrong here just don't know what. Is this a workable design?

By the way, I really like the Kilkenny site too! Thanks for all the replies!





abbeyvet -> RE: Thin vertical line? (3/10/2001 23:28:00)

Nice detailed reply!

quote:

In essence I have 2 stacked tables and plan to have 3, one stacked on top of each other with no space inbetween. Do you see problems doing it this way?

None at all.

quote:
Underneath there is a second table also set at 100% with 5 columns. From left to right this is what that table contains: a column of cells set at 155 pixels wide, a column with cells set at 1 pixel wide ,a column with cells with no specified width so it can expand, a column with cells set at 1 pixel , and last another column with cells set at 155 pixels wide.

I think that because you have the middle cell with no measurements applied it may be tricky to keep the 1 pixel cell at the size you want until you have content in the middle cell. Have you anything in there at present?

Fill it with some content and see if that helps.

quote:
....no height is specified, although it seems that Frontpage wants to set heights for me unexpectedly after I make changes and I have to go back and reset.

Are you dragging the edges of the cells?If so stop!! Not only will FP add height attributes it will mess with your cell widths as well, so I would treble check that they are still ok. Always use the Properties dialogue box to resize things.

A work around might be to make the left and right cells 156 wide and nest within each cell a table 2 cells wide, one at 155 and the other at 1 pixel. You will need to force the length of these tables though using either content or transparent gifs - a 1 pixel wide gif, whatever length you need. In fact I usually use a 1x1 pixel gif to do this and force the length with vertical padding.

Any of this help?

Thanks for your comment about the site.


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

InKK Design
LinKKs - Kilkenny's Online Magazine


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





Goober -> RE: Thin vertical line? (3/10/2001 15:49:00)

From what I understand, this is not proper HTML, but it works for me....instead of not specifying a width in those "stretching" cells, set them to 100%.

Sandy

------------------
www.alleghenyweb.com





bcarey -> RE: Thin vertical line? (3/12/2001 20:55:00)

Katherine, Goober,

Thanks both for your help! Will try your suggestions.

Katherine, thanks to this wonderful site, I was aware that I should not drag my table cells and have always used properties to change cell widths. There is no content in my stretchable cell at present. I'm trying to design that cell to hold content. Will try adding. The only content I have now is in the left column. I just typed in the names I will be placing on my navigation to make sure that they will fit in a 155 pixel wide cell width. I will be creating gifs for rollovers to fit these cells. I understand that I should copy and paste content from another program, but should I expect a problem when just typing in my content?

I initially split the left and right cells creating a 155 pixel and a 1 pixel column. I wondered when creating the 1 pixel column if it would matter if that cell was created by spliting the fixed width cells to the left and right, or if I should divide the stretchable cell into three columns and redefine the properties of those three cells. Am I making sense?

Katherine, you should know that my idea to create the lines initially came from viewing your Kilkenny site. Look what you started! LOL! Be assurred that my site will look nothing like yours. I'm not that good. Yet.

[This message has been edited by b. carey (edited 03-12-2001).]





Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.140625