же CSS, так же ДИВ, появляются разные

эти два выглядят совершенно разные, несмотря на то, что они должны выглядеть так жеже CSS, так же ДИВ, появляются разные

<div id="sidebar"> 
     <a href="post.php"><img class="button" src="/media/post.png"/></img></a> 
     <a href="logout.php"><img class="button" src="/media/logout.png"></img></a> 
</div> 

<div id="sidebar"> 
     <input type="image" src="/media/submit.png" name = "submit" class="button" /> 
     <a href="logout.php"><img src="/media/logout.png" class="button" ></img></a> 
     <a href="main.php"><img src="/media/back.png" class="button" ></img></a> 
</div>

они находятся за пределами всех других divs/все остальное с помощью CSS, то </body> тег прямо под бот из них

#sidebar { 
    position: fixed; 
    display: block; 
    top: 20%; 
    width: 5px; 
    right: 100px; 
}

Если это означает, что угодно хромовые инструменты для разработчиков показывает между ними в <a> на одном из них, а не другой, и что создает разницу. если есть более приятный способ сделать ссылки на изображения, пожалуйста, дайте мне знать кстати.

Редактировать: Я должен был добавить, что это две разные страницы.

редактировать: Это был долбанные доктайп :(

никогда так много времени впустую спасибо всем в любом случае [=

источник

2013-02-21 Anonymous

вы закрываете тег изображения внутри себя в первом DIV – coder

Идентификаторы должны быть уникальными. Не используйте один и тот же идентификатор для нескольких элементов. – techfoobar

Используйте класс, если вы применяете стиль к нескольким div. – mumair

Это потому, что вы можете иметь только 1 идентификатор с таким же именем Рассмотрим... меняя их на классы или разные имена с селектором CSS, как

#sidebar1, #sidebar2{ 

}

источник

2013-02-21 05:02:36 Kolby

они находятся в разных файлах:/ – 2013-02-21 05:07:34

@ lilsheep Если эти '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' также говорит вам использовать уникальные 'id'. – ajp15243

You'hve закрыл img тег внутри себя, и вы пытаетесь закрыть его с </img>, а другой у вас есть два div's с same id, что не так.

Попробуйте дать unique id's или добавить class к ним, как показано

<div id="sidebar1" class="sidebar"> 
     <a href="post.php"><img class="button" src="/media/post.png"></img></a> 
     <a href="logout.php"><img class="button" src="/media/logout.png"></img></a> 
</div> 

<div id="sidebar2" class="sidebar"> 
    <input type="image" src="/media/submit.png" name = "submit" class="button" /> 
    <a href="logout.php"><img src="/media/logout.png" class="button" ></img></a> 
    <a href="main.php"><img src="/media/back.png" class="button" ></img></a> 
</div>

источник

2013-02-21 05:03:47 coder

Они будут выглядеть так же, если DOM идентификатор не совпадают.

попробовать

<div class="sidebar"> 
     <a href="post.php"><img class="button" src="/media/post.png"/></img></a> 
     <a href="logout.php"><img class="button" src="/media/logout.png"></img></a> 
</div> 

<div class="sidebar"> 
     <input type="image" src="/media/submit.png" name = "submit" class="button" /> 
     <a href="logout.php"><img src="/media/logout.png" class="button" ></img></a> 
     <a href="main.php"><img src="/media/back.png" class="button" ></img></a> 
</div>

CSS

.sidebar 
{ 
     position: fixed; 
     display: block; 
     top: 20%; 
     width: 5px; 
     right: 100px; 
}

источник

2013-02-21 05:10:20

Просто повторить то, что все остальные уже сказал ... использование класса вместо идентификатора. и вам не нужно закрывать теги img. вот jsFiddle с несколькими настройками для испытательных целей http://jsfiddle.net/cVMdM/1

обновленного HTML

<div class="sidebar"> 
     <a href="post.php"><img class="button" src="/media/post.png"/></a> 
     <a href="logout.php"><img class="button" src="/media/logout.png"/></a> 
</div> 

<div class="sidebar"> 
     <input type="image" src="/media/submit.png" name = "submit" class="button" /> 
    <a href="logout.php"><img src="/media/logout.png" class="button" /></a> 
    <a href="main.php"><img src="/media/back.png" class="button" /></a> 
</div>

обновленного CSS

.sidebar{}

источник

2013-02-21 05:14:31 lukeocom

/*CSS*/ 
.sidebar { 
     position: fixed; 
     display: block; 
     top: 20%; 
     width: 5px; 
     right: 100px; 
} 

<!-- HTML --> 

<div class="sidebar"> <!-- replace both "id" with "class" like this -->

источник

2013-02-21 05:18:53 mumair

же CSS, так же ДИВ, появляются разные

ответ

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