html - Add 2 Images To One Controlling -
I have a Ideally I would call it I have managed to get the left image above, but I did not understand how to go down. My CSS My HTML is and give it to me I need to bring the following image in the bottom right, which also allows the text to run as much as possible The image below is a duplicate which I showed after whom I am < P> you two Icons can also by images specified on the & lt; Div & gt; is that I would like to display 2 images. First of all, set one set to the left to the left and the other to the lower right.
& lt; Div & gt; so that the content settles in it and goes to the images.
.tab-content & gt; .tab-pane, .pill-content & gt; .pill-panel {display: none; Background-image: url ("../ images / brand / quotationOpen.JPG"); Repeat Background: No Repetition; Padding-top: 50px; Padding-left: 25px; }
& lt; Div class = "row" & gt; & Lt; Div class = "col-md-12" & gt; & Lt; Ul class = "nav nav-gp col-sm-3 col-md-4" & gt; & Lt; Li & gt; & Lt; A href = "# intelligent" data-toggle = "tablet" & gt; Intelligent & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#interested" data-toggle = "tablet" & gt; Doctrine & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# personal" data-toggle = "tablet" & gt; Individual & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#incent" data-toggle = "tablet" & gt; Focus & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#smooth" data-toggle = "tablet" & gt; Straightforward and & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#Energy" data-toggle = "tablet" & gt; Energetic & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div class = "tab-content call-sAM-9 colonel-MD-8" & gt; & Lt; Div class = "tab-panel active" & gt; & Lt; H2 & gt; Heading 2 & lt; / H2 & gt; & Lt; P & gt; The content here & lt; / P & gt; & Lt; / Div & gt; & Lt; Div class = "tab-panel" id = "intelligent" & gt; & Lt; H1 & gt; Title 1 & lt; / H1> & Lt; H2 & gt; Heading 2 & lt; / H2 & gt; & Lt; P & gt; The content here & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
div .
. Quote {background-image}: URL ("http://i.stack.imgur.com/kXynJ.jpg"), URL ("http://i.stack.imgur.com/aduet.jpg"); Background-Repeat: Non-repeat, non-repeat; Background-position: top left, bottom right; Height: 200 pixels; Width: 400px; }
& lt; Div class = "quote" & gt; This is some lesson. & Lt; / Div & gt;
Comments
Post a Comment