2014-11-14 3 views
0

Я работаю на этой странице: http://tinyurl.com/ok9wzroОсновное изображение появится в центре

Основное изображение (здание) смещается на левую сторону. Я хочу, чтобы он был хорошо выровнен (в центре) с содержимым ниже. Я хочу, чтобы он был похож на все размеры экрана.

Любая помощь будет высоко оценена.

Спасибо ..

Извините за ссылку, он работает только на нашей интрасети. Это мой код:

<header style="background-image:none; background-size: none;background-color:#fff; height:410px;border-bottom:none" > 
    <div style="width: 76%; margin: auto;"> 
     <div style="float: left; width: 8.5%;"></div> 
     <div style="float: left; width: 83%; display: table;margin: 0 auto;"> 
      <img src="http://abcde.com/images/image.jpg" style="display: block; margin-left: auto;margin-right: auto" width="" /> 
      <div class="outer-wrapper" style="padding:6% 1% 1% 18%; position:absolute"> 
        <div class="title" style="min-height: 0px; width: 66.15254%; position:absolute;margin-left:0px"> 
         <hgroup> 
          % if homepage_overlay_html: 
          ${homepage_overlay_html} 
          % else: 
          % if self.stanford_theme_enabled(): 
           <h1>${_("Free courses from <strong>{university_name}</strong>").format(university_name="VU")}</h1> 
          % else: 
           <h2>${_("Some text here")}</h2> 
          % endif 
           <h2>${_("For anyone, anywhere, anytime")}</h2> 
          % endif 
         </hgroup> 
        </div> 
       </div> 
     </div> 
     <div style="float: left; width: 8.5%;"></div> 
     <br style="clear: left;" /> 
    </div> 
    </header> 
+1

Ваша ссылка не работает , –

+0

что вы получаете на этой странице? – Anjum

+0

Сервер не найден –

ответ

2

не знаю, что ваш сценарий .. я предполагал и решение below.Hope это будет полезно для вас ...

#imgeId 
{ 
background:url(imagePath) no-repeat center center; 
height:200px; 
width:200px; 
} 

img{ 
    position: absolute; 
    margin: auto; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
} 
0
try this its useful to you your 
<p align="center"><img src="imgName.gif" alt="image description" height="100" width="100"></p> 
+0

Почему это полезно? объяснять – rayryeng

Смежные вопросы