Connect with Expertise | Find Experts, Get Answers, Share Insights

Setting alignment & css without using <table><tr><td> in <div>

C
 
Join Date: Sep 2006
Posts: 200
#1: Jan 23 '10
Good day, RamananKalirajan helped me with a great script to do a popup div.

The problem i now have is that the popup div within the div does not like any table><tr><td>, so itried using <div> in place of tr
but not working to create nicely div, What can i use?
all the bold text are the problem areas.

Expand|Select|Wrap|Line Numbers
  1.  
  2. <div id="light" class="white_content">
  3.     <div class="bgErrorMessage">
  4.        <table>   <-- <div> -->
  5.           <xsl:for-each... (xslt)            
  6.          <tr>  <-- <div> -->
  7.             <td><-- <div> -->
  8.     <xsl:call-template name="CreateObject">
  9.          <xsl:with-param name="Object" select="." />
  10.     </xsl:call-template>            
  11.              </td><-- <div> -->
  12.          </tr><-- <div> -->
  13.       </xsl:for-each>
  14.        <input type="button" value="close" onclick="closePopUp();"></input>
  15.     </table> <-- <div> -->
  16.   </div>
  17. </div>
  18.  

✓ answered by RamananKalirajan

Hi Ismail,
Hope this would help you,
Expand|Select|Wrap|Line Numbers
  1. <div id="light" class="white_content">
  2.     <div class="bgErrorMessage">
  3.        <div style="float:left;width:100%;">
  4.           <xsl:for-each... (xslt)            
  5.             <div style="float:left;width:100%;">
  6.                 <xsl:call-template name="CreateObject">
  7.                      <xsl:with-param name="Object" select="." />
  8.                 </xsl:call-template>            
  9.             </div>
  10.           </xsl:for-each>
  11.        <input type="button" value="close" onclick="closePopUp();"></input>
  12.     </div>
  13.   </div>
  14. </div>
Thanks and Regards
Ramanan Kalirajan

RamananKalirajan's Avatar
C
 
Join Date: Mar 2008
Location: Chennai - India
Posts: 513
#2: Jan 24 '10

re: Setting alignment & css without using <table><tr><td> in <div>


Hi Ismail,
Hope this would help you,
Expand|Select|Wrap|Line Numbers
  1. <div id="light" class="white_content">
  2.     <div class="bgErrorMessage">
  3.        <div style="float:left;width:100%;">
  4.           <xsl:for-each... (xslt)            
  5.             <div style="float:left;width:100%;">
  6.                 <xsl:call-template name="CreateObject">
  7.                      <xsl:with-param name="Object" select="." />
  8.                 </xsl:call-template>            
  9.             </div>
  10.           </xsl:for-each>
  11.        <input type="button" value="close" onclick="closePopUp();"></input>
  12.     </div>
  13.   </div>
  14. </div>
Thanks and Regards
Ramanan Kalirajan
C
 
Join Date: Sep 2006
Posts: 200
#3: Jan 24 '10

re: Setting alignment & css without using <table><tr><td> in <div>


Hi, Unfortunately no luck :(
I cant seem to create new row & align the objects, everything is in one column beneath each other.

I also would like create a more stylish div, with the Div Popup having a title bar, close image in right corner etc.

Please help
C
 
Join Date: Sep 2006
Posts: 200
#4: Jan 24 '10

re: Setting alignment & css without using <table><tr><td> in <div>


Thank You - i managed to get it going, i had to insert it within a new row<tr>

Do you know of any ideas of making the div stylish to look similar to a popup window with close icon & title?

Expand|Select|Wrap|Line Numbers
  1. <tr>
  2. <td>
  3.     <div id="light" class="white_content">
  4.         <div class="bgErrorMessage">                               <table border="1">
  5.       <xsl:for-each select="Activity/ObjectGroup[@type='default']/Object">
  6.  
acoder's Avatar
E
M
C
 
Join Date: Nov 2006
Location: UK
Posts: 14,979
#5: Jan 31 '10

re: Setting alignment & css without using <table><tr><td> in <div>


That's more an HTML/CSS question.
Reply