Ellipsis code in HTML...is there code to make it stand vertically?

I am working from the Fancy Form Design book by sitepoint and ran into some sample code where the ellipsis is vertical? How do I insert a vertical ellipsis into my code? Please help!

There are various methods with which you can accomplish this. I presume that the example in the book uses a Javascript function, but there are also a few CSS methods that could do the job, depending on what you’re planning to do.

A simple means to rotate text with CSS:

.ellipsis {
    -webkit-transform: rotate(90deg); /* Safari & kin */
    -moz-transform: rotate(90deg); /* FF & kin */
    -o-transform: rotate(90deg); /* Opera */
    display: block;  /* needs to be a block element */
    width:1em; /* needs some width specified */
}

As you can see, lots of propietary code but almost all modern browsers can be supported that way.

And IE can be catered to as well:


    .ellipsis {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

The value 3 translates to 90 degrees.

<p>This is an ellipsis<em class="ellipsis">...</em></p>

Thank you for that! I don’t want to sound unappreciative of your input as I do appreciate all input I just want to be a little more clear. It is not that I am trying to have the viewers of my web page see a vertical ellipsis, it is in HTML code samples in the book “Fancy Form Design” page 62 beginning of line 8, line 17, and line 26. It shows a vertical ellipsis before the words months, days, and years, respectively. I’m not sure if those lines are not needed to make the code work or if there is a way of using font or something…special characters??? I don’t know…

Are you asking whether the dots are needed for the code to work? That depends on what code is omitted.

The dots merely indicate that code was left out. It saves work and cost (book production). I’m sure there’s a code library attached where you can get the full code.

The book is using a simple means to make a point without writing out the code.

So this lazy writing:


<option value="">- Days -</option>
.
.  days
. 

indicates that the code should look like this:


<option value="Monday">- Monday -</option>
<option value="Tuesday">- Tuesday -</option>
<option value="Wednesday">- Wednesday -</option>
<option value="Thursday">- Thursday -</option>
<option value="Friday">- Friday -</option>

AH! You’re right! Thank you! That is what it is…I thought that was supposed to be part of the code but after you replied it all made sense. Thank you!

You can also use Unicode character U+22EE (VERTICAL ELLIPSIS) (⋮) if there’s a glyph for it in the font you use. You can write it as &#8942; if you’re using a character encoding that cannot represent that character literally.

Hm, most technical books have a list of “code conventions” in the beginning, stating what icons mean, what bold text is, monospaced, etc.

If … is not listed as meaning “there’s some code here” in that section then it should be added, if not by the publisher then at least in the errata online.