Перемещение div с изображением внутри?

Я посмотрел и посмотрел, но я просто не могу его найти. Пожалуйста, объясните, почему изображение в классе: secondimage в следующем коде не перемещается вообще. Не должны ли все divs двигаться одинаково, независимо от того, есть ли у них текст или изображения? Спасибо за любую помощь.Перемещение div с изображением внутри?

<head> 
<style> 
html, body{ 
    margin: 0; 
    height: height: 100%; 
    } 
h1, h2, h3{ 
    font-family: "Arial", Helvetica, sans-serif; 
} 
.topp{ 
    margin-right: 500px; 
    background-image: url('gamerbeta.jpg'); 
    background-color: fff; 
    width: 100%; 
    height: 450px; 
    float: top; 
    box-shadow: 3px 3px 4px black; 
} 

.second{ 
    position: relative; 
    top: 0px; 
    background-color: white; 
    width: 100%; 
    height: 450px; 
    box-shadow: 3px 3px 4px black; 
} 
.secondword{ 
    position:absolute; 
    top: -50px; 
    left: 450px; 
    font-size: 50px; 
} 
.secondp{ 
    position:absolute; 
    top: 10px; 
    left: 1100px; 
    text-align: center; 
.secondimage{ 
    position: absolute; 
    top: 50px; 
    left: 1200px; 
} 

    .third{ 
    position: relative; 
    background-color: white; 
    width: 100%; 
    height: 450px: 
    box-shadow: 1px 1px 4px black; 
    } 
</style> 
</head> 

<body> 
<div class=topp></div> 

<div class=second> 
    <div class=secondword><h1>BETA</h1></div> 
    <div class=secondp><h2>EXCLUSIVE ACHIEVEMENT<br>FOR JOINING BETA</h2></div> 
    <div class=secondimage><img src="test.jpg" alt=""></div> 
</div> 

<div class=third> 

</div> 

</body>

источник

2015-09-14 PathOfFenix

, где его нужно переместить? –

Я не понимаю, в чем ваш вопрос, и ваш CSS имеет опечатку в блоке '.secondp' (отсутствует'} '). – j08691

Я не понимаю, почему что-то должно «двигаться». Все приведенные выше коды статичны, код «переместить» не найден. – shaochuancs

Вам не хватает закрывающего кронштейна после класса «secondp». Надеюсь это поможет.

источник

2015-09-14 03:41:49

Похоже на синтаксическую ошибку. Первое, что я рекомендую делать до публикации, - это поиск ошибок или запуск кода через проверку/валидатор, например W3C. Он может творить чудеса, когда мы не поймаем наши ошибки. Попробуйте https://jigsaw.w3.org, и вы можете увидеть все проблемы с вашим css.

источник

2015-09-14 03:51:50 Phonebook45

Возможно, если вы закроете кронштейн} .secondp, который поможет. Также прочитайте об использовании позиции absolute, вам может быть лучше использовать relative

источник

2015-09-14 04:13:15 madeluccar

Перемещение div с изображением внутри?

ответ

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