Viewing Inserting line

Inserting line



User: Yelena 12 years ago
I am wondering why when line is inserted on the page the space around it so large. It is rather inconvenient to work with other objects that might be below it. Yes, I can send the line back but then I can't see it if the object in front of it has color background. Hopefully that can be changed...

-------------------------------
Yelena
MacBook Pro OS X 10.10.3
IMac 21" OS X 10.10.3
User: Paul-RAGESW 12 years ago
We'll change this in a future version.

-------------------------------
Paul
EverWeb Developer
User: Yelena 12 years ago
You are the best!...:)

-------------------------------
Yelena
MacBook Pro OS X 10.10.3
IMac 21" OS X 10.10.3
User: Christopher 12 years ago
Since we're on the topic of lines, I gave up on using vertical lines in EW. The metrics are too confusing when it comes to resizing or positioning. Plus, there's a bug with vertical lines. When I click on them, they will often turn horizontal and the undo command does not bring it back. Instead, I just made a line image in photoshop and brought it in as a png. Way easier to control, and I can just crop it however I please to change the size.

The other issue with lines (1-2px) is that they are very difficult to select on the page. I might click 5 times before I actually grab it! Then good luck trying to drag that baby! You'll deselect by mistake and have to start all over.

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Roddy 12 years ago
I use Keynote quite a lot and it's almost impossible to select a thin line or a shape with border and no background.

The trick is to hold down the mouse near it (or inside the shape) and drag over it to select it.

Of course us web designers don't use images created in Photoshop for simple tasks like this!

There's no such thing as a line so we use either a single border or a div. Two objects placed side by side can be "separated" by applying border-right to the left one or border-left to the right one.

For drag and drop users it may be more convenient to create your own line code...

CSS
<style type="text/css">
.vertical-line {
height: 200px;
width: 1px;
background: #000;
}
.horizontal-line {
height: 1px;
width: 200px;
background: #000;
}
</style>

HTML
<div class="vertical-line"></div>
<div class="horizontal-line"></div>


To save the bother of pasting code into the Head Code box for occasional use, an inline style could be used and pasted into a Snippet...

Vertical Line...

<div style="height: 200px; width: 1px; background: #000;"></div>

Horizontal Line...

<div style="height: 1px; width: 200px; background: #000;"></div>

Photoshop users may have difficulty with this since it is perhaps too simple and efficient!

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 12 years ago
Quote:
When I click on them, they will often turn horizontal and the undo command does not bring it back.


This happens when you double click them because it will let you enter text.

-------------------------------
Paul
EverWeb Developer


Post Reply
You must login or signup to post.