Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have some text which is contained in a div, however if it's too long, it leaks outside of the div and I don't want that. I dont want to use the overflow attribute and give it a scroll bar. Id like it to put the "..." at the end of the text to indicate that there's more text at the end that's not displaying. The user can then see the full text when they hover over it.
Is this possible to do?
Add the overflow-ellipsis class to your element:
.overflow-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
example of text-overflow..check it
http://www.w3schools.com/jsref/prop_style_textoverflow.asp
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I am trying to make a better website for my school. So I have it setout like this:
enter image description here
But the main div doesn't show the scroll bar.
I have hidden the scrollbar in the body element, and set it as visible in the main div element.
However it doesn't show, nor can I scroll down in it.
Any answer to this?
I just used overflow-y: auto and that worked. Thanks #JoeDF
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
On the following form, longer descriptions are bleeding off of the form in DESKTOP mode, into one long line. This is true on the Preview, tho the preview of the phone device wraps.
LINK
How can we fix this?
enter image description here
There's this CSS rule being applied:
.form-sub-label-container {
white-space: nowrap;
}
To avoid that, either delete it (if you can), or overwrite it with the following rule in your custom CSS:
.form-sub-label-container {
white-space: normal;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
In the slider on the top of my page there's a green and gray element (content starts with "Mauris..."). The white text in it - both the one in green and the one in gray sub-elements - comes out on the right. Why does it do that?
I can't seem to figure it out by looking into the CSS with Firebug.
Add white-space: pre-wrap
.home_trailer_details1 h2,
.home_trailer_details2 p,
.home_trailer_details2 .button {
white-space: pre-wrap;
}
Output:
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I wanted to know if there is a way to prevent a <a> tag from taking 2 line. I have put it in a <span> and I have set the overflow to hidden and text-overflow to ellipsis and the final result is the link being cut with '...' at the end, but the rest of the link starts a new line under it. is there a way to just end the link with '...' and ignore the rest?
This should do it.
a{white-space:nowrap}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I was wondering if anyone knows why I can't click the "Get Directions" link at the top of the page.
http://progressivespineandsports.com/
There is a target of blank attribute on the link but I don't think that this has anything to do with the link not working.
add
.block.header {
position: relative;
z-index: 1;
}
to your css, for a quick fix.
The problem is that the #content div lays upon/above your header div.
Because div.block.header has a height of 0, all its children are float. So div#content stacks above the link, prevents you from clicking the header link.
Add overflow: hidden to div.block.header, or other clearfix tricks.