Re: [css-d] Wrapping text around images with CSS and XHTML

[Peter Apockotos]

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:
>
> Intel iMac for consumers, not Pros
>   
> [ stuff to display the image ]
>   
>   
>   Apple's new iMac Core Duo [ lots of uber-marketing speak
>excised ...] Pro users.
>   
> 
>
> Then I select "View CSS" from the web developer's toolbar and see:
>
>   #recad{
>   padding: 0 0 20px 20px;
>   width: 300px;
>   height: 250px;
>   float: right;
>   }
>
> So I guess that's how they did it.
>
> But I'd have used a header instead of a div for the heading.
>
> And the w3c validator shows "Failed validation, 186 errors", so they
> seem to have committed other html errors too.
> --  
> Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
> GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24

Nick,

I appreciate your reply.  I knew the page did not validate properly.   
So I was wondering what the correct method would look like.

Thank you,
Peter Apockotos
http://www.apockotos.com
http://www.gsdCentral.com
http://www.happymacintosh.com
http://www.knightrider.org
http://www.macmariner.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Wrapping text around images with CSS and XHTML

[Nick Urbanik]

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.




Well, let's see, I select the header and text, then from my Firefox
context menu, I choose, "View Selection Source"

and see this:

Intel iMac for consumers, not Pros

[ stuff to display the image ]


Apple's new iMac Core Duo [ lots of uber-marketing speak
   excised ...] Pro users.



Then I select "View CSS" from the web developer's toolbar and see:

#recad{
padding: 0 0 20px 20px;
width: 300px;
height: 250px;
float: right;
}

So I guess that's how they did it.

But I'd have used a header instead of a div for the heading.

And the w3c validator shows "Failed validation, 186 errors", so they
seem to have committed other html errors too.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpdTaf9h7ilw.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Wrapping text around images with CSS and XHTML

[Peter Apockotos]

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 guidelines of the WC3.




Peter Apockotos
http://www.apockotos.com
http://www.gsdCentral.com
http://www.happymacintosh.com
http://www.knightrider.org
http://www.macmariner.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] wrapping text around images

[BJ]

"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 to work in==20tables (yuck) but can't seem to do it 
in css."


Try pixy's photocard method, and you can even add captions:



---
avast! Antivirus: Outbound says I'm squeaky clean.
Virus Database (VPS): 0536-2, 09/07/2005
Tested on: 9/8/2005 6:12:07 PM


__
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 -- http://www.evolt.org/help_support_evolt/

Re[2]: [css-d] wrapping text around images

[Steve Clay]

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/

__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] wrapping text around images

[Ricky Zhou]

> 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 in
> tables (yuck) but can't seem to do it in css.
To achieve this effect, I placed the image in a span floated to the left:

http://www.google.com/intl/en/images/logo.gif"; alt="Google" style="
display: block;
margin: 0;
padding: 0;
border: 1px solid #C0C0C0;
" />

To get the 1em of text before the image, just place this code after
the first line of text.

Ricky
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] wrapping text around images

[Scot Schlinger]

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 to work in 
tables (yuck) but can't seem to do it in css.

I think I have seen something like this before, but a google search has 
turned up nothing and I looked at the wiki.

I am rather new to pure css so anything and everything has been a struggle 
but I am slowly but suring getting there by reading all the questions and 
replies.

Thank you for your time and consideration,
Scot
__
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 -- http://www.evolt.org/help_support_evolt/