hereis the link: http://eec.github.com/book/
The pictures jump to the second line after 2 picture is showed up.
I know float:left could solve the problem instantly, but I just don't understand why the pictures are arranged like this?
Who can tell me why? Thanks ahead!
The next 6 links (after the first 2) don't have whitespace between them, so they can't wrap.
If it helps, images behave as letters in words, so these 6 images basically are in the same "word". The browser doesn't break inside words.
because there is whitespace after the first and second a.
Your current: http://jsfiddle.net/Sotiris/Qwk4M
Fixed: http://jsfiddle.net/Sotiris/Qwk4M/1/
Related
Good afternoon,
Please could somebody help me in how to avoid the blank space that I have in my website. Thanks in advance for supporting. See website: https://total-manufacturing.com/. Please choose language Español in case automatically goes to English.
Image of the blank space
That´s because the height of the cars are diferents, the title of the first one has two lines but the other has only one, what you can do is wrap each 3 col-md-4 into a row, this will solve your problem, other solution is give a height to .post-title, about 50 more or less, this will do all cards will have same height and will resolve your problem
I hope that someone here can help me resolve an <aside> element. I've been researching multiple sites with no success. I have tried a number of different scenarios to pull the aside up alongside the page div, but for some reason it won't move.
There are two codepen elements which you can look at to see the full code
http://codepen.io/Cornucopia/pen/PNwxLZ?editors=1100
http://codepen.io/Cornucopia/pen/YqXpEr?editors=1100
A second question I have is why the first pen shows both the longer title name (one with 'and' and the shorter with '&') while the second one is successful at switching the title text for the larger layout. (I want one shorter title for ipad & one longer title for monitor)
I thank you in advance very much for your time and look forward to hearing your thoughts.
good day
So I've been working on some project of mine and long story short, I have to correct paragraph stylings and so on, because it didn't exprot correctly. Now I've been doing this for over a 1100 paragraphs and it was as it should be until the paragraph 1142 which when I apply style deletes everything that is after it, for no apperant reason. This only happens with this paragraphs, all the others befor it and after it apply styles correctly. I really dont get this. Thanks ! (since I dont have 10 reputation ill link the image http://i.stack.imgur.com/5K7ec.gif)
Not a programming problem; it's PICNIC.
Looking closely at the image, I see the newly applied style does not allow hyphenation. The single word in that paragraph is too long, and since you do not allow word breaks, InDesign tries to move it to a next frame, hoping that will be wide enough. (Apparently it is not.)
Enable hyphenation, or break the word in two with a space, or make the column wider, or use a smaller font. With your style parameters it simply does not fit.
I'm using the code found here to create my text links located on this page. What I am trying to accomplish is having the rollover text be the description of the link ie: 'Insight' goes to the 'About' page. Some of descriptions are too long and are getting cut off and when I try to make them bigger they just overlap the link next to it. Any suggestions on how to fix it or a better method I should be using? Here is the HTML I'm using.
<span data-title="Services">Ingenuity.</span>
Sounds like you're asking for design advice as well.
Judging by the way you have your links presented (each list item with an equal fixed width in a row), a longer description will certainly overlap other links if you do end up finding a solution to make them not "cut off" (it exists, but I'm just not sure if it'll give you a desired result that you're looking for).
Either customize the widths of each list item so they don't overlap, or use some other cool transition (i.e. have the description slide down under the link rather than flip it). That's what I would suggest personally; however, it's up to you to choose what's considered a "better method" of displaying your descriptions.
I am rendering html in a Flex 3.x UITextField. The problem I am facing now is that when punctuation is at the end of a word, it can sometimes be wrapped to the next line.
For example:
That which doesn't kill me makes me stronger
,so I became a developer.
This seems like a bug in the algorithm to me. Is there a workaround?
I've been trying to reproduce your problem, but in my case, the text in the field just gets cut off when I resize my window, it doesn't wrap.
In any case, have you tried a \n new line character with the text to force the line break to occur where you want it to, or does your text need to flow with the window size?
#Wade This component isn't really designed to be resized, though it does wrap on resize. Did you set the wordwrap to true?
#Armagosh I can't know where the line breaks will occur ahead of time. It depends on screen resolution and the Flex algorithm for wordwrapping. I am also not clear if this will help. If I put two spaces after the comma, would that prevent the comma from being after the line break?
It renders any one of a number of different xhtml items, some of which will wind up having the ',' be at exactly the end of the line in some resolutions. The same problem happens with hyphens.
Addendum: So essentially, yes, I need the wrapping to flow with window size.