HTML Layout Problem

Hi guys
I am parsing html source to extract the different html elements. Now that i have extracted elements, i need to identify the position of these elements.
how is it possible to extract the position of the elements of a web page (ie: image position, paragraph position ect) ? I am not creating a browser, i jst need to know the position of elements within a webpage.
i already have a java html parser, do i need to parse the casscade style sheets to identify the positions? if so, do u know where i can get css parser who can do that?
I have heard that identifying the position of html elements within a web page can be done using Microsoft DHTML, if anyone knows about that please i would be grateful if he can clarify more.
I dont need to do this using java, I will try to implement it using other language if needed ,if anyone has come accross this problem before or knows anything please provide some help.
thanx alot

You will be getting into a philosophical argument here. The 'purists' will tell you that HTML is a markup language that simply arranges elements relative to one another. Images, for example, may be absolutely sized, but text is layed out according to screen dimensions. The 'artists' will tell you that those types of web pages are invariably not 'good enough'. So, they will lay-out the elements on the page using layers to enforce as much control over the final rendering as possible.
In answer to your question, yes the browser 'knows' how it will lay the page out. However, you cannot access that data from within the browser (normally). Your options are either to use relative (traditional) or absolute (layer) layouts. Unless you communicate to the browser, via layers, how you want something exactly layed out, it will follow the W3C spec and some of its own assumptions.
- Saish

Similar Messages

  • CSS Layout Problem?

    Can someone please help me with a layout problem.
    As far as I can tell the page looks as it should in Netscape,
    Firefox, etc., but IE6 and 7 refuse to work correctly.
    The page I am working on is:
    http://www.vmtampademo.com/localangler/testpage.html
    Most of the picture caption and headline of the middle column
    is behind the picture. I attempted to force the info with a
    seperating div which seems to work sometimes. I doubt that this is
    the correct solution. What am I doing wrong?
    Thank you for the help!

    It looks fine in Firefox 2.0.0.1, Opera 9.10, and IE 7.

  • Reusing HTML layouts with new flvs

    I'm having issues with reusing html layouts for 'newsletter' type pages with updated text and video.  The new flvs don't appear when the updated page is posted to it's unique directory on the client server.
    I've narrowed the issue down to a possible problem with the AS_RunActiveContent.js file.  I need force Dreamweaver to create a new one when the layout is updated.  When I'm developing locally, it seems as though the page references the previously created js file.  When I post the preview to my server, the videos play.  But when I post the html page and image folder to new directory on the client server, the flvs disappear.  Copying the old js file to the new directory on the server doesn't work.
    How do I force Dreamweaver to create a new java script file when I update the content?  Or is there something else I need to do?
    Here's a quick rundown of the process:
    Open old html page and save as w new name in new local folder
    Update text and flvs (updated flvs by completely removing all content in table cell, not just updating the file name properties)
    Upload new folder to my host server
    Once approved, send folder to client
    Client posts folder to their server - and the flv's dissappear.
    Thanks for your help.
    Kristen

    I'm guessing you're using CS3 or earlier. DW does not create a new .js file if one already exists in a given path, nor does it need to.
    I am also guessing that the problem is related to paths. You should probably make all references to that script site-root relative (with the slash in front). ie:
    /Scripts/AS_RunActiveContent.js
    Then upload the Scripts folder to the root of the site. All files in subfolders will still find that script using with that link, including new folders.
    Does that make sense? If not, can you supply a link to one of these problem pages?
    Mark A. Boyd
    Keep-On-Learnin' :-)
    If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.

  • Omniportler HTML Layout - How do I pass a parameter to another page?

    How do I pass a parameter to another page from an HTML Layout like I can with the Tabular layout?

    If I have a parameter I can pass it from one page to another, i.e. if I have a list of customers and I want data for that particular customer alone, I can create a page parameter form or an omniportlet where I would then pass the value of that portlet to the page. I would use a string like the following: https://test.test.com/test/page?_pageid=536,7483646&_dad=portal&_schema=test&customer=##CUSTOMER_NAME##

  • Layout problem in PDF conversion

    Hi all,
    i am downloading spool data using the function module CONVERT_ABAPSPOOLJOB_2_PDF. But i am facing layout problem. e.g. RFBILA00(financial statement generation program) has written balancesheet data to the spool. This spool data has some 6 columns. but CONVERT_ABAPSPOOLJOB_2_PDF is writing only first 3 columns to the generated PDF file. i used 'GET_PRINT_PARAMETERS' function module also with values like layout as 'X_65_132' and 'X_90_120'. but no success. if anybody knows the answer, please let me know.
    Thanks in advance,
    Naveen

    Hi All,
    i am following the below approach to download the information from spool.
    program/spool output is an ALV List output data having 8 columns. but below approach is converting only first 5 columns in to PDF format. other 3 columns are getting truncated.
    FUNCTION /ngl/download_spoolinfo_as_pdf.
    ""Local Interface:
    *"  IMPORTING
    *"     REFERENCE(I_SPOOL_REQUEST) LIKE  TSP01-RQIDENT
    *"     REFERENCE(I_FILENAME) LIKE  RLGRAP-FILENAME
    *"  EXCEPTIONS
    *"      DOWNLOAD_ERROR
      TABLES tsp01.
      DATA: mtab_pdf LIKE tline OCCURS 0 WITH HEADER LINE,
            mc_filename LIKE rlgrap-filename.
      DATA: mstr_print_parms LIKE pri_params,
            mc_valid(1) TYPE c,
            mi_bytecount TYPE i.
      CALL FUNCTION 'GET_PRINT_PARAMETERS'
        EXPORTING
          copies                 = '1'
          cover_page             = space
          destination            = 'locl'
          expiration             = '1'
          immediately            = space
          mode                   = space
          new_list_id            = 'X'
          no_dialog              = 'X'
          user                   = sy-uname
          line_size              = 200
          line_count             = 65
         layout                 = 'X_65_200'
          layout                 = 'X_90_120'
          sap_cover_page         = 'X'
        IMPORTING
          out_parameters         = mstr_print_parms
          valid                  = mc_valid
        EXCEPTIONS
          archive_info_not_found = 1
          invalid_print_params   = 2
          invalid_archive_params = 3
          OTHERS                 = 4.
      IF sy-subrc EQ 0.
        CALL FUNCTION 'CONVERT_ABAPSPOOLJOB_2_PDF'
          EXPORTING
            src_spoolid              = i_spool_request
            no_dialog                = 'X'
            dst_device               = mstr_print_parms-pdest
          IMPORTING
            pdf_bytecount            = mi_bytecount
          TABLES
            pdf                      = mtab_pdf
          EXCEPTIONS
            err_no_abap_spooljob     = 1
            err_no_spooljob          = 2
            err_no_permission        = 3
            err_conv_not_possible    = 4
            err_bad_destdevice       = 5
            user_cancelled           = 6
            err_spoolerror           = 7
            err_temseerror           = 8
            err_btcjob_open_failed   = 9
            err_btcjob_submit_failed = 10
            err_btcjob_close_failed  = 11
            OTHERS                   = 12.
        IF sy-subrc EQ 0.
          mc_filename = i_filename.
          DATA: lv_filename TYPE string.
          lv_filename = i_filename.
          CALL FUNCTION 'GUI_DOWNLOAD'
            EXPORTING
              bin_filesize = mi_bytecount
              filename     = lv_filename
              filetype     = 'BIN'
            TABLES
              data_tab     = mtab_pdf
            EXCEPTIONS
              OTHERS       = 22.
          IF sy-subrc EQ 0.
            WRITE:/ mc_filename, 'CONVERTED TO PDF AND DOWNLOADED'.
          ELSE.
            WRITE:/ 'PROBLEM WITH DOWNLOAD'.
            RAISE download_error.
          ENDIF.
        ELSE.
          WRITE:/ 'PROBLEM WITH PDF CONVERSION'.
          RAISE download_error.
        ENDIF.
      ELSE.
        WRITE:/ 'PROBLEM GETTING PRINT PARAMETERS'.
        RAISE download_error.
      ENDIF.
    ENDFUNCTION.

  • Layout problem - multiple repeating frames

    Hi, I have a layout problem, pls help!
    Short report description:
    - Repeating Frame1 - gives 1 record, contains all other frames, variable vertical elasticity
    - - Frame2 - contains all frames beneath - variable vertical elasticity
    - - - Frame3 - variable vertical elasticity
    - - - - some boilerplates
    - - - - Repeating Frame 2 - various number of records, fixed vertical elasticity, height 100
    - - - - Repeating Frame 3 - various number of records, fixed vertical elasticity, height 30
    - - - - .. other repeating frames ..
    When reaching the bottom of a page, and there is not enough room to print a record for Repeating frame 2, a record from Repeating frame 3 is printed in the bottom.
    Next page starts with the remaining records from Repeating frame 2.. and then the remaining records from Repeating frame 3.
    For example:
    Page 1:
    Rep frame 2 - Record 1
    Rep frame 2 - Record 2
    Rep frame 2 - Record 3
    Rep frame 3 - Record 1 -- not enough space to print Record 4, so this record is printed
    Page 2:
    Rep frame 2 - Record 4
    Rep frame 2 - Record 5
    Rep frame 3 - Record 2
    How can i ensure that all records from Rep frame 2 is printed before records from Rep frame 3?

    Hi, thanks for helping me out!
    I tried to use anchors, but they had no effect when connecting top of 3 to bottom of 2, got the same layout.
    I then tried to create frames with vertical elasticity expand around both rep frame 2 and rep frame 3, and it seems to do the job.
    - Repeating Frame1 - gives 1 record, contains all other frames, variable vertical elasticity
    - - Frame2 - contains all frames beneath - variable vertical elasticity
    - - - Frame3 - variable vertical elasticity
    - - - - some boilerplates
    - - - - Frame 4 - vertical elasticity expand
    - - - - - - Repeating Frame 2 - various number of records, fixed vertical elasticity, height 100
    - - - - Frame 5 - vertical elasticity expand
    - - - - - - Repeating Frame 3 - various number of records, fixed vertical elasticity, height 30
    and so on..
    Thanks again

  • Layout Problem in swings

    I have an Layout problem. My Applications consists of a label and a panel in which some more labels are present.
    The panel should contain the scrollbar in order to view all the label that excced the size of the panel.This label and a panel should be adjacent to each other.
    My problem is, I am not getting the scroll bar to the panel when I am adding the label that excced the size of the panel, when I am adding the label adjacent to this label.

    Did you use JScrollPanel? If not, use it.

  • [solved] layout problem in amarok 2.02

    Hi,
    Here, I have a bad layout problem with amarok 2.02. Amarok does not fit on my screen which is 1400 pixels large! I cannot reduce the part where the collection is shown. So that it is really unpractical to use.
    I uploaded a snapshot to illustrate the problem (it is the full screen!):
    emmanuelfavrenicolin.free.fr/Public/Sna … ok202.jpeg
    Someone have the same problem ?
    I tried to install svn version but I stopped after 3 hours of compilation, it is quite a big application.
    Last edited by manouchk (2009-05-23 06:28:43)

    Well, I tried amarok2-devel 2.0.90-1 but the problem of graphic layout remains similar, no improvement. Is it normall? Maybe amarok is only available for computer with screen >= 1600x1200  or is there an hidden configuration file where I could tweek this?
    Last edited by manouchk (2009-05-18 02:41:03)

  • Urgent: Layout problem in "light inner page"

    Hi Experts,
    I am facing a problem in portal content area on external facing portal. I see a vertical scroll bar which restricts application from being displayed on entire screen.
    I am getting this problem after a patching of EP 7.0, before patching every thing was running fine.
    To me it looks like a layout problem in "light inner page", When I use "Light - 1: column (Full width)" layout I get a vertical scroll bar on portal. When I use default layout then this vertical scroll bar disappears but I see an empty navigation bar on left side which is not required.
    Can some one advise a solution for this.
    -Lave

    hi,
    Similar problem in this thread. check it out
    Desktop inner page lost
    Regardss,
    Ganesh N

  • BUG - Omniportlet 10.1.4 with HTML layout ??

    Steps to reproduce:
    1. Create an OmniPortlet instance which is based on a SQL statement
    2. Use the following SQL
    select :BIND1 as MY_BIND1 from dual
    3. Define the bind variable BIND1 as tied to ##Param1##
    4. Give Param1 a default value= "MY_PARAM"
    5. Step through to the LAYOUT portion of the wizzard and choose HTML layout
    (10.1.4)
    6. Use the following layout for the header
    <TABLE BORDER='0' WIDTH="100%">
    <TR CLASS='PortletSubHeaderColor'>
    <TH CLASS='PortletHeading1'>MY_BIND1</TH>
    <TH CLASS='PortletHeading1'>##Param1##</TH>
    </TR>
    7. Use the following layout for the repeading section
    <TR CLASS='PortletText1'>
    <TD>##MY_BIND1##</TD>
    <TD>##Param1##</TD>
    </TR>
    8. Default all other sections.
    The results show as
    MY_BIND1 MY_PARAM
    MY_PARAM
    There is no data showing in the REPEATING section for the ##Param1##
    placeholder.
    Is this a known bug or a new thing?
    Regards,
    Tim

    Hi Tim,
    This is a know issue, the bug has already been logged. Parameters(param1, param2 etc) works only on Non Repeating Heading Section, but not in Repeating Section and Non Repeating Footer Section.
    Thanks,
    Seshan K.

  • Posterous blog HTML Snippet problem - not all of blog is showing up...

    Good morning all! So I was looking for a solution for our newly formed website (I'm a novice) where I could have multiple users update our blog page without having to use iWeb to do it. I read up on Posterous and it appears this would be an ideal solution. So I found some code from another Apple Discussions poster, Alancito, that would pull my Posterous blog directly into the iWeb page I created. Well it has done that, sort of...
    I see the header from the blog, but the content isn't visable. Well, actually if you highlight the header or "blog differently" and then hold down like you're scrolling down the page, the info is there. But the HTML snippet always cuts it off. Even if I expand the size of the snippet in iWeb, it ALWAYS reverts back to this same size.
    I'm in a bind here and could really use some help.
    Here's the blog page address: http://www.sporkfoodwagon.com/SporkFoodWagon/Blog.html
    And here's the code I was provided.
    <iframe height="100%" allow transparency="true" frameborder="0" scrolling="no" style="width:100%;border=none" src="http://sporkfoodwagon.posterous.com/"></iframe>
    Message was edited by: andrewrichardson

    Andrew ~ Perhaps someone will suggest a solution to the HTML Snippet problem, but meanwhile, with this recent improvement to Posterous:
    http://blog.posterous.com/posterous-unveils-pages
    ...perhaps you don't need an iWeb site at all. If you must have one, consider linking to your Posterous blog directly from iWeb's navigation bar:
    Create a blank internal page titled "Blog" (actually you can name the page whatever you want.) Then in that Blog page add an HTML Snippet with the following code:
    <script type="text/javascript">
    parent.window.location = "http://www.yourblogname.com"; // change this to your own URL
    </script>
    ...Once published, clicking on "Blog" in the navbar will immediately redirect to your external Blog page. (Thanks to Cyclosaurus for the code).
    And to return from Posterous back to your iWeb site:
    http://blog.posterous.com/pages-20-add-links-to-your-sidebar

  • Html link problem...

    Hey!
    Just wanned to say to those who answered my post on html link problems, that the problems I had were actualy because of the jdk version! I had jdk1.2 and now I have 1.3 and it works just fine.
    thanx a lot to everyone who tried to help!!!

    hehe i saw the topic "html link problem" posted by amidala and i thought " oh my god is she still struggling!" ;P
    Kewl 'twas not a problem!

  • Putting Bridge web gallery in html layout

    I've created a flash web gallery in Bridge and I'm trying to
    figure out how to insert it into my html layout. I'd like to keep
    the header and navigation of my html layout, but in the "content"
    section insert the flash gallery. I tried just putting the .swf
    file in, but it can't find the images.
    thanks,
    Andrew

    The original photo gallery is:
    http://www.bethanyjanedavies.com/portfolio.html
    You can see that the right side is chopped off
    But I may have to compromise and use:
    http://www.bethanyjanedavies.com/portfolio2.html
    This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
    Cheers
    Helen

  • Div layout problem

    Hi - stuck on what I think should be a fairly basic layout problem:
    I have 2 divs, equal widths but varying heights, one floated to the left and one to the right so that they appear next to eachother on the page.  The one on the left contains varying amounts of text, the one on the right contains a flash player so never varies.
    Where the text for the left div is long, I want it to start off next to the player, but then flow beneath it rather than continuing downwards at the same width as the div.  If I remove the width of the left div, so that it reverts to the container width, the player div positions itself below it, so I can't work out how to get the effect.
    Can anyone help?

    Hi,
    hope I understood in the right way: I used (translated from German DW) "modify table" and so I got one more row and two columns in your Main_Content. In one of the new columns I copied the image and beneath I took the text (you now can replace with image and text of your choice), like this:
    If that's not a help for your question, please ask me again.
    What concerns the width of the pictures, I would format them with PS or a similar program in the same wide.
    Hans-G.

  • ADF Mobile: layout problems

    Hi,
    Trying to do this very simple layout with amx:panelGroupLayout fails.
    The halign="start" in a nested amx:panelGroupLayout is not working, halign="start" is centered, halign="end" works!
    Here is the code for my page:
    <?xml version="1.0" encoding="UTF-8" ?>
    <amx:view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:amx="http://xmlns.oracle.com/adf/mf/amx"
    xmlns:dvtm="http://xmlns.oracle.com/adf/mf/amx/dvt">
    <amx:panelPage id="pp1">
    <amx:panelGroupLayout id="pgl1" inlineStyle="width:100%;" halign="center">
    <amx:panelGroupLayout id="pgl2" inlineStyle="width:100%;" halign="start" layout="vertical">
    <amx:outputText value="start" id="ot2"/>
    </amx:panelGroupLayout>
    <amx:panelGroupLayout id="pgl3" inlineStyle="width:100%;" halign="end" layout="vertical">
    <amx:outputText value="end" id="ot1"/>
    </amx:panelGroupLayout>
    <amx:panelGroupLayout id="pgl4" inlineStyle="width:100%;" halign="center" layout="vertical">
    <amx:outputText value="center" id="ot3"/>
    </amx:panelGroupLayout>
    </amx:panelGroupLayout>
    </amx:panelPage>
    </amx:view>
    Edited by: user11345344 on 2013-01-27 00:31

    Hi Frank,
    Not sure i follow that. Let me try with this one,
    I am trying to center a amx:panelGroupLayout in the middle of the page no mater the width og the page (common html layout on the web).
    In that centerede page i have amx:panelGroupLayout´s some which aligne start and some which align center.
    If i remove the halign="center" from the outermost panelgroup the inner aligns work but the amx:panelGroupLayout is then no longer centerede.
    <?xml version="1.0" encoding="UTF-8" ?>
    <amx:view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:amx="http://xmlns.oracle.com/adf/mf/amx" xmlns:dvtm="http://xmlns.oracle.com/adf/mf/amx/dvt">
    <amx:panelPage id="pp1">
    <amx:panelGroupLayout id="pgl1" inlineStyle="width:100%;" halign="center" >
    <amx:panelGroupLayout id="pgl5" inlineStyle="width:150px;">
    <amx:panelGroupLayout id="pgl2" inlineStyle="width:100%;" halign="start" layout="vertical">
    <amx:outputText value="start" id="ot2"/>
    </amx:panelGroupLayout>
    <amx:panelGroupLayout id="pgl3" inlineStyle="width:100%;" halign="end" layout="vertical">
    <amx:outputText value="end" id="ot1"/>
    </amx:panelGroupLayout>
    <amx:panelGroupLayout id="pgl4" inlineStyle="width:100%;" halign="center" layout="vertical">
    <amx:outputText value="center" id="ot3"/>
    </amx:panelGroupLayout>
    </amx:panelGroupLayout>
    </amx:panelGroupLayout>
    </amx:panelPage>
    </amx:view>

Maybe you are looking for

  • Ipod no longer beeps on push alearts?

    Hi all, when ever i receive a new message or any push notification, i can only here it through speakers/head phones. It used to beep whenever i got one, it still beeps for an alarm or timer. 1st gen 8gb with iphone OS 3.1.1

  • How to Disable File Listing of UCM Content in WebCenter

    Hi Experts, We have a WebCenter custom portal application integrate with UCM. UCM hosts all static HTMLs, images, files for download, etc and WebCenter is provided the following link to access the html, images, etc. http://host/PortalApp/content/conn

  • Problems with Signed Applets

    Hello ! I have an applet program that displays the content of a batch file in the Applet window. To sign the Applet I have converted the corresponding class file to a jar . Then using keytool & jarsigner... I had signed it . I tried to restrict the e

  • Partitioning design question

    I'm investigating partitioning one or more tables in our schema to see if that will speed performance for some of our queries. I'm wondering if the following structure is viable, however. Table structure - this is a snippet of relevant info: CREATE T

  • JBO-25002

    I added an attribute to a view object calling it 'Filingname'. I then checked selected in query, never updated, ALIAS FILINGNAME expression 'abc' checked queryable. Tested query was valid. Tried to use Business Components Data Form Wizard. If the new