2013-03-24 4 views
0

Мой код работал над редактором Tryit W3school, но не работает в браузере.Коробка не отображается css

Вот мой HTML:

<div align="center"> 
    <div class id="welcome"> 
     <iframe src="http://www.cartoonnetwork.com/games/adventuretime/righteousquest/game.swf" width="600" height="400" frameborder="0" marginheight="0" scrolling="no"></iframe><br/><br/> 
     <h1>Adventure Time:Righteous Quest</h1> 
    </div> 
</div> 

И Heres моего CSS:

.welcome{  
    border:1px solid white; 
    margin:0px; 
    color:#000000; 
    background:#ffffff;  
} 

Кроме того, я попытался его без сНа выравнивания и получает те же результаты.

Заранее благодарен!

+0

изменить цвет границы. – 2013-03-24 04:51:18

ответ

3

заменить

<div class id="welcome"> 

С

<div class="welcome"> 

, потому что вы использовали класс .welcome в CSS. если вы хотите использовать id, вам нужно указать свой css как #welcome.

+0

О боже, я не могу поверить, что не видел этого. Это было прямо передо мной, но спасибо, что указали это. – user2203843

+0

@ user2203843 его нормально все могут ошибиться, но я думаю, что теперь ваша проблема решена? –

+0

+1 за ваш вопрос, потому что сегодня у вас учиться. –

0

Проблема в вашем html. Вам нужно изменить:

<div class id="welcome"> 

в

<div class="welcome"> 

См Fiddle: http://jsfiddle.net/lflores/qWMHS/

+0

Тот же ответ дал далеко раньше. – 2013-03-24 04:58:18

+0

Я видел это после того, как я отправил свой ответ. Должно быть, я работал над скрипкой - надеюсь, это помогает человеку, который задал вопрос, поскольку он выглядит так, как будто он не знаком с HTML/CSS. – lflores

+0

Я на самом деле не новичок. Я не знаю, как я пропустил такую ​​крошечную ошибку, но уверяю вас. «Это просто случайность. – user2203843

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