Overlapping Div Side by Side

-
Place overlapping Div



Position:absolute; is main key for overlapping the Div on right side. To perform this it has to have container. less it will start floating on page


Leftdiv has text which is suppose to overlap text on right div upto certain width
Check for Working IIDAwards and zone page


 <div id="leftdiv" style="height:500px; width:400px; float:left;">

             <div id="textdiv" style="height:100px; width:450px; padding-top:20px; position:absolute;"                           class="staticpagetext" >

                    Zone / Region refers to the city in which the Project is located, without any reference
                    to the Participant's design office location.
             </div>  

             <div class="contentholder" style="margin-top:110px;">
                 <div class="imagebox"  style="background-image:url('./Images/W1.jpg');">              
                 </div>      
                 <div class="contentbox">
                    Mumbai & Thane
                 </div>
             </div>
 </div>



 <div id="rightdiv" style="float:left; background-image:url('./Images/Map.jpg'); height:414px; width:370px; background-repeat:no-repeat; ">          
 </div>                           
                    Mumbai & Thane            
background-repeat:no-repeat; ">          
             

Comments

Post a Comment

Popular posts from this blog

Shared / Static Class in vb.net/C#

-
Image
Shared / Static Class in vb.net/C# VB.net     : Shared C#            : Static You can’t create object of Shared Class Below Image show Properties and Method are not visible for Shared/Static Class Public Class Form1     Private Sub Button1_Click(sender As Object , e As EventArgs ) Handles Button1.Click         'Module is VB.net are Shared Type Class.         'Shared Class Example is ARC.Tools.GRIDManager         'When Class s Defined as Shared There no need to create object of Class.         'If you just want to create a class that you can't inherit, in C# you can use         ' Sealed, and in VB.Net use NotInheritable.         'The VB.Net equivalent of s...
Read more

Xamarin Forms - Change Colour of Navigation Bar (Page Title For Master-Detail Template)

-
Image
Change All Toolbar Bar Color (Toolbar is Actually Navigation Page) Navigation Page Title Colour can be Changed using Style Type in App.XAML Navigation Page Appears in case of Master-Details Template Type We need to create Global Style Type in APP.xaml Code :  <Style TargetType="NavigationPage">                           <Setter Property="BarBackgroundColor" Value="Color.LightGray"/> </Style>
Read more

Xamarin Forms : PopUp Page with RG.Plugins.Popup

-
Image
How to Show PopUp Page In Xamarin Forms Step 1 First, we need to add the Third Page Plugin to achieve the same. [ Rg.Plugins.Popup ] Go to Manage Nuget Packages - > Search for Rg.Plugins.Popup Once the plugin is installed in the Project We need to configure same in Android and IOS Projects In Android   - Go to MainActivity.cs Code:     Rg.Plugins.Popup. Popup .Init( this , savedInstanceState); In IOS –   Go to   - AppDelegate.cs Code : Rg.Plugins.Popup. Popup .Init(); Now Back to Main Project (PCL) Step – 1 :   Add Page in Project Once Added Page Change the Tag of Page Default Page has Content page as Tag which needs to be replaced with PopUpPage Class  :  Default Page:- Class < ContentPage  xmlns ="http://xamarin.com/schemas/2014/forms" Change To < pages : PopupPage  xmlns ="http://xamarin.com/schemas/2014/forms" This is how it should Lo...
Read more