Getting text to the top of a table cell

I'm sorry, I have asked this before but I still have nothing that works.
In a table I want the text to start at the top of the cell. I can force it with a clear gif and the end, but surely that is not right. It often works OK in Safari and Opera, but not in Firefox or IE.
I have copied some code below. It seems to me that the text should be aligning top, but it remain vertically centred in live view and all browsers (MAC).
What am I not seeing?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="properllers.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="880" border="0" align="center" cellpadding="0" cellspacing="0" class="top">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="500"> </td>
    <td> </td>
    <td><h1 class="top">Text test header</h1>
      <p class="top">Berci accuptatet facerum, simus, quatiae pori tem arum id et exces aute erum inciumquo temquos essi nem utam, int aut harionsequo entintius solum est in consequo odi dolenimpe laborum se vel iliquo voluptas ex entorerum rest venimaxima sit am aut arumquam, tet que necererchil et mo vid ut mo ilic totaquam apitatem. Et illaboratum hilleni hillab iusaperunt landunt inctat.<br />
        Mus, ut eum ut ut omni qui aliquas peribus.<br />
    Us repudit, volupti ssequid modionseque pero consernatur? Qui que volorei umquae dem aut hilis am, cus, sequam quid ullam, idera della vent errovitis nobis minia simus et quos eum de cuptaec turiorio. Nequaspercia alis andae moluptae. Vid quunt enihit la nempores volupta alibus, occaborum ist odi volorepres que eum quo id underio tem res dolute omnienis in porro imoluptas doluptat im faccus re porem rero comnihicim e</p></td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>

The default alignment in a table cell is LEFT MIDDLE, i.e., left horizontal and middle vertical.  If you have no specification in your code for anything other than that, then that's what you get.  I see no such specifications in your code, so your symptoms are not surprising.  To make things align to the top of a table cell (in HTML4.01) you would use <td valign="top"> or in XHTML you would use CSS to bring the content to the top of the cell, e.g., <td style="vertical-align:top"> (inline CSS shown for clarity).
Be aware that text contained within a paragraph or an <h#> tag WILL HAVE A TOP MARGIN, so if you want that text to be flush with the top of the cell, you will have to control that top margin on the container tag, too.
In your case, I'm assuming that this is one of your attempts to get to the top of the cell -
<td><h1 class="top">Text test header</h1>
But we have no idea what rule is specified by the class="top".  At any rate, you will have only affected the alignment of the text within the <h1> tag and not within the table cell by that.  Perhaps <td class="top"> would be better?  But best would be (if you wanted ALL content in the table to be at the top of the cells) to use a descendent selector like -
table#whatever td { vertical-align:top; }
and then give that table the id="whatever".

Similar Messages

  • I can get text messages and get this at the top of page 'Messages (-1)' can anyone help please?

    I can not get or see any text messages and get this at the top of page 'Messages (-1)' can anyone help please?

    For details of how to restore it, see https://support.mozilla.com/kb/menu+bar+is+missing

  • How to align text at the top and bottom of a cell?

    I'm making a periodic table and need help with aligning text at the top and bottom of a cell. I'll have a picture in the middle of the cell with text above and below the pic. Thank you in advance for any kind of suggestions you can give me.

    It sounds as though you want to have 3 separate items inside of a single cell; text at the top of the cell, text at the bottom of the cell, and then a picture in the middle of the cell.  I am no expert, but to my knowledge that is not possible (someone please correct me if I am wrong.)  I also cannot figure out how to put a picture inside of a cell itself.
    I do have a way to accomplish the end result so long as what you need is the final look and not a useable table in numbers.
    Create 2-3 cells for each element.  (The middle cell, unless you can put pictures in a cell and I don't know, would just be there for peace of mind, but would hold the picture if you can, I would just do two if the pictures are to be in front of the cell anyway.)  The top cell align text to top on the Text tab of the inspector.  The bottom cell, align text to bottom on the same tab.  Then place the picture in the middle.  Now, you have what you want except there is one or two lines dividing the cells.  To get rid of this, either click the middle cell if you have one, or the top or bottom cell.  Click on the Cell tab of the inspector.  Select the bottom border and/or top border button and select "No Border" under border styles.  To make this fast, select a full row at a time, or use command click to select all of the same type of rows (middle, top, or bottom) and change all cells at once.
    I hope this helps.  Best of luck!
    ~Bret

  • Add a new row at the top of a table in GUI

    Hi,
    I am using JDev 11.1.1.1.0. I need to be able to let users add a new row at the top of a table and not anywhere else in the middle of table rows. I cannot seem to find a way to do it. note that it does not matter where a new row gets inserted in the db, i am only concerned about restricting the insert in the GUI to the topmost line/row.
    Thanks,
    AJ

    Hi
    Can you try with writing your custom create method in application module and calling same from UI on command button action like
    public void createNewRow()
    ViewObjectImpl vo = getVO1();
    Row newRow= vo.createRow()
    vo.insertRowAtRangeIndex(0, newRow);
    Vikram

  • My iPhone 5 only display the apple screen with text on the top (like a command prompt). Has anyone else seen this???

    I was checking my mail and suddenly i get the apple screen with text on the top (like a command prompt). It won't receive phone calls and it doesn't respond to anything. I tried to force shutdown, reset, etc and nothing happened... Now the screen changed to vertical gray lines. I'm attaching a picture of both screen displays. Someone please help!!!!!

    Try a reboot by holding both the power and ome buttons until the apple logo appears.  If that does not bring it back, take it to an Apple store genius bar and have the technicians test it.

  • My iPhone 5 is stuck on the apple logo but has a load of white text on the top of the screen

    My iPhone 5 is stuck on the apple boot logo and has a load of white text in the top of the screen. It won't do anything! HELP PLEASE!!

    Hello robbie113,
    The following article provides steps that can help get your iPhone working.
    iOS: Not responding or does not turn on
    http://support.apple.com/kb/TS3281
    Cheers,
    Allen

  • Is there a way of getting rid of the "Top Sites" when you go in to Google?

    Is there a way of getting rid of the "Top Sites" when you go in to Google?

    Safari menu > Preferences > General > "New windows open with" and "New tabs open with"
    Choose from the available selections.

  • How do you add a caption to a photo? I can get it at the top of page but can't get it on the photo.

    How do add a caption to a a photo? I can get it at the top of screen but can't get it onto photo?

    You'll need an app for that. Search the App Store for captioning photos.

  • The escape button no longer gets me to the top of a column in the browser window

    After a recent update, I find that when in the browser column, hitting the escape key no longer gets me to the top of the column, to the (all artists selection, for example).  I can't find any button that has taken over that responsibility.  What gives?

    The back button is labeled "delete" now on newer Macs. I guess this is why they disabled this feature.

  • My daughter and granddaughter both have the same model iPhone.  I can text my granddaughter but when I try to text my daughter I get the message that she is not registered at iMessage, but I know that she is and gets texts all the time. What do I need to

    My daughter and granddaughter have the same model iPhone.  I can go messages and text my granddaughters phone from my ipad2, but when I try to text my daughter I get the message that she is not registered with I message, but she is registered and gets texts all the time.  What do we need to do?

    Pattypegr wrote:
    The blue bubble will not turn on on the iPad when I try to message her on her I phone.  She has IMessage turned on.
    What blue bubble are you trying to turn on? If you mean that the Send button will not work, go to Settings>Messages>Show Subject Field>Off. Make sure that is set to off.
    If you send an iMessage, the texts between the devices appear in a blue bubble.
    iMessages only work between iOS devices and they are different than the standard text messages that any cell phone can send to another cell phone.

  • I can't get media at the top of the page

    Just installed photoshop E 13. I need to import some photos to get started. I can't get MEDIA at the top of the page. I get elive,quick, guided,expert.

    Photoshop Elements consists of two separate but inter-related programs: editor and organizer. You are opening the editor, whereas Media is in the organizer. Click the Organizer button at the bottom of the editor window, since that's open now.

  • How can i text over the top of photos

    how can i text over the top of photos

    I do not understand you question. Do you want to add text to a photo?

  • Why the iPod Touch 4G is getting heated at the top of the back besides camera. Apple stores have replaced 3 pieces but no gain...

    Why the iPod Touch 4G is getting heated at the top of the back besides camera. Apple stores have replaced 3 pieces but all in vain...
    Disappointed after buying Apple Product...

    because sometimes they are prevented from sharing such information? they don't know? could even require sending it 'out' to a repair center.
    though with most electronics, there is only so much that can be swapped out, and even then a new unit and let engineering see what and why....  and maybe there is a defective chip, sensor or even shorting

  • "No text target or text model" when accessing notes inside table cells.

    I'm using the InDesign Automation Objects through Delphi to scan all the notes inside a document and that works fine as long as the notes aren't inside tables.
    For those notes inside tables as soon as I try to get the instance for a note I get the error "No text target or text model". Tried several ways of scanning the document to get to the notes but it doesn't make a difference.
    Here's my code:
        for I := 1 to FDoc.Stories.Count do
          for J := 1 to FDoc.Stories.Item[I].Tables.Count do
            for K := 1 to FDoc.Stories.Item[I].Tables.Item[J].Notes.Count do
              Note := FDoc.Stories.Item[I].Tables.Item[J].Notes.Item[K];
    The last line throws the error.
    This seems like an InDesign bug, or is there maybe something wrong with the document or a different way to get the note content?
    Thanks.

    intolight wrote:
    > i'm bewildered by this behavior. I was building a site
    last night and
    > everytime i put text in a table cell it appeared bolder.
    No other attributes
    > were changed by me. Didn't matter if i typed it new or
    pasted text from outside
    > the table. Whne put in a table it goes heavier or
    bolder. . I don't remember
    > this ever happening before.
    >
    > As a matter of fact as a work around i was able to take
    a table from a
    > previous web page that has text in a table cell that
    doesn't go bold and paste
    > that into the new document and type over that text. But
    i don't want to have to
    > do that all the time.
    >
    > Am i going crazy? Ok you don't have to answer that. But
    please help me fiqure
    > out what's going on here. thanks!!!
    >
    >
    > page with text going bold in table cells
    >
    http://intolight.biz/text/
    >
    > page where text doesn't go bold in table cells
    >
    http://www.intolight.biz/ai/frame_index.htm
    >
    It's a table heading (th) and most browsers (all?) turns such
    tag bold.

  • Text field spry validation over 2 table cells?

    Hello,
    This might be a real simple thing, but I can't figure it out. Can anyone  please help?
    I'm using DW CS3 and I'm building a contact form. I'm using DW's Spry  validation for my text field. It's an email field. I'd like to put the  label in one table cell and the input box in the adjacent cell. But I  can't figure out how. I'm using the attach label using 'for' attribute.
    Here is how DW writes the code:
                   <tr>
                        <td>
                             <span id="sprytextfield5">
                             <label for="email">Email</label>
                             <input type="text" name="emaill" id="emaill" />
                             <span class="textfieldInvalidFormatMsg">Invalid  format.</span></span>
                        </td>
                    </tr>
    As you can see, it's all in one cell.
    I've tried massaging the code every which way but then the widget doesn't  work.
    Please help!
    Thank you in advance!
    Claudia

    Hello,
    This might be a real simple thing, but I can't figure it out. Can anyone  please help?
    I'm using DW CS3 and I'm building a contact form. I'm using DW's Spry  validation for my text field. It's an email field. I'd like to put the  label in one table cell and the input box in the adjacent cell. But I  can't figure out how. I'm using the attach label using 'for' attribute.
    Here is how DW writes the code:
                   <tr>
                        <td>
                             <span id="sprytextfield5">
                             <label for="email">Email</label>
                             <input type="text" name="emaill" id="emaill" />
                             <span class="textfieldInvalidFormatMsg">Invalid  format.</span></span>
                        </td>
                    </tr>
    As you can see, it's all in one cell.
    I've tried massaging the code every which way but then the widget doesn't  work.
    Please help!
    Thank you in advance!
    Claudia

Maybe you are looking for

  • Methods for Remote Event Log Collection (WMI vs RPC vs WinRM)

    Hi, I'm currently evaluating several 3rd party tools (SIEMs) to help me with log management in a large (mostly) Windows domain environment. Each tool uses a different approach to collecting the event log from remote systems, and I'd like help underst

  • Error message in PR for material having stock above reorder point

    Hi Experts,                   We want the error message while creating Purchase Requisition (ME51N) for a material which is having stock (MMBE)  above Reorder point ( MRP1 View of material master-MM03) .Is there any user exit available for this requi

  • Call failed. Error: An unexpected 'PrimitiveValue' node was found when reading from the JSON reader. A 'StartObject' node was expected.

    Hi All, I am trying to add a new task to a Tasks list called CATasks. The list was created via Visual Studio “Add > New Item > List” process and not by custom code. The code I am using to add a task is shown below. What I have noticed is if I use my

  • PO not recieved via email

    Hi Gurus , I am facing a problem in which PO is not coming back to the person through email which created that PO though it is outputted to Vendor for whom the PO is created. Please tell where we mention the email address of the person . In tcode su0

  • Countdown timer in FCE

    Hello there. I wonder if someone can help me. Is there a way in FCE that I can create a countdown timer (say from 5 minutes). I would like this over a still image or over a video clip? If not FCE is there any software that I may be able to use. Your