Jump to content

nazarlee

Newbie
  • Posts

    12
  • Joined

  • Last visited

nazarlee's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Добрый день уважаемые форумчане. При верстке страницы возникла следующая проблема в браузере IE: На странице имеется менюха, сверстанная следующий образом: HTML <ul id="steps_ul"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> CSS #steps_ul li { float:left; } #steps_ul li a { display:block; width:114px; height:99px; background-image:url(../images/general/steps_normal.png); background-repeat:no-repeat; Под ней расположен div блок (смотреть картинку) фиксированного размера. Насколько мне известно, когда элементу присваивается float, он становится блочным и вырывается из нормального потока. Следовательно все нижестоящие элементы должны занимать место плавающего. Так в принципе и происходит во всех браузерах, кроме IE. Взгляните пожалуйста на два прикрепленных jpg файла и вы всё поймете. Отсюдава вопрос: Как правильно выйти из этой ситуации? Как зделать так что бы, либо в IE нижестоящий блок занял место менюхи (как во второй картинке), либо может есть ещё варианты. IE: Другие браузеры:
  2. К сожалению мне не подходит CSS3. Ситуация такая, что нужно выкручиваться стандартными методами.
  3. Добрый день уважаемые форумчане. Возможно заголовок темы для кого-то прозвучит слишком вычурно, ибо он создаёт такие меню на раз-два. Дело в том, что я столкнулся с таким меню впервые. Меня вводят в замешательство косые правые и левые бордеры у элементов меню. Если не сложно, дайте пару советов, как верстать меню с таким вот необычным дизайном. К сообщению прилагаю две картинки: стандартное состояние и хавер (ссылки на альбом вконтакте). 1. http://vk.com/id167533842?z=photo167533842_281100254%2Fphotos167533842 2. http://vk.com/id167533842?z=photo167533842_281100253%2Fphotos167533842
  4. Всем привет. Код формы: <div id="contact-wrapper"> <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform"> <div> <label for="name"><strong>Name:</strong></label> <input type="text" size="50" name="contactname" id="contactname" value="" /> </div> <div> <label for="email"><strong>Email:</strong></label> <input type="text" size="50" name="email" id="email" value="" /> </div> <div> <label for="subject"><strong>Budget:</strong></label> <input type="text" size="50" name="subject" id="subject" value="" /> </div> <div> <label for="message"><strong>Message:</strong></label> <textarea rows="5" cols="50" name="message" id="message"></textarea> </div> <div id="go"> <a href="javascript:document.forms[0].submit( );"><img src="img/go_to.png" onmouseover="this.src='img/go_after.png' " onmouseout="this.src='img/go_to.png'" border="0"/></a> </div> </form> </div> Проблема первая: Не могу добиться кроссбраузерности по ширине между ячейками типа <input> и <textarea>. Прилагаю скрины.... А хотя нет не прилагаю. Не могу найти где аттач тут. Проблема вторая: Сейчас все ячейки идут одна за одной. Мне нужно, что бы текстовая область распологалась справа от первый 3-х ячеек. Понятно? padding-left - помог отодвинуть её в сторону. Но padding-top and buttom не работают здесь. Тоесть вверх подвинуть текстовую область так, что бы она была паралельно первым трем - НЕ ПОЛУЧАЕТСЯ. Как поступить? Можно как-то скрины добавить?
  5. Нет, не Javascript. Именно HTML. Я перед сном голову ломал, думал. Но мне сразу PHP алгоритмы разные в голову лезут. А тут главное условие - использовать HTML. Я уверен, что есть решение. Верстальщики и не из таких положений выходят
  6. Есть интересная задачка, которая имеет решения с помощью HTML, но к сожалению я пока не знаю какое. Нужен HTML код, который, при каждом обновлении страницы, должен выводить 4 разных GoogleAdsense объявления. Вернее он должен выводить одно из существующих 4 обьявлений в случайном (или алгоритмическом. Это не важно) порядке. С помощью PHP, естественно это зделать - раз плюнуть. Но вот с помощью HTML ... Спасибо. Я думаю это интересная жизненная ситуация для верстальщика или кодера...
  7. Добрый день, не знал где создать данную тему, поэтому открыл её в этом разделе. Описываю ситуацию: - Я обычно сначала полностью верстаю страницу и необходимый текст располагаю прямо среди кода. Потом, когда страница сверстана и работает корректно, я вырезаю весь текст (и т.п.), загоняю текст и всё необходимое в БД и уже оттуда подключаю контент на страницу. Тут-то и начинаются проблемы. При верстке на странице стояла кодировка UTF-8 и мой ФРАНЦУЗСКИЙ текст отображался корректно. После того как я текст запихнул в таблицу (со сравнением UTF8-GENERAL-CI) некоторые символы (такие как: ?,?,?) превратились в квадратики - ? При этом на странице осталась кодировка UTF-8. Я задался вопросом: ПОЧЕМУ ТАК? ПОЧЕМУ, когда текст расположен на самой странице среди кода под данной кодировкой, то он отображается корректно? ПОЧЕМУ, когда текст расположен в таблице БД под точно такой же кодировкой, то он отображается коряво? ПОСОВЕТУЙТЕ - Какую кодировку выбрать для ФРАНЦУЗСКОГО языка в таблице БД ???
  8. Не хочет у меня работать так, как нужно. Мне вообще нужно создать нечто подобное на индикатор загрузки сайта, но один раз при первом заходе на сайт. Но вместо gif нужно использовать flash.swf Ума не приложу как это реализовать... Вот это интро(при первой загрузке индексной страницы): http://simplyfitcanada.com/
  9. Простите, Вас не затруднит подробнее рассказать об этом методе? У меня кадров около 60 штук.
  10. Здравствуйте Всем. Есть конкретное задание - полностью продублировать Flash сайт используя обычную верстку, PHP, Java и сопутствующие языки. Оригинал (flash): http://simplyfitcanada.com/ Сверстанный дубликат (html, php, java...): http://simplyfitcanada.com/test Если вы пройдёте по ПЕРВОЙ ссылке, то уведите "site intro" на флеше. Там позирует парень на белом фоне. Только после этого загружается главная страница. Задача: Сделать такое же сайт-интро на новом сайте. Другими словами, сделать точно такое же вступление с позирующим парнем на новом сайте. Мне сказали, что это достаточно простая задача. Но я с таким раньше не сталкивался. ПРОШУ ВАШЕЙ ПОМОЩИ! Отвечу на любые вопросы, предоставлю код если нужно.
  11. Сейчас попробую. О результатах отпишусь Не помогло. Данная конструкция ксс тега читается и IE и остальными браузерами. Я говорю о: -margin-top: 15px;// и её вариации
  12. Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице имеют к примеру margin-top:-600px; и при этом в IE расположены по высоте именно там где и нужно. Что ж это получается, IE через раз считывает отриц.значения . В общем я запутался окончательно. Если нужно предоставлю любую часть кода. Мне бы хотя бы просто узнать в чём проблема? Может существуют какой-то красивый трюк, что бы подогнать упавшие блоки на место для IE? Очень рассчитываю на ваши советы. Буду благодарен любому мнению.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy