|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
|
#1
|
|||
|
|||
|
Drawing Lines on a Webpage
Hi, all, I wanna create/draw lines when creating a webpage and am having difficulty in doing so.
What i'm trying to doing is have lines coming from various elements on a webpage connecting to other elements i.e. I'll have a line/s coming from the top navigation section throught to the side naviagtion. Obviously these lines are straight and do not curve. I did start doing this by using tables with each table section (td)by setting them 1 pixel high or wide and then setting the necessary width or height to set its length across or down the webpage. This turned out bad because each time I resized the web browser the lines would move out of place and just look all distort. Does anyone have any idea of how I can solve this problem?? Should I use the DIV element to contained a table section (td), and then set the DIV elements position on the page through using CSS (using the position property)?? Tryst
__________________
Tryst |
|
#2
|
|||
|
|||
|
color to the corresponding side of the table. if you use Dreamwever it's really easy. Also set your tables to have fixed pixel amounts or % so you can control what they look like (as opposed to leaving them blank).
I hope this helps Dave |
|
#3
|
|||
|
|||
|
Sorry, but how do I assign a color to a tables side (left, right, top, bottom)??
![]() |
|
#4
|
||||
|
||||
|
The CSS would have this (with the sides and colors you want):
Quote:
HTML: Quote:
I hope this works for you, if you need anything else fell free to post again. i have a tendency to not write clearly. Dave |
|
#5
|
||||
|
||||
|
Only problem is that Netscape (older versions, at least) honors table widths and heights based only on what the tables contain. So you can say 80% all you want, but if only 10 pixels of text live in the cell, that's all the width you going to get. Using shims is the best way around this, but that voids the ability to use percentage widths reliably.
|
|
#6
|
|||
|
|||
|
dfano - cheers, I think you've clarified your idea quite well this time. :-)
I could also use the DIV element using the absolute value of the position property to set these lines. Would this be the better option?? cheers |
|
#7
|
|||
|
|||
|
honestly i havent delt much with DIV but i did a little research and i found this article:
http://www.alistapart.com/stories/practicalcss/ I like tables but DIV may be the way to, Dave |
![]() |
| Viewing: Dev Articles Community Forums > Programming > Programming Tools > Drawing Lines on a Webpage |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|