Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to create rounded corners without divsHow to create rounded corners without divs
Previous
 
Next
New Post
4/28/2007 11:16 AM
 

Hello ,

I wanna make my containers rounded edges but i dont know how ,all resources are using div and  i want it using tabels ,

please need help

Here is the code in css and html :

 

/*
================================
 Container Styles for DotNetNuke
================================
*/  

.containermaster_blue {
      width: 70%;
      background-color: #f7f7f7;
      border-right: #c6c6c6 1px solid;
      border-top: #c6c6c6 1px solid;
      border-left: #c6c6c6 1px solid;
      border-bottom: #c6c6c6 1px solid;
      
      
}


.containerrow1_blue {
      background-image: url(gradient_LtBlue.jpg);
}
.containerrow2_blue {
      background-color: #ffffff;
}



-------------------------------------
HTML CODE
---------------------------------------

<%@ Register TagPrefix="dnn" TagName="TITLE" Src="~/Admin/Containers/Title.ascx" %>
<%@ Register TagPrefix="dnn" TagName="VISIBILITY" Src="~/Admin/Containers/Visibility.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON5" Src="~/Admin/Containers/ActionButton.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON1" Src="~/Admin/Containers/ActionButton.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON2" Src="~/Admin/Containers/ActionButton.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON3" Src="~/Admin/Containers/ActionButton.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON4" Src="~/Admin/Containers/ActionButton.ascx" %>

<table class="containermaster_blue" cellSpacing="0" cellPadding="1" align="center" border="0">
      <TR>
            <td class="containerrow1_blue">
                  <TABLE width="100%" border="0" cellpadding="1" cellspacing="0">
                        <TR>
                              <TD valign="middle" nowrap><dnn:ACTIONS runat="server" id="dnnACTIONS" /></TD>
                              <TD valign="middle" nowrap><dnn:ICON runat="server" id="dnnICON" /></TD>
                              <TD valign="middle" width="80%" nowrap>&nbsp;<dnn:TITLE runat="server" id="dnnTITLE" /></TD>
                              <TD valign="middle" nowrap><dnn:VISIBILITY runat="server" id="dnnVISIBILITY" /><dnn:ACTIONBUTTON5 runat="server" id="dnnACTIONBUTTON5" CommandName="ModuleHelp.Action" DisplayIcon="True" DisplayLink="False" /></TD>
                        </TR>
                  </TABLE>
            </td>
      </TR>
      <TR >
            <TD class="containerrow2_blue" id="ContentPane" runat="server" align="center"></TD>
      </TR>
      <TR>
            <TD class="containerrow2_blue">
                  <HR class="containermaster_blue">
                  <TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
                        <TR >
                              <TD align="left" valign="middle" nowrap><dnn:ACTIONBUTTON1 runat="server" id="dnnACTIONBUTTON1" CommandName="AddContent.Action" DisplayIcon="True"      DisplayLink="True" /></TD>
                              <TD align="right" valign="middle" nowrap><dnn:ACTIONBUTTON2 runat="server" id="dnnACTIONBUTTON2" CommandName="SyndicateModule.Action" DisplayIcon="True" DisplayLink="False" />&nbsp;<dnn:ACTIONBUTTON3 runat="server" id="dnnACTIONBUTTON3" CommandName="PrintModule.Action" DisplayIcon="True" DisplayLink="False" />&nbsp;<dnn:ACTIONBUTTON4 runat="server" id="dnnACTIONBUTTON4" CommandName="ModuleSettings.Action" DisplayIcon="True"      DisplayLink="False" />
                              
                              
                              </TD>
                              
                        </TR>
                        
                  </TABLE>
            </TD>
      </TR>
      
</table>

 

 

Thanks in advance

 
New Post
4/30/2007 2:26 AM
 

It's fairly simple with tables (easier the with div's):

like this (with the CSS background-images in red)

topleft background image topborder background image topleft background image
leftborder image

content

right border image
bottom background image bottomborder background image topleft background image

You just have to set the right height and with for the TD's in the container

Hope it's clear...

 
New Post
4/30/2007 3:40 AM
 

Hello Timo,

First thanks for quick response,

I already slice the container imgs ,but actually i dont know  exactly how to put it in tds and ,can u please explain in more details.

Thanks in advance

 
New Post
4/30/2007 4:31 AM
 

make sure, to set width for left and right column to the width of your image, as well as the height for your top and bottom row to the height of the background image. all other images can be reduced to minimium width (top and bottom center cells) or height (left or right middle cells), getting repeated to fill the actual size. HTH


Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
4/30/2007 5:47 AM
 

why i fix the width and height ,also  i will make it repeat in css?

Please can u give me a sample example on my code ?

Thanks in advance

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to create rounded corners without divsHow to create rounded corners without divs


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out