Ссылка коверкает код!

[ice72]

Добрый всем день/утро/вечер !

У меня вновь возникла проблема.

В общем зайдите на сайт: Не реклама!

Добавил ссылку после описания для приложения "Wormix", ссылка исковеркала все!

А хочу чтобы было так:

Вот само описание:

<h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p>
      <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p>
      <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p>
        <p>За 1 ход Вы должны нанести как можно <i>больше урона</I> другому "червячку".</p>
      <p>Главная цель игры заключается в уничтожении противника, при этом самому нужно остаться в живых!</p>
        <p><b>Игра Wormix вконтакте</b> очень затягивающая и интересная!</p>
        <br>
        <a href="http://www.vse-dlya-vkontakte.ru">Перейти на страницу приложения!</a>

[sigma77]

ice72,

<a class="swap" href="#"><c> <!-- Вот это что за фигня? -->
        <h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p>
      <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p>
      <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p>
        <p>За 1 ход Вы должны нанести как можно <i>больше урона</i> другому "червячку".</p>

      <p>Главная цель игры заключается в уничтожении противника, при этом самому нужно остаться в живых!</p>
        <p><b>Игра Wormix вконтакте</b> очень затягивающая и интересная!</p>
        <br>
        </c></a><!-- Вот это что за фигня? -->
<a href="http://www.vse-dlya-vkontakte.ru">Перейти на страницу приложения!</a>

[Vlad]

Исправьте для начала ошибки валидации, глядишь само устаканится.

[ice72]

ну вот вся вот эта конструкция с выбором приложений:

<div class="wrapper col3">
  <div id="gallery">
    <ul>
      <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li>
      <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span><img src="images/gallery/1.gif" width="950" height="370" alt="Приложения Вормикс вконтакте" />
      <DIV style="position: absolute; top: 50px; left: 260px; "><c>
        <h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p>
      <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p>
      <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p>
        <p>За 1 ход Вы должны нанести как можно <i>больше урона</I> другому "червячку".</p>
      <p>Главная цель игры заключается в уничтожении противника, при этом самому нужно остаться в живых!</p>
        <p><b>Игра Wormix вконтакте</b> очень затягивающая и интересная!</p>
        <br>
        <a href="http://www.vse-dlya-vkontakte.ru">Перейти на страницу приложения!</a>

      </DIV></c>
      </span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/2_s.gif" alt="" /><span><img src="images/gallery/2.gif" width="950" height="370" alt="Тюряга вк" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/3_s.gif" alt="" /><span><img src="images/gallery/3.gif" width="950" height="370" alt="Зомби ферма приложение" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/4_s.gif" alt="" /><span><img src="images/gallery/4.gif" width="950" height="370" alt="Уличные гонки игра" /></span></a></li>
      <li class="last"><a class="swap" href="#"><img src="images/gallery/5_s.gif" alt="" /><span><img src="images/gallery/5.gif" width="950" height="370" alt="Приложения Счастливый фермер" /></span></a></li>
    </ul>
  </div>
</div>

Edited August 26, 2011 by ice72

[rus]

ice72 вам уже sigma77 дала ответ на ваш вопрос.

[ice72]

rus, и куда я должен ее ответ вставлять?

Заменил свой код ее ответом. Результат гляньте.

[sigma77]

ice72,

А посмотреть код религия не позволяет? Я же указала на ошибки, которые нужно исправить.

[ice72]

sigma77, сори, но я туплю) Какой код религия? Исправь пожалуйста мои ошибки в данном коде.

[sigma77]

sigma77, сори, но я туплю) Какой код религия? Исправь пожалуйста мои ошибки в данном коде.

Я к тому, что всегда нужно смотреть, что копипастишь.

1) весь текст обернут <a class="swap" href="#">.

Мало того, что при указанном доктайпе так делать нельзя, так еще у класса swap стоит ограничение по ширине.

2) Что еще за новый тег <c>?

Исправленный вариант. И как сказал Влад, пройтись валидатором никогда не помешает

        <h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p>
      <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p>
      <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p>
        <p>За 1 ход Вы должны нанести как можно <i>больше урона</i> другому "червячку".</p>

      <p>Главная цель игры заключается в уничтожении противника, при этом самому нужно остаться в живых!</p>
        <p><b>Игра Wormix вконтакте</b> очень затягивающая и интересная!</p>
        <br>
<a href="http://www.vse-dlya-vkontakte.ru">Перейти на страницу приложения!</a>

[ice72]

sigma77, спасибо большое за объяснение, но я туплю вновь.

Исправленный твой код и мой код в 1-м сообщении ни чем не отличается!(

Вот код всей конструкции (выбор приложения):

<div class="wrapper col3">
  <div id="gallery">
    <ul>
      <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li>
      <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span><img src="images/gallery/1.gif" width="950" height="370" alt="Приложения Вормикс вконтакте" />
      <DIV style="position: absolute; top: 50px; left: 260px; ">
        <h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p>
      <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p>
      <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p>
        <p>За 1 ход Вы должны нанести как можно <i>больше урона</i> другому "червячку".</p>

      <p>Главная цель игры заключается в уничтожении противника, при этом самому нужно остаться в живых!</p>
        <p><b>Игра Wormix вконтакте</b> очень затягивающая и интересная!</p>
        <br>
<a href="http://www.vse-dlya-vkontakte.ru">Перейти на страницу приложения!</a>



      </DIV>

        </span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/2_s.gif" alt="" /><span><img src="images/gallery/2.gif" width="950" height="370" alt="Тюряга вк" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/3_s.gif" alt="" /><span><img src="images/gallery/3.gif" width="950" height="370" alt="Зомби ферма приложение" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/4_s.gif" alt="" /><span><img src="images/gallery/4.gif" width="950" height="370" alt="Уличные гонки игра" /></span></a></li>
      <li class="last"><a class="swap" href="#"><img src="images/gallery/5_s.gif" alt="" /><span><img src="images/gallery/5.gif" width="950" height="370" alt="Приложения Счастливый фермер" /></span></a></li>
    </ul>
  </div>
</div>

Прошу помочь мне в данной проблеме.

[sigma77]

<div class="wrapper col3">

<div id="gallery">

<ul>

<li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li>

<li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span><img src="images/gallery/1.gif" width="950" height="370" alt="Приложения Вормикс вконтакте" /></span></a>

<div style="position: absolute; top: 50px; left: 260px; ">

....

</div>

</span></a></li>

И еще раз повторяю, исправьте ошибки валидатора.

[ice72]

sigma77, ошибки валидатора начал исправлять. Вопрос по сообщению: то, что выделено красным, что с ним делать?

Как я понял снизу </span></a> - зачеркнуто, попробовал удалить. Такая ахинея происходит...

[rus]

ice72 любой каприз за ваши деньги, и в коммерческий раздел.

[sigma77]

sigma77, ошибки валидатора начал исправлять. Вопрос по сообщению: то, что выделено красным, что с ним делать?

Как я понял снизу </span></a> - зачеркнуто, попробовал удалить. Такая ахинея происходит...

Ничего с ним не надо делать. В коде показаны ошибки и как их следует исправить. Удали внизу </span></a> и закрой их уже правильно.

Нельзя вкладывать блочные элементы в строчные.

http://htmlbook.ru/samhtml/tipy-tegov/blochnye-elementy

http://htmlbook.ru/samhtml/tipy-tegov/strochnye-elementy

[ice72]

sigma77, сделал все как ты написала. Результат глянь)

[sigma77]

sigma77, сделал все как ты написала. Результат глянь)

И?

http://validator.w3.org/check?uri=http%3A%2F%2Fvse-dlya-vkontakte.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[ice72]

sigma77, исправил одну ошибку. Понять не могу как исправить 2 ошибки: </div> и ошибку: </form>

[ice72]

помогите пожалуйста!!

[Softlink]

помогите пожалуйста!!

ice72, у вас верстка этого проекта уже длится больше месяца, а вы никуда не сдвинулись. Может попробовать заново переверстать? С чувством, толком, расстановкой, понимая что откуда следует и как работает?

[ice72]

Softlink, у меня на данный момент всего лишь одна проблема! Остальное все нормально функционирует!