responsive design - How to Vertically center images and text in CSS -

responsive design - How to Vertically center images and text in CSS -

Here I have it here and I have the header in the title, the picture in the footer and the middle of the photo which is placed at the top ... I do not know how to achieve this and I have already collected some things but there is no use. I hope here for your help (=

Link to JSfield:

HTML:

  & lt; body & gt; Lt; div id = "header" & gt; & lt; h1 & gt; test text but it is not within the actual div ...    Div id = "content" & gt; & lt; div id = "topcontent" & gt; img src = "http://www.curiousfix.com/wp-content/uploads/2013/06/only_god_forgives_xxlg- 2000x2964.jpg "id =" left ">   gt; & lt; / Div> & lt; / br & gt; & lt; div id = "botcontent" & Gt; & lt; div class = "slider container" & gt; & lt; div id = "area" & gt; & lt; div id = "knob" & gt; & lt; / div & gt; & lt; ; / Div> & lt; / div & gt; & lt; / div & gt; & lt; / div & gt; & lt; div id = "footer" & gt; & lt; img src = "http : //www.duv-ev.de/images/Leiste_Impressum_511x127_rgb-srgb_72.jpg "/> & Lt; / Div & gt;

CSS:

  body, html {height: 98%; } #header {height: 15.69%; Background color: gray; Line-height: 15.6 9%; } #header h1 {text-align: center; White color; Vertical-row: middle; } # Content {height: 71.16%; Left: 0; Margin-left: 15%; Margin-right: 15%; Correct: 0; } #topcontent {height: 56.245%; } .slidercontainer {width: 100%; } # Boss content {height: 43.755%; } IMG {max-height: 100%; } #footer {text-align: center; Background color: gray; Height: 13.15%; } # Left {float: left; Margin-left: 10%; Max-width: 30%; } #right (float: right; max-width: 30%; margin-right: 10%;} # MID {display: block; margin-left: auto; margin-right: auto; max-width: 10%;} #area {background: gray; height: 6em; width: 100%; boundary-radius: 1am;} #knob {height: 6em; width: 6 AM; background: orange; boundary-radius: 1 am;}   
 
 
 
    
      : Center; vertical-align: middle; width: 100%;}

I hope this helps.

Comments

Post a Comment

Popular Posts

devexpress - Check or uncheck checkbox on ASPxGridView OnSelectionChanged event -

I have a set of checkboxes that should be checked under a certain condition. Now, when I click on a row in a grid, the on-change event is removed. But when I try to change the property checked in the check box, nothing happens. Here's how I do it. Protected Zero RadGrid1_OnSelectionChanged (Object Sender, EventArgs E) {ASPxGridView Grid = (ASPxGridView) Sender; Object Value = Grid Getroolues (Grid FocusdoundX, "Estorse Access"); Bool AllAccess = Convert. ToBoolean (value); If (isAllAccess) {for (ii = 0; i & lt; RadGrid2.VisibleRowCount; i ++) {ASPxCheckBox chk = RadGrid2.FindRowCellTemplateControl (I, blank, "checkbox 1") as ASPxCheckBox; Chk.Checked = True; Chk.Attributes.Add ("Check", "Check"); }} And {// Other stuff}} I can only get the price which is only checking the problem, checking the check box, Did "try to add a feature but still nothing happens. any idea? Thanks!

firebird2.5 - What is the use of firebird.msg in firebird database -

I'm thinking of using Firebird with my application. I would like to know that the firebird.msg is used for the file. Is it an optional or compulsory file to include in your app installer package? firebird.msg contains firebird's actual error messages when an error occurs , Firebird only sends the error code and message parameters. The client library then sees the actual error message text in this file. Without the presence of this file (for firebird 2.5 and earlier its in a folder for fbclient.dll (or similar libraries), Firebird 3 and later the same folder In) errormessage will only report that it can not get the firebird.msg and error number. So you do not really need it, but if you need firebird clients or embedded libraries or want and if you want or want a meaningful error message from the firebird, then you should include it.

javascript - How to set the table width to parent div width in wordpress widget -

I am writing a plugin for WordPress and use a table layout in the widget wrapper to display rankings and game schedules. I am doing A line with all the information given is used in approximately 1000 pix width for a widget with a width of 260px or 360px, I want to leave less important information to display the most important information in a row. Due to interchangeable themes in WordPress, I do not know how many widgets will be in WordPress. and examples of my current theme, based on the available width, I want to display more or fewer columns to fill the row. My idea is to first set the width of the table in the inner width of the wrapping divis, that I can do this with something like $ ('# objects'). Width ($ ('# Object') .Parent (.) Width ()); Second, it is my goal that to display some columns per line, depending on the width of the row My questions: Is my planned way of accomplishing this by sending the width of the table as the parameter of the javasc

Powered by Blogger