Hello
Scattered liberally throughout my webpages one will find pieces of
application code which have been marked up as span class=preformatted.
The preformatted class is used for code which may occupy a single word, or
may extend over several lines. For this reason carriage returns and
whitespace
Following on from the previous post, I should probably put up an example to
show why I am not using pre-wrap instead of pre. These two examples
illustrate:
http://homepages.ihug.co.nz/~tmjpbn/prefprew.html
http://homepages.ihug.co.nz/~tmjpbn/prefprew1.html
The prefprew version has
div.fragment
On 23/09/2007, Christian Höltje [EMAIL PROTECTED] wrote:
I have a comment on my blog where they used a very long URL.
http://docwhat.gerf.org/2007/05/junkmail/#comment-2116
Is there a good way to make this wrap when it goes past the width, if
only in FF and Opera?
The simple, reliable method
I have a comment on my blog where they used a very long URL.
http://docwhat.gerf.org/2007/05/junkmail/#comment-2116
I tried making the A element overflow: wrap, but that didn't work (I
presume because it's inline, not block).
Is there a good way to make this wrap when it goes past the width, if
Christian Höltje wrote:
I have a comment on my blog where they used a very long URL.
http://docwhat.gerf.org/2007/05/junkmail/#comment-2116
I tried making the A element overflow: wrap, but that didn't work (I
presume because it's inline, not block).
The 'overflow: 'only works on block
On Wed, 4 Apr 2007 01:46:33 + (UTC), John Wells wrote:
Guys,
Is there a way to wrap data in table cells, even though there is no
whitespace in
that data to break?
[...]
On Tue, 3 Apr 2007, David Hucklesby replied:
Hi John,
I don't know if this works in
Guys,
Is there a way to wrap data in table cells, even though there is no whitespace
in that data to break?
In other words, if I have string like so:
http://abiglongurlwithnospacetobreakin.com
I'd like to have it wrap when the browser is shrunk so that the screen doesn't
have to scroll. Wrap
On Wed, 4 Apr 2007 01:46:33 + (UTC), John Wells wrote:
Guys,
Is there a way to wrap data in table cells, even though there is no
whitespace in that
data to break?
In other words, if I have string like so:
http://abiglongurlwithnospacetobreakin.com
I'd like to have it wrap when the
On Tue, 3 Apr 2007, David Hucklesby wrote:
On Wed, 4 Apr 2007 01:46:33 + (UTC), John Wells wrote:
Guys,
Is there a way to wrap data in table cells, even though there is no
whitespace in that
data to break?
In other words, if I have string like so:
PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jukka K.
Korpela
Sent: Tuesday, March 06, 2007 2:34 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Wrapping Radio Buttons
On Mon, 5 Mar 2007, Spellacy, Michael wrote:
Does anyone out there know how to break label text so that it does not
wrap
Hi Everybody!
Does anyone out there know how to break label text so that it does not
wrap underneath the radio button?
Bad
[0] Now is the time for all good
men to come to the aid of their country.
Good
[0] Now is the time for all good
men to come to the aid of their country
I've
On 5 Mar 2007, at 15:50, Spellacy, Michael wrote:
Good
[0] Now is the time for all good
men to come to the aid of their country
I've been trying to wrap my head around it for hours with no
luck. The
first person to say add a break or use a table is in big trouble!
:-)
Try something
On 5 Mar 2007, at 16:01, Bradley Wright wrote:
label {
clear: left;
display: block;
}
Sorry, clearing the label will break things--clear whichever element
you want to appear on the left, which in your case is the INPUT.
@lists.css-discuss.org
Subject: Re: [css-d] Wrapping Radio Buttons
On 5 Mar 2007, at 16:01, Bradley Wright wrote:
label {
clear: left;
display: block;
}
Sorry, clearing the label will break things--clear whichever element you
want to appear on the left, which in your case is the INPUT
On Mon, 5 Mar 2007, Spellacy, Michael wrote:
Does anyone out there know how to break label text so that it does not
wrap underneath the radio button?
...
I've been trying to wrap my head around it for hours with no luck. The
first person to say add a break or use a table is in big trouble!
On Sep 2, 2006, at 8:54 AM, Nick Urbanik wrote:
Well, let's see, I select the header and text, then from my Firefox
context menu, I choose, View Selection Source
and see this:
div class=atitleIntel iMac for consumers, not Pros/div
div id=recad
[ stuff to display the image ]
I am not a newbie when it comes to web design. But I do have the
occasional block as you can see on knightrider.org.
But my real question is how do I wrap text around items such as
(images/ads/php/javascript) as seen on the link provided below.
And I would like to do this with XHTML Strict
On 02/09/06 03:52 -0400, Peter Apockotos wrote:
But my real question is how do I wrap text around items such as
(images/ads/php/javascript) as seen on the link provided below. And
I would like to do this with XHTML Strict guidelines of the WC3.
Pretty basic question: if you had an image floating right and a paragraph of
text floating left, what's the best way to stop the text wrapping if it exceeds
the height of the image? Can you do this without adding extra text?
img src=image.gif alt= width=1 height=1 border=0 style=float:left;
p
Paul Collins wrote:
Pretty basic question: if you had an image floating right and
a paragraph of text floating left, what's the best way to stop
the text wrapping if it exceeds the height of the image? Can
you do this without adding extra text?
img src=image.gif alt= width=1 height=1
First, you don't need to float the test right. Give the text a left
margin equal to the width of the image.
--
Joel Goldstick
www.columbuswebmakers.com
__
css-discuss [EMAIL PROTECTED]
Lassi Heikkinen wrote:
I found a nice CSS thumbnail gallery which I have converted to
own styles: http://www.pulu.org/temp/cssgal/thumbgal.html
The rows are sorted according to window's size, so by resizing
the window the images are changing rows.
What I want is that each row should always
Hey,
This might have been explained hundreds of times but I didn't manage to
find a solution so if you'll pardon me...
I found a nice CSS thumbnail gallery which I have converted to own
styles: http://www.pulu.org/temp/cssgal/thumbgal.html
The rows are sorted according to window's size, so by
On May 18, 2006, at 10:31 PM, Lassi Heikkinen wrote:
The rows are sorted according to window's size, so by resizing the
window the images are changing rows.
What I want is that each row should always contain same number of
images
(excluding the last one) in all situations. For example in
hopefully you've found the other threads mentioning long urls, but if
not, the first one on this search will help you i believe.
http://www.google.com/search?q=site%3Ahttp%3A%2F%2Farchivist.incutio.com+long+urlstart=0ie=utf-8oe=utf-8client=firefox-arls=org.mozilla:en-US:official
hopefully you've found the other threads mentioning long urls, but if
not, the first one on this search will help you i believe.
http://www.google.com/search?q=site%3Ahttp%3A%2F%2Farchivist.incutio.com+long+urlstart=0ie=utf-8oe=utf-8client=firefox-arls=org.mozilla:en-US:official
More to the
Is there away to wrap an image in a container (span or div) without
having to give the span or div an explicit size?
DIVs by default, of course, are wrapping the height of the image just
fine, but want to take up the full horizontal space of the parent
container.
SPANs seem to be doing the
Dartel,
On Mar 13, 2006, at 12:16 PM, Austin, Darrel wrote:
Is there away to wrap an image in a container (span or div) without
having to give the span or div an explicit size?
...
SPANs seem to be doing the opposite...wrapping the width, but not the
height.
I would expect spans to wrap
I would expect spans to wrap with and height as long as you
count the
space for the tails of p and y as images sit in the text baseline.
Do you have a test page or other url we can play with?
http://www.darrelaustin.com/stuff/spanTest/
I have an image surrounded by 3 spans all with
Darrel,
On Mar 13, 2006, at 12:45 PM, Austin, Darrel wrote:
I would expect spans to wrap with and height as long as you
count the
space for the tails of p and y as images sit in the text baseline.
Do you have a test page or other url we can play with?
on 3/13/2006 10:16 AM Austin, Darrel said the following:
Is there away to wrap an image in a container (span or div) without
having to give the span or div an explicit size?
What if you floated the div? That will shrink wrap the div to content.
--
Brian Funk
What if you floated the div? That will shrink wrap the div to content.
Yep. That did it. Thanks!
-Darrel
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub --
Hello again,
I've floated an image to the left and I would like the subsequent paragraphs
to wrap around the image. However the last paragraph does not lengthen it's
lines when it reaches the bottom of the image to create the wrapping
effect.
I also tried placing the image just inside the
Matt Tibbits wrote:
I've floated an image to the left and I would like the
subsequent
paragraphs to wrap around the image. However the last paragraph
does
not lengthen it's lines when it reaches the bottom of the image
to
create the wrapping effect.
I also tried placing the image just
On 12/21/05, MacGillivray, Susan [EMAIL PROTECTED] wrote:
Hi all
I am dealing with the exact problem Ari experienced on an Australian
Government website. Unfortunately I can not provide a URL as the site
is in development.
The issue seems to be with the floats we are applying to images in
@lists.css-discuss.org
Subject: [css-d] wrapping a list around an image
I seem to be having an unexpected amount of trouble wrapping a list
around an image.
On this particular page
(http://localhost/discover/oralhistory/guide.html), I have an image of a
book cover, floating left. Some text floats around
On 15 Dec 2005, at 1:56 pm, Roger Roelofs wrote:
Ah, I went only halfway there when I redefined the li element. I
needed to zero out ul as well. But this still doesn't work in
IE6/Win. Looks perfect in Firefox1.0x/Win. Doesn't work in Safari/
OSX.
I can't test in ie/win (I'm on a mac). I
Hi Ari,
I played around with the code, and was somewhat shocked to find this
solution:
ul { display: inline; }
Aren't lists always displayed inline? No matter, it fixes your IE6/Win
problems. I haven't tested on a Mac though, but I would image/hope it
would have no effect.
Cheers,
Jesse
I played around with the code, and was somewhat shocked to find this
solution:
ul { display: inline; }
Aren't lists always displayed inline? No matter, it fixes your IE6/Win
problems. I haven't tested on a Mac though, but I would image/hope it
would have no effect.
No, lists
I seem to be having an unexpected amount of trouble wrapping a list around
an image.
On this particular page
(http://localhost/discover/oralhistory/guide.html), I have an image of a
book cover, floating left. Some text floats around the image, then a list
begins.
Surprisingly, the list does not
Hey Ari,
You posted a URL that refers to your machine (localhost). Do you have a
valid Internet URL?
thanks,
Mike
[EMAIL PROTECTED] wrote:
I seem to be having an unexpected amount of trouble wrapping a list around
an image.
On this particular page
Oops. That's what comes of testing in two places at one time. Try this,
and thanks for noticing:
http://dev.jwa.org/discover/oralhistory/guide.html
Hey Ari,
You posted a URL that refers to your machine (localhost). Do you have a
valid Internet URL?
thanks,
Mike
[EMAIL PROTECTED] wrote:
On Dec 14, 2005, at 6:18 PM, [EMAIL PROTECTED] wrote:
http://dev.jwa.org/discover/oralhistory/guide.html
I seem to be having an unexpected amount of trouble wrapping a list
around
an image.
Strange as it may seme, the ul extends under the floated image, so any
left margin on the ul is masked
Ari,
On Dec 14, 2005, at 8:19 PM, Ari Davidow wrote:
On Dec 14, 2005, at 6:18 PM, [EMAIL PROTECTED] wrote:
http://dev.jwa.org/discover/oralhistory/guide.html
I seem to be having an unexpected amount of trouble wrapping a list
around
an image.
Strange as it may seme, the ul extends
Hi,
I have
ul class=ListofLinks
lia href=#linkThis is a fairly long link text.This is a fairly
long link text./ali
/ul
I am using padding for these lis
ul.ListofLinks li {padding: 10px 12px 10px 45px; margin:0;}
Now problem is the text on the right is being cut off: Is there a CSS
way to
I would like to create a do it yourself page that has an image
(possibly tw=o=20or three) per sentence/short paragraph with multiple
sentences/short=20 paragraphs per page. I would also like the text to
start at the top of the==20 image(s), possibly 1em give or take to the
left. I can get this
Hi all,
I would like to create a do it yourself page that has an image (possibly two
or three) per sentence/short paragraph with multiple sentences/short
paragraphs per page. I would also like the text to start at the top of the
image(s), possibly 1em give or take to the left. I can get this
I would like to create a do it yourself page that has an image (possibly two
or three) per sentence/short paragraph with multiple sentences/short
paragraphs per page. I would also like the text to start at the top of the
image(s), possibly 1em give or take to the left. I can get this to work
Wednesday, September 7, 2005, 10:21:12 PM, Ricky wrote:
To achieve this effect, I placed the image in a span floated to the left:
Or just give the IMG float:left; margin-right:1em;
Steve
--
http://mrclay.org/ : http://frenchhorns.mrclay.org/
Is there a CSS way to make long URLs wrap?
Possibly, however, the easiest option is to shorten the URLs via the
backend or JavaScript:
http://www.onlinetools.org/tools/shortlinks/
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries:
At 05:59 PM 5/16/2005, Christy Collins wrote:
Is there a CSS way to make long URLs wrap?
Recently I approached this problem in a different way than I had before:
rather than figure out how to include the entire longCrazyUrl onto the
page, I decided to let it be partially hidden. My rationale
Ingo Chao schrieb:
I forgot to mention that the text content of the span will be read
obviously by screen readers, maybe openedbracketdotdotdotclosedbracket,
and will appear useless in no-style-view, but this should be easy to
address with an background-image of an ellipsis instead of a
I forgot to mention that the text content of the span will be read
obviously by screen readers, maybe openedbracketdotdotdotclosedbracket,
and will appear useless in no-style-view, but this should be easy to
address with an background-image of an ellipsis instead of a
text-ellipsis, and a
This is the background-image attempt.
Note that relatively short links (try with 20em in dd, or try with
l.html as short link) will /not/ show the image ellipsis or the text
ellipsis due to the mechanism
- no float drop
- r.p. upwardly
- overflow:hidden.
and long links /will/ show the ellipsis
Is there a CSS way to make long URLs wrap?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org --
55 matches
Mail list logo
