CSS vs tables layout

Similar Questions

• Themes: Modern vs old, CSS vs tables etc.

  Hello
  
  Sometimes, we here on the old themes of the modern vs here on the forum. I interpret this as being those that use CSS for the layout of the control and those who use HTML tables. I have a few questions about this:
  
  1. What is the difference practice for a developer using a theme from Table vs CSS?
  2. which category each of these themes in 4 Apex falls?
  
  More generally, I think it would be great to see a quick review of the different themes regarding the benefits/drawbacks, what lack us, easy adaptation with screens of example in each theme. The small thumbnails in the theme selection screen do not give an easy impression of what a theme looks like in practice.
  
  Richard

  Richard,

  As Tobias pointed out, the main difference is a page structure for the most part based on tables (old themes) vs a DIV for the most part based structure in the new themes page. While the CSS has been used to the old themes as well, we have now moved much more elements of formatting in CSS and out patterns, reducing the HTML about half making it much less complex models and the pages real much lighter weight. And the more recent themes use a DOCTYPE, while the old themes do not have. The DOCTYPE calls essentially different versions of Internet Explorer to render pages in standard instead of quirks of Microsoft mode. This facilitates the creation of cross browser compatible templates and pages is much easier. Internet Explorer 6 is no longer supported by the manufacturer of the APEX and applications using the new themes. We will continue to modernize our themes and expect all the old themes - of course, they will continue to work, if you have older applications that use them or create new applications based on an older theme to an application.

  Kind regards
  Marc

• HTML CSS with tables

  Tables with CSS pages confuse me. Can someone help me?

  Here are my codes for my CSS and HTML page page.

  Page CSS:

  body, table, td, tr, th {}

  -font size: 13px;

  do-family: Verdana, Geneva, without serif.

  do-color: #333333;

  make-weight: normal;

  }

  {body

  background-color: #333;

  }

  a: link {}

  color: #999999;

  text-decoration: none;

  }

  a: visited {}

  text-decoration: none;

  color: #999999;

  }

  a: hover {}

  text-decoration: underline;

  color: 5259 # 1;

  }

  a: active {}

  text-decoration: none;

  color: #999999;

  }

  HTML page:

  < html >

  < head >

  < title > Corry Micronics < /title >

  < link rel = "stylesheet" href = "css.css" type = "text/css" > "

  < / head >

  < body >

  <! - Begin layout table - >

  < table align = "center" width = "899" border = "5" bordercolor = "#FFFFFF" bgcolor = "#FFFFFF" cellspacing = "5" cellpadding = "0" >

  < tr bgcolor = "#333333" >

  < th align = "left" > < font color = "#FFFFFF" > < font size = "+ 1" > < strong > Corry Micronics < facilities > < / police > < br >

  Specializing in filtered products

  < / make >

  < p align = 'right' > <!-content links-> < a href = "home.html" > home < /a > < a href = "about.html" > About Us < /a > < a href = "news.html" > News < /a > < a href = "engineering.html" > engineering < /a > < a href = "contact.html" > contact us < /a > < a href = "employment.html" > < /a > < a href = "request.html" > job application info < /a > < br >

  < /p > < /th >

  < /tr >

  < b >

  < th > <! - banner - > < img src = "features" width = "899" height = "329" > < /th > "

  < /tr >

  < tr align = "left" bgcolor = "#333333" >

  < th > < font color = "#FFFFFF" size = "1" > welcome < / police > < /th >

  < /tr >

  < tr align = "left" >

  < th > < color = "#333333" > <!-who we are-> Corry Micronics has been the production of electronic components since 1970. The company was created in response to the needs of the Ministry of defence of the United States. Today, our products are used in a multitude of sectors of activity: data transmission wireless, aerospace/avionics, cellular systems, telecommunications by satellites, computers and peripherals, electronic, semiconductor, Hardware Test subsets, broadband, cable TV, Telecom, electronics/appliances, automatic machinery systems, Marine systems and military car. < / police > < /th >

  < /tr >

  < tr align = "left" bgcolor = "#333333" >

  < th > < font color = "#FFFFFF" size = "1" > Products < / police > < /th >

  < /tr >

  < b >

  < th > <!-Begin produced Table-> < table width = "876" >

  < tr > < td align = "center" > < single p > < br >

  "Filter < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < / p > < table >

  "< td align ="center"> < p > several line filters < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < / p > < table >

  "< td align ="center"> < p > filters < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < / p > < table >

  < /tr >

  < b >

  < td align = "center" > < br > wave Guide

  "Components < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < table >

  "< td align ="center"> Products RF < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < table >

  "< td align ="center"> Ceramic < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < table >

  < /tr >

  < / table > <!-end products Table--> < /th >

  < /tr >

  < /table >

  <! - end layout table - >

  < p align = "center" > < font size = "-5" color = "#999999" > <! - author - >

  Copyright & copy; Corry Micronics 2004-2010. All rights reserved. < / police > < / p >

  < / body >

  < / html >

  I didn't know if it's possible or not to get all table styles (colors of police, backgrounds, sizes of fonts, line styles, table border, etc.) in a CSS page or not.

  You can, but you will need to create a bunch of hooks for CSS styles to grab HTML.

  See the following Table demos for my sense-

  http://ALT-Web.com/demos/CSS-Zebra-table.shtml

  http://ALT-Web.com/demos/CSS-3-color-table.shtml

  I think Murray is right, if YOU use tables, stick with HTML.  That said, this could be a golden opportunity for you to take the plunge and learn CSS positioning.  It is much more effective that provisions of tables and easier to manage later when you decide to change styles.

  Learn CSS positioning in 10 steps
  http://www.Barelyfitz.com/screencast/HTML-training/CSS/positioning/

  Good luck

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Lengths of table layout

  I am totally new to the Dreamweaver software and website. I took the online Dreamweaver training, but I'm still learning. I started to build my pages of layout tables and layout cells, because I created my designs in Photoshop and then sliced into cells. When I originally created my layout table, I use an image background, but thought I had a fixed width and height, but I added stuff to the page is longer and repeating the image. I don't see any other cell, which makes it longer and when I try to type in a length fixed it telling me I can't and automatically determines the length. But the background image is repeated below. I tried to learn this for hours, and I'm very, very frustrated. Help, please!
  

  Misfortune and wow. Thanks for the tips. I learned about lynda.com and they do not discuss tables and CSS, but the layout table seemed easier. I'm a designer, so my page layouts are images which are silo-ed and the drawings do not look like your typical grid contained in a box look. I commented on one of my coming soon to splash pages that the slices are visible in Internet explorer, but happening in Foxfire and Safari, Yes... I'm a mac person. So I can't actually test the page on explore until what I publish. This process does not seem easy to use.

• Creating form/table layout dynamically using different web services

  Hello
  
  I have the following requirement:
  We have a web service for each data center device control settings for this device. To update the settings we provide an ADF UI or the form layout table layout by using the web service.
  The number of servers being, it is not possible to create a different page for each web service.
  Thus, the requirement is to create a user interface where the user can give the location of the wsdl file and choose if he wants to see details in a formatting or the table layout and click on the button to view the details,
  Then, we need to read the web service and create control of data bindings, page links (in the binding container) and view the details on the user interface.
  
  Please let me know if this is possible or not.
  We create data programmatically control? We can add data connections to the container of link programmatically?
  We can make the data on the user interface bindings dynamically? Is there a public API is to create links by programming?
  
  or if control data and data links option is not available then is there any other alternative approach for it?
  
  Please help me in this. The pointers in this regard could greatly help me.
  
  Thank you
  Stephanie

  Hello

  assuming that the information that you provide to the servers are identical, you use a POJO that accesses the WSDL file by using a proxy client. Then, you can expose a common set of attributes on the POJO and list and generate a JavaBEan data control that you can build forms and lists. POJO basically will use you to transform the different web services in a format of individual business service.

  Frank

• CSS and tables

  I just starting to learn CSS and I'm a bit confused about the use of tables. When designing with CSS, always placing tables on your page, to organize the content, or you just to position the elements of positioning (absolute, fixed, static, float) of the CSS attributes?
  This question has a meaning? I've always used tables and nested tables to position my content, but it seems that with CSS, position yourself with orders...
  This is all pretty new to me... I'm sure a lot of other questions of beginners will take me.
  
  -Brad
  

  You know how with tables, you can add a padding to increase the space between the inside of the said table and its contents? You can then increase the space outside the table and whether to side with right margins?

  When you create a layout "Table-less" apply you this same type of development shaped a "div" instead of a table. Divs are similar to tables, but they come with no baggage - they are completely shaved.

  The big difference is that you can not divs with multiple columns or rows. In scenarios that require that, so you have to be a little creative so they fit.

  If you have $20 for once, I suggest strongly that watch you the series of Eric Meyer on "CSS web Design:

  http://MovieLibrary.Lynda.com/HTML/modPage.asp?ID=279

  Look forward to the back twice and you will be, I promise you.

• Can someone help me with the table layout please

  www.hunterstables.co.UK/pricelist1.html

  I am trying to create a table with an ordered list in my table.

  I have three rows and three columns. The first is my 'specifications' title that is correct.  The second row, I would like to have the titles of the product in bold, but as in the 'td' If make sure that "BOLD" then all the text will be "BOLD".

  My third row, trying to get my products in a list, so IE

  3 X 2 CLS TANALISED FRAMING

  4 X 2 TANALISED PERLINS TANALISED

  FINISHES of RABBETS of T & G 16MM, 12MM

  PROFILE BOX GALVANIZED STEEL ROOF

  2PI OVERLOOK STANDARD WITH SHED ROOF

  Can someone please!

  Thank you in advance.

  Copy and paste the css code and table:

  SPECIFICATIONS
  BUDGET 16mm T & G rabbets, ends 12mm (treated)	STANDARD 19mm T & G rabbets, finishes 15mm (treated)	PREMIUM 22mm T & G rabbets, ends 19mm (treated)
  3 x 2 CLS Tanalised framing 4 x 2 Tanalised Perlins Tanalised 16mm T & G rabbets, ends 12mm 2 pi in standard with shed roof overhang	3 x 2 CLS Tanalised framing 4 x 2 Tanalised Perlins Tanalised 16mm T & G rabbets, ends 12mm 2 pi in standard with shed roof overhang	3 x 2 CLS Tanalised framing 4 x 2 Tanalised Perlins Tanalised 16mm T & G rabbets, ends 12mm 2 pi in standard with shed roof overhang

• How to create a form of table layout using iterator?

  I want to make several elements in a table format using an iterator. Can someone guide me on how to align the different columns, as in a table?

  I can't use the built in table because I want to change the display later using javascript and the af:table component does not work with it.

  The table will be in a panelsplitter element. The code I have right now:

  <af:iterator id="i1"
                     value="#{bindings.DenormPlanLine1.collectionModel}"
                     var="row"
                     rows="#{bindings.DenormPlanLine1.rangeSize}">
                      <af:panelGroupLayout id="pg1" layout="horizontal"
                                           inlineStyle="width:800.0px;">
                        <f:facet name="separator">
                          <af:spacer width="5" height="1" />
                        </f:facet>
                        <af:outputText value="#{row.StartDate}"  styleClass="sDate"/>
                        <af:outputText value="#{row.FinishDate}" styleClass="fDate"/>
                        <af:outputText value="#{row.DenormWbsLevel}" styleClass="level"/>
                        <af:outputText value="#{row.DisplaySequence}" styleClass="dSequence"/>
                        <af:outputText value="#{row.ElementVersionId}" styleClass="elVersionId"/>
                        <af:outputText value="#{row.TaskType}" styleClass="taskType"/>
                        <af:outputText value="#{row.PercentComplete/100}" styleClass="percent">
                          <af:convertNumber type="percent" />
                        </af:outputText>
                      </af:panelGroupLayout>
                      <af:spacer width="100%" />
                      </af:iterator>
  

  User, please tell us your Jdev version!

  Check out this sample http://andrejusb.blogspot.de/2011/05/oracle-adf-11g-custom-table-pagination.html

  Timo

• Problem of ADF - Dashboard vs multiple components of Table layout

  I'm new to ADF, and I am trying to create a page with several components in ADF table for a dashboard. I did it 2 different ways:
  
  1. I created a panelDashboard with several panelBoxes to keep my table read-only components. (text removed to save space)
  < af:panelDashboard id = "pd1" columns = "1" rowHeight = "250px" >
  < af:panelBox text = "My current comments" id = "pb1" showDisclosure = "false" >
  < af:table value = "#{bindings." MyInProgRevwVR1.collectionModel} ">... < / af:table >"
  < / af:panelBox >
  < af:panelBox text = 'Process Engineering Peer comments assigned to me' id = 'pb2"showDisclosure ="false">
  < af:table value = "#{bindings." MyProcEngPeersR1.collectionModel} ">... < / af:table >"
  < / af:panelBox >
  < af:panelBox text = 'USQ comments assigned to me' id = 'pbUSQRevws' showDisclosure = "false" >
  < af:table value = "#{bindings." MYUSQRevwsR1.collectionModel} ">... < / af:table >"
  < / af:panelBox >
  < / af:panelDashboard >
  Questions: Works fine, except when I put showDisclosure 'true', then minimize one of the panelBoxes, it does not remove the extra space between the panelBoxes (of course the value of rowHeight 250px)
  
  2. I created a page layout using panelStretchLayout with several tables (extra text removed to save space)
  < af:panelStretchLayout id = "PSL1" >
  < f: facet name = "center" >
  < af:panelGroupLayout layout = "scroll" xmlns:af = "http://xmlns.oracle.com/adf/faces/rich" id = "pgl1" >
  < af:table value = "#{bindings." MyInProgRevwR1.collectionModel} ">... < / af:table >"
  < af:table value = "#{bindings." MyProcEngPeersR1.collectionModel} ">... < / af:table >"
  < / af:panelGroupLayout >
  < / af:panelStretchLayout >
  Questions: The problem here is that as soon as I add the second table, it encapsulates the elements of the array in a panelGroupLayout, which does not stretch its children. I tried to remove the panelGroupLayout, but then the page is not only to make. I tried to use several separators, because I need 4 tables, but this also encapsulates the separators in a panelGroupLayout, and I have the same problem.
  
  Here, any help would be greatly appreciated
  
  Thank you
  Michelle

  Here is the example with just the help of panegrouplayout and AFStretchWidth class delivered to the table.

  
  
  
  showDisclosure = "true" >
  
  styleClass = "AFStretchWidth" >
  ...
  
  ID = "c1" >
  
  ID = "ot1" / >
  
  
  
  
  ID = "pb2" showDisclosure = "true" >
  
  styleClass = "AFStretchWidth" >
  
  ID = "c6" >
  
  ID = "ot6" / >
  
  
  
  
  ID = "pbUSQRevws" showDisclosure = "true" >
  
  styleClass = "AFStretchWidth" >
  
  ID = "c11" >
  
  ID = "ot11" / >
  
  
  
  
  

• Problems with table - layout

  Is it possible to set up a model for tables within a project - borders, shading, same size, that kind of thing? You can do this in the .css? I'm kind new to using .css, and mine is pretty basic right now.
  
  Thanks, Leisa

  See the tables on my site.

• Using CSS in tables

  Say I have a table 800 x 600 and apply using CSS background image, so I want to put some Coptic on this background image, is it better to simply copy and style with CSS or ask another table in the table 800 x 600, and then set the copy in the table?
  The reason is, for example I want a copy of a top margin and left of 50pixels, I need to add a CSS style to the copy inside the 800 x 600? or add a CSS style to a table inside the table of 800 x 600 and place the copy in the table?

  614mike wrote:

  > Say I have a table 800 x 600 and apply a background using CSS image, then I
  > want to define Coptic on this background image, is it better to just copy
  > Style it with CSS or place another table in the table 800 x 600 and then set
  > copy in the table?
  > Example the reason is that I want a copy of a margin top and left of 50pixels.
  > should I add a CSS style to the copy inside the 800 x 600? or add a CSS
  > style at a table inside the table of 800 x 600 and place the copy in the table?
  >

  Doesn't matter much. You can do this in different ways.

  (1) the cushion of the cell in the table with css and just kick it.

  (2) insert a

  in the table and give a certain margin using css.

  (3) as you suggest to insert a nested table and use css to give it some leeway

  (4) create css classes to your

  tags and make that same way if
  This is the least effective method.

• CSS Display table with the bottom border only

  Hi all
  I'm very bad in CSS, I seriously need a style.
  
  I want the table with the bottom border only
  
  I tried like
  < table frame = "below" cellpadding = "2px" cellspacing = "0" style = "overflow: scroll;" empty-cells: show; border: 1px solid #285577; "width ="350px"> ';
  
  but frame = 'below' does not work with IE - 7
  
  Please could give me a solution.
  
  Thanks in advance
  Good bye
  Sonny_starck

  Sonny_starck,

  I don't know what kind of table you need exactly but

  < table style = "" border-bottom: 1px solid #285577; ">"

  should do the job.

  Denes Kubicek
  -------------------------------------------------------------------
  http://deneskubicek.blogspot.com/
  http://www.Opal-consulting.de/training
  http://Apex.Oracle.com/pls/OTN/f?p=31517:1
  -------------------------------------------------------------------

• APEX 5 modal page: CSS for the layout does not work

  Hi experts,

  I have problem with CSS tag in the pages of the dialog box modal.

  If I use a few CSS changes for APEX DA label (for personal reasons), it works for a normal page.

  Example:

  standard page: label #P2_X_STATUS_LABEL {make-weight: 700}-works

  modal page: label #P3_X_STATUS_LABEL {make-weight: 700}-does not work

  
  

  I tried to change the style of firebug (color, background,...) for each element on a page modal. It does not work. Also with! important attribute. I checked the 'Get matching items' jQuery selector and it shows me the correct items.
  

  
  

  How is that possible?

  I upgraded from 4.2 and I need this feature (base), to the works. (for modal too)
  

  
  

  Concerning

  J
  

  It will help if you demonstrate your problem to apex.oracle.com.

  Please, create a workspace of comments and provide us with credentials in order to visualize and debug your question.

  Thank you

  Sunil Bhatia

• The table layout where the new line can be inserted / updated rest is read only

  Jdev Studio Edition Version 11.1.1.3.0.
  
  I have a (JSF) page that has table. My requirement is I need make the line as read only with the exception of the newline (created with the new button) as update / insert able. Please suggest a way around so that the user can only add records to the table but couldn't change all existing records in the table.
  
  Please advice.
  Thank you.
  
  S Chatterji.

  S. Chatterji,

  If you are using ADF business components, just go to the VO on which is based the table and brand every attribute as "Editable when new" only.

  John

• Problems of CSS Web site layout

  Hi guys,.

  I'm new to CSS, I have a lot of HTML knowledge and several programming languages, very nearly exceeded. I have an informational website that is several years old.

  www.woodgas.NET

  I used frontpage to make my website and make updates over the years. It's time for a face lift.

  I have dreamweaver CS5 installed and I have a devil of a time getting my page to do what I want. I am trying to style similar to a set of chassis of a blindfold and 3 columns. And a menu at the top of the Central column flydown. The left and right columns must be 160 X 600 and the Center to be centered between the right and left column.

  I want the banner to Center on the top of the page. And the columns left and right to move as far as possible to the edge away from my Center column display. This will keep my ads too far from my content as possible. My site was completely supported in my pocket and I'm hoping to generate a little income to keep the site updated.

  I don't want to use images, this would keep the new ads from loading as a person navigates to a new page on my site.

  Any help would be appreciated I am sure if you check out my current site, you will find two things, it's a pretty cool topic and it could use a facelift!

  Thank you

  Jonathan

  Your questions are wide enough, I might suggest you pop on http://www.w3schools.com and resume their beginning css tutorials.  I'm sure that you will find your answers after obtaining some basic css under your belt.

  Gary