Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Text and images in irregular shaped column(s)

Reply
Thread Tools

Text and images in irregular shaped column(s)

 
 
Barbara de Zoete
Guest
Posts: n/a
 
      10-21-2005
On Fri, 21 Oct 2005 21:35:11 +0200, Stan McCann <> wrote:

> Woodmon <mr.mediamonATgmail.com> wrote in
> news:WtWdnVZVYKByY8XeRVn-:
>
>> BlahBLah BlahBLahBlahBLah BlahBLah BlahBLah BlahBLah BlahBLah
>> BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah
>> BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah
>> BlahBLah BlahBLah BlahBLah. <br />

>
> The only part of the post I understood. The rest of the post was kind
> of like the adults on Charlie Brown.
>


lol

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
 
Reply With Quote
 
 
 
 
Stan McCann
Guest
Posts: n/a
 
      10-21-2005
Woodmon <mr.mediamonATgmail.com> wrote in
news:WtWdnVZVYKByY8XeRVn-:

> BlahBLah BlahBLahBlahBLah BlahBLah BlahBLah BlahBLah BlahBLah
> BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah
> BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah BlahBLah
> BlahBLah BlahBLah BlahBLah. <br />


The only part of the post I understood. The rest of the post was kind
of like the adults on Charlie Brown.

--
Stan McCann "Uncle Pirate" http://stanmccann.us/pirate.html
Webmaster/Computer Center Manager, NMSU at Alamogordo
http://alamo.nmsu.edu/ There are 10 kinds of people.
Those that understand binary and those that don't.
 
Reply With Quote
 
 
 
 
Woodmon
Guest
Posts: n/a
 
      10-22-2005
"Barbara de Zoete" <> wrote in
newsp.sy0a3hdex5vgts@zoete_b:

> On Fri, 21 Oct 2005 19:23:41 +0200, kchayka <> wrote:
>
>> Barbara de Zoete wrote:
>>
>>> On Fri, 21 Oct 2005 18:19:59 +0200, Beauregard T. Shagnasty
>>> <> wrote:
>>>
>>>> And, with images (<img>) being
>>>> an inline element, should be within the paragraphs, not between
>>>> them.
>>>
>>> You are right of course. But if I put a div inside my paragraph, it
>>> terminates the paragraph, thinking I closed it. So I solved that by
>>> putting the div's outside the paragraphs.

>>
>> Span is an inline element and probably would have more suitable than
>> div as an image replacement.

>
> You're absolutely right. I changed it now, so the span represents the
> image. The other thing I did was 'cluster' the fake images all at the
> top of the markup inside a containing div, so that the text can't get
> between the images if they get too far apart vertically.
> From this mock-up and the remarks on the first version, I suppose the
> OP can
> find his way.
>


Appreciate the recommendations and pointers from everyone. I implemented
Barbara's suggestions into my layout. A big help. Thanks so much Barbara, I
like the idea of clustering rhe images in the div.

Just uploaded files to the web so you can now see.
http;//www.bigbubblers.com/

(but not ready to go public with it...still lots of clean up work to do,
optimizing images, putting up additional contnet, flash video clips, new
display head/logo, polishing up forum and gallery, etc).

To my questions...

1. I just ran the home page thru W3 validator and that about killed me.
After lots of repair work the page validated to HTML 4.01 Transitional.
(That is, W3 ssays "tentaivlely passed validation"... are there other
things I have to do so is no longer "tentative"?

2. Also passed CSS2 validation.

3. When validating to strict HTML 4.01 the pahe is still failing due to my
implmentation of target="_new" to launch a new window when clicking on a
particular link. Any recommends?

4. Also not validating to strict HTML 4.01 due to the HTML for the
"moonphase" script. Should I contact vendor to recommend they validate the
HTML they give out?

5. Not sure if I should validate page to XHTML 1.0. Any need?

6. Once done with the home page will distribute changes to other pages and
validate.

7. My final concern regards the flowing text on the home page when it
extends past the last image on the right, I observe the text flows all te
way to the right edge of the page margin when the text is too long (you can
see the effect by increasing text size in the browser text). This is not a
real issue when multiple lines of text flow below the image, but it looks a
bit funky when only one or two lines flow down there all by themselves. .
Is there a method to keep text in it's 'column' or any other recommends?

8. Wondering about the following javascript in Barbara's page source. Any
thoughts what this is for?

<script type='text/javascript'>
<!--
if (top != self) top.location.href = self.location.href;
// -->
</script>


9. My later plan is to adapt the site structure to current HTML/CSS
standards e.g. rid of the nested tables where possible. But at the same
time I'm finding my old school skill set needs a bit of updating... so lots
of side reading w3.org docs ahead of me.

Thanks again for everyones feedback.

Woodmon
 
Reply With Quote
 
Barbara de Zoete
Guest
Posts: n/a
 
      10-22-2005
On Sat, 22 Oct 2005 13:12:37 +0200, Woodmon <mr.mediamonATgmail.com> wrote:

> 3. When validating to strict HTML 4.01 the pahe is still failing due to my
> implmentation of target="_new" to launch a new window when clicking on a
> particular link. Any recommends?


Just leave it out. Your visitor will probably know best whether or not s/he
wants a link to open in a new page.

> 5. Not sure if I should validate page to XHTML 1.0. Any need?


If you are thinking about upgrading your markup, going for valid html4.01 strict
is good already. I don't see any use (for this page/site) to go to xhtml.

> 7. My final concern regards the flowing text on the home page when it
> extends past the last image on the right, I observe the text flows all te
> way to the right edge of the page margin when the text is too long

<snip>
> Is there a method to keep text in it's 'column' or any other recommends?


You know how wide your images will be, right? I would put a padding on the body
of the page, just a little wider than those images. Then give the images with
the stylesheet a negative margin-right, so they fit in the space on the right of
the page, you just created with the padding on the body.

Like this (use values suited for your situation):

body {
padding-right:17em; }

img {
width:15em;
margin-right:-16em; }

> 8. Wondering about the following javascript in Barbara's page source. Any
> thoughts what this is for?
>
> <script type='text/javascript'>
> <!--
> if (top != self) top.location.href = self.location.href;
> // -->
> </script>


Ah, yes. Only recently I added that to all my pages and my template. I noticed
that some sites 'frame' some of my pages. I don't like that.
This small script makes my pages 'escape' from someones frameset, by putting the
page back in 'top', as if it was linked to with target=_top. Unfortunately only
works when browser is javascript enabled, but that is true for the vast
majority. So most of the times it will work.


--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
 
Reply With Quote
 
Woodmon
Guest
Posts: n/a
 
      10-22-2005
"Barbara de Zoete" <> wrote in
newsp.sy1pvekix5vgts@zoete_b:

> On Sat, 22 Oct 2005 13:12:37 +0200, Woodmon <mr.mediamonATgmail.com>
> wrote:
>
>> 3. When validating to strict HTML 4.01 the page is still failing due
>> to my implmentation of target="_new" to launch a new window when
>> clicking on a particular link. Any recommends?

>
> Just leave it out. Your visitor will probably know best whether or not
> s/he wants a link to open in a new page.


So is target="_new" or target="_blank" completely deprecated? Any
replacement code that works well in both IE an Firefox?

My friend who I am helping out with this site desires to launch a new
window (or preferably a tab) in his browser when clicking on a link to
the gallery or the forum (neither of which is integrated into his
website) or when clicking external links in his resources page.

Myself I know how to use the back button and/or use Shift-click or
Control-click.


> give the images with the stylesheet a negative margin-right, so they
> fit in the space on the right of the page, you just created with the
> padding on the body.
>
> Like this ... {snip}


I'll have to test this out. Thanks for the example.


>> 8. Wondering about the following javascript in Barbara's page source.
>> {snip}


You're full of all sorts of good ideas! Thanks again Barbara,


BTW I just put up a Flash clip on the site (lots more coming soon). So
now I just need get the body text flush to the top margin, even with the
photo image on the left and the vid clip on the right. And want to have
the broswer window open at an 820 pixel width or so, I would be happy
with these fixes, even if the site still looks like a website designed
in the 70's

Woodmon

 
Reply With Quote
 
Alan J. Flavell
Guest
Posts: n/a
 
      10-22-2005

On Sat, 22 Oct 2005, Woodmon wrote:

> So is target="_new" or target="_blank" completely deprecated?


In a web context, "deprecated" is a technical term. You find the
answer to questions about it by looking it up at the W3C, not by
asking usenet's opinion. For example for HTML/4.01:
http://www.w3.org/TR/html401/index/attributes.html

Though some find it odd that although it's missing from Strict, it's
not actually deprecated.

> Any replacement code that works well in both IE an Firefox?


Taking it out is the generally user-friendly thing to do. Browser
control should be in the hands of the user.

> My friend who I am helping out with this site desires to launch a new
> window (or preferably a tab) in his browser


Then teach him how to use his browser's feature for doing that (e.g
right-click, "open link in new tab", seems intuitive enough, if they
can't remember CTRL/click). Leave other readers free to make their
own choices.

have fun
 
Reply With Quote
 
Robi
Guest
Posts: n/a
 
      10-23-2005
Woodmon wrote in message news:. ..
[...]
> 3. When validating to strict HTML 4.01 the pahe is still failing due to my
> implmentation of target="_new" to launch a new window when clicking on a
> particular link. Any recommends?


Don't do that, it's noy user friendly.
I always hate it, when I click on a link and a new window pops up.
Lave the target= away.

[...]

> 7. My final concern regards the flowing text on the home page when it
> extends past the last image on the right, I observe the text flows all te
> way to the right edge of the page margin when the text is too long (you can
> see the effect by increasing text size in the browser text). This is not a
> real issue when multiple lines of text flow below the image, but it looks a
> bit funky when only one or two lines flow down there all by themselves. .
> Is there a method to keep text in it's 'column' or any other recommends?


You are looking for something like this:
http://glish.com/css/7.asp

> 8. Wondering about the following javascript in Barbara's page source. Any
> thoughts what this is for?
>
> <script type='text/javascript'>
> <!--
> if (top != self) top.location.href = self.location.href;
> // -->
> </script>


that gets you out of other people's frames.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
A CPU and motherboard upgrade is causing irregular hardware freezes. D Computer Support 14 12-22-2007 11:39 AM
IE 7 has irregular white space at the tops of certain pages? elzool HTML 3 04-26-2007 06:47 PM
IE 7 has irregular white space at the tops of certain pages? elzool HTML 1 11-30-2006 08:13 AM
J2ME: Point inside zone (irregular polygon) Simon Brooke Java 2 11-16-2006 03:14 PM
Irregular behaviour: C++ standard lib and file stream. bruce varley C++ 2 11-25-2003 05:27 PM



Advertisments