html - Position of text in resonsive design -

-

I hope this is a very simple question for you people.

I have a responsive layout with background, centered in the center without the specified width attribute. Now I would like to make a partition which is right inside the background image.

Like this:

Enter image details here

# Reply to Jasper Senorst

This problem is .. It runs outside of the div

HTML => 

  & lt; Div class = "view_banner" style = "background: url ({$ header.headerimg}) center 0 no-repeat;" & Gt; {If $ header.copyright} & lt; Div class = "copyright" & gt; Cortez Cree Europe & lt; / Div & gt; {/ If} & lt; / Div & gt;

CSS => 

  .view_banner {status: relative; Width: 100%; Height: 476 px;} Copyright (Position: Absolute; Right: 0; Below: 0; Font-Size: 16px; Color: Black;}

Add relative position of the div with the background image.

pre-class = "snippet-code-css lang-css toppint-override"> #image_with_bg {place: relative; width: 200px; / * this * / height removal: 50px ; / * Remove the * / background-color: # ff0000;} #overlay_text {condition: full; correct: 0; bottom: 0; surface Premium Color: #fff;} 
  
 & lt

Comments

Post a Comment

Popular posts from this blog

c# - SignalR: "Protocol error: Unknown transport." when navigating to hub -

-
Image
I am trying to use the ASP.NET signal for the first time - here's what I did: created a new web Has been added to the project and the following signal R packages: I have created the following category: [Hub-name ("chat")] Public class ChatHub: Hub {Public Zero Halo () {Clients.All.hello ( ); }} and the following startup configuration: public partial class startup {public zero configuration (IAppBuilder app) {configure (app); App.MapSignalR (); }} However, whenever I navigate localhost: (port) / api / signalr / chat I get the following error: Protocol error: Unknown transport. I am running a new browser and trying different people so remove it from the API / URL, and just use the localhost: (potter) / signaller / Chat
Read more

Camel ProducerTemplate possible memory leak -

-
To some degree, this is a bit of a shot in the dark, but we have a process that is dramatically slow One day's course we have found that all the things running on the fuses begin to draw, but when we are running a specific process, JPPropellers are going on, I have found that the increase in magnetic usage increases over time. . Org.apache.camel.ProductTemplate.Send So my main question is, is the way in which the manufacturer product is being used here which is wrong / can this be a problem? exchange foo = new DefaultExchange (getCamelContext (), ExchangePattern.InOnly); Foo.getIn () setBody (obj). Root R = Exchange .getContext (). GetRoute ("do_something_fun"); Creator Template Template = exchange.getContext () CreateProducerTemplate (); Template.send (r.getEndpoint (), foo); Generally, you should not create a productive template on each request as described here: / P> However, because I do not have a complete picture of your application, so you can cr...
Read more

javascript - Adhering to a max length setting with jshint -

-
I get several recommendations to compile a maximum of 80 characters when writing javascript, e.g. Google, NPM, Node. JS, Crockford In some cases, though, I do not think how best to do this. MongoClient.connect ('mongodb: // localhost: 27017 / sampleDatabase', function (mistake, database) {if (err)} {throw error;} db = database;}); This will throw a jshint warning because it exceeds 80 characters. Now, do you choose to ignore the warning in this example, or instead choose an option for a solution like MongoClient.connect ('mongodb: // localhost: 27017 / sampleDatabase' , Function (err, database) {if (err) {throw error;} db = database;}); If you can reuse the url variable So, great option if this is a shot, as is often such a call, I would probably do something like this ... / * jslint sloppy: true, white: true, browser: True, maxlen: 80 * / / * global mongo client * / var dbarhh, db; DbErrHand = function (mistake, database) {if (err) {throw error; } ...
Read more