Calling the Gurus – BLOCKQuote problem

@vincentmsApr 17.2003

Hello All,

I have some text that is not wrapping correctly. How can I get my text to appear in a block if it must wrap around to a 2nd line. What happens is the text on the 2nd line is further to the left than the 1rst line. I want the 2nd line to start directly under the 1rst line. Line 1 appears in the right place and it just looks better when it is in a block. I have tried the BLOCK Quote tag and that works fine, ALMOST. BUT, it pushes Line 1 to the next line with a LineBreak/LineFeed. That is not good for me, shucks!

Any thoughts???

Vincent,
Zürich, Switzerland

to post a comment

JavaScript

20 Comments(s) _↴

@khalidali63Apr 17.2003 — #do you have this text in a table cell?

@khakiApr 18.2003 — #Hi Vincent...

Blockquote is an [I]old[/I] html method for creating margins within a page (now pretty-much replaced by CSS).

And I don't recall if the wrapping within a blockquote allows a new line to begin with a leading space (as you say it is doing for you)... but if so...you may need to insert <br> tags at the ends of sentences to stop it from doing so.

I haven't used blockquote since I first started learning html about 8-10 years ago (yikes :eek: . I was just a [I]baby[/I]!).

I'd suggest using a <div> and place the text withing that. I've never seen a new line begin with a leading space when using a <div>.

Hope that helps...

? k

@vincentmsauthorApr 18.2003 — #Hello all,

Thanks again for the kind responses, I am becoming very very spoiled!!!

Khalid: I am not using a table.

Jersey Girl: I am sure you are still just a baby.

Folks, please see my code. I dont know how to stop the funny wrap around.

The output from element [3] indents the first line, which is perfect, but if it wraps to a 2nd line the 2nd line starts flush left...which is ugly! I would like that wrapped line to start at the same margin as the preceding line.

BTW, I will need to make the same correction for the Radio Button text (elements[6,7,8...]).

Any more thoughts???

Thanks,

Vincent

Zürich, Switzerland

 document.getElementById("divn").innerHTML = 
   ('<p><b><font color="navy" size=4> &nbsp &nbsp &nbsp' + qCnt + '</font> &nbsp' + globalArray[arrayNames[3]][s]  + '</b></p>')   +
   ('<p> &nbsp &nbsp &nbsp &nbsp <input type="radio" value="a" name="q10">' + " " + globalArray[arrayNames[6]][s]  + '</<br></p>') +
   ('<p> &nbsp &nbsp &nbsp &nbsp <input type="radio" value="b" name="q10">' + " " + globalArray[arrayNames[7]][s]  + '</<br></p>') +
   ('<p> &nbsp &nbsp &nbsp &nbsp <input type="radio" value="c" name="q10">' + " " + globalArray[arrayNames[8]][s]  + '</<br></p>') +
   ('<p> &nbsp &nbsp &nbsp &nbsp <input type="radio" value="d" name="q10">' + " " + globalArray[arrayNames[9]][s]  + '</<br></p>') +
   ('<p> &nbsp &nbsp &nbsp &nbsp <input type="radio" value="e" name="q10">' + " " + globalArray[arrayNames[10]][s] + '</<br></p>') +
   ('<p> &nbsp &nbsp &nbsp &nbsp <input type="radio" value="f" name="q10">' + " " + globalArray[arrayNames[11]][s] + '</<br></p>') +
   (' &nbsp &nbsp &nbsp  <input type="button" value=" Next Question" onClick=" getStarted()"> ')                                   +
   (' &nbsp &nbsp &nbsp  <input type="button" value="        Finish        " onClick=" correctExam()"> ');

@DrDaMourApr 18.2003 — #what is the value of qCnt?

@vincentmsauthorApr 18.2003 — #Hi,

The value of qCnt is just a number, (i.e, 1, 2, 3...20)

Thanks.

Vincent,

Zürich, Switzerland

@DrDaMourApr 18.2003 — #well i don't see the first line indenting at all, so i don't understand what you're talking about. Everything for me is just one after then next. I think you need to upload your whole file, as taht code snipet has a ton of errors in itself without the entire file.

@vincentmsauthorApr 18.2003 — #Here is my code without errors.

Please note that if you make the browser window small enough forcing the question to WRAP that the 2nd line does not start under the 1rst, but instead it is FLUSH LEFT.

Regards,

Vincent

Zürich, Switzerland

<p><b><font color="navy" size=4> 12 </font> So here is the 64,000 dollar question: What State borders the lovely country of Mexico? </b></p>

<p><input type="radio" value="a" name="q10"> Texas <br></p>

<p><input type="radio" value="e" name="q10"> Missouri <br></p>

<p><input type="radio" value="f" name="q10"> Iowa <br></p>

<input type="button" value=" Next Question">

<input type="button" value=" Finish ">

@DrDaMourApr 18.2003 — #ok first off, it wasn't indented at all, it just happened taht the item number made it look like it was, but it was pushing it. Second i think what you were doing was hitting tab to indent it or doing a lot of spaces, but that won't work becasue html only recognizes single blank spaces.

what you want to use is a html escape sequence

you could use &nbs p; (get rid of the space inbetween sp, this sends a space no matter what.However what i woudl recommend instaed is using a table like so, this did what you wanted

<html>

<body>

<table>

<tr>

<td valign="top">

<font color="navy" size=4> 12 </font>

</td>

<td valign="top">

So here is the 64,000 dollar question: What State borders the lovely country of Mexico?

</td>

</tr>

</table>

<p><input type="radio" value="a" name="q10"> Texas <br></p>

<p><input type="radio" value="e" name="q10"> Missouri <br></p>

<p><input type="radio" value="f" name="q10"> Iowa <br></p>

<input type="button" value=" Next Question">

<input type="button" value=" Finish ">

</body>

</html>

@vincentmsauthorApr 18.2003 — #Yo Detroit,

You're good...very good. Between you and Khalid I have some new friends, oh yeah, cant forget to send props out to Jersey girl.

Thanks everybody.

Not so fast Detroit!!! There is one little thing more.

The question is not with the desired alignment. Perfect. But, the answers that are next to the RadioButton has the exact same WRAP problem. Do you think it is possible to fix the text that is adjacent to the RadioButton. Please look at the example below. It is basically what you gave me, but I have extended the TEXT so to make it wrap around.

Thanks man,

Vincent

Zürich, Switzerland

<body>

<table>

<tr>

<td valign="top">

<font color="navy" size=4> 12 </font>

</td>

<td valign="top">

So here is the 64,000 dollar question: What State borders the lovely country of Mexico?

</td>

</tr>

</table>

<p><input type="radio" value="a" name="q10"> HINT: Texas is the right answer as she lies just above the Big River...but we all knew that didn't we partner?<br></p>

<p><input type="radio" value="e" name="q10"> Missouri <br></p>

<p><input type="radio" value="f" name="q10"> Iowa <br></p>

<input type="button" value=" Next Question">

<input type="button" value=" Finish ">

</body>

</html>

@DrDaMourApr 18.2003 — #guess we can thnk M&M for that

anyways

<html>

<body>

<table>

<tr>

<td valign="top">

<font color="navy" size=4> 12 </font>

</td>

<td valign="top">

So here is the 64,000 dollar question: What State borders the lovely country of Mexico?

</td>

</tr>

</table>

<table cellpadding=0 border=1>

<tr>

<td valign="top">

<input type="radio" value="a" name="q10"> Texas

</td>

<td valign="top">

HINT: Texas is the right answer as she lies just above the Big River...but we all knew that

didn't we partner? </td>

</tr>

<tr>

<td valign="top">

<input type="radio" value="e" name="q10"> Missouri

</td>

<td></td>

</tr>

<tr>

<td valign="top">

<input type="radio" value="f" name="q10"> Iowa

<td></td>

</td>

</tr>

</table>

<input type="button" value=" Next Question">

<input type="button" value=" Finish ">

</body>

</html>

the border=1 will show you toe borders of the table so you can understand how htey work better, change it to 0 to make the borders go away.

you'll need to play with it

think of the table tags as so

<TR> is a table row

<td> is a table data or cell

<td>s are in <tr>'s and each <tr> should have the same amount of <td>'s

@NevermoreApr 18.2003 — #Just my 2 cents - Khaki, you should really use blockquote for quotes, rather than a DIV, but not for indenting. It is not an 'old element' though, as it is still part of the specification. The advantage of it is that even if your browser has to read it to you, it can still tell you it is a quote.

@khalidali63Apr 18.2003 — #[i]Originally posted by DrDaMour [/i]

[B]guess we can thnk M&M for that

........... [/B][/QUOTE]

Hey which ones (reds or blues or...)

?

@NevermoreApr 18.2003 — #Didn't you hear? The reds and blues have had their Ms stolen! If you can find them you win lots of money! Not just advertising, it's drama.

@jeffmottApr 18.2003 — #[b]It is not an 'old element' though, as it is still part of the specification.[/b][/quote]I don't believe it was ever described as an old element, but an old [b]method for creating margins[/b].

@khakiApr 18.2003 — #Hi Gang! ...

See.... Jeff [I]understands[/I] me!

Blockquote was something that many people once [I]mis-used[/I] so that they could create margins.

Anyway... I'm a data girl... so text content (and Blockquote) have little relevence to me now (and for a long time... and sadly... I'm not "still just a baby" anymore ? ).

But it does make me curious...

Is Vincent writing "quoted" text to the page... or just formatting "non-quote" type text with the (mis)use of Blockquote?

So... see?!

Maybe Cijori jumped to the wrong conclusion (and on the wrong person ? ).

Anyhow.. I'm not looking to bust chops... [B][I]just playing[/I][/B] ?

And once again - and everybody should really pay attention (and I'm serious this time :rolleyes: ) - Cijori has made a statement that should not be overlooked:

"[B]The advantage of it is that even if your browser has to read it to you, it can still tell you it is a quote.[/B]"

It didn't initially occur to me, but that is a very important thing to remember for writing pages for accessibility. I have learned a lot (but not enough yet) about that... and I am hoping to skew my design and implementation process towards taking things like that into consideration.

Anyway... not trying to preach... just saying ?

([I]saying[/I] and [I]playing[/I]... I'm having a busy day! lol)

Last thing:

I don't get the M&M thing (is that a Microsoft diss or something?).

okay... I'm done. But don't (block)quote me on that...

? k

[SIZE=1]EDIT: okay... I didn't really [I]need[/I] to edit... but I just wanted to acknowledge "the doctor's" Floyd quote in his sig ? .

(does anyone here realize what he "needs"? Well... let's put it this way: it's [I]dirty[/I]! lol ? )

? k[/SIZE]

@NevermoreApr 19.2003 — #RUN!

@DrDaMourApr 19.2003 — #floyd owns

@khalidali63Apr 19.2003 — #[i]Originally posted by cijori [/i]

[B]RUN! [/B][/QUOTE]

? ? ?

@khakiApr 19.2003 — #hmmm...

for some reason people will place song/music references (some subtle... some not) in their posts...

yet hardly anyone contributed to the programmer's music thread in the General Forum.

?

"I gotta admit... that I'm a little bit confused"

? k (woof!)

@DrDaMourApr 19.2003 — #i never visit the general thread, it's way to general for me

Also in #JavaScript _↴

back button with frames not working Loading XML and Javascipt removeAttribute help needed

Success!

Help @vincentms spread the word by sharing this article on Twitter...

Tweet This

Calling the Gurus – BLOCKQuote problem

20 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Calling the Gurus – BLOCKQuote problem

20 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

20 Comments(s) _↴

Also in #JavaScript _↴