Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Верстка под Wordpress!

    Доброго времени суток форумчане Извините наперед, если не туда впихнул темку! Вопрос обстоит так, верстать та я умею, еще и научу))гг....но вот верстать по cms не знаю как это ваПще делаетсо! Взялся учить верстку под WP, но пока что безрезультатно(( Сильно вас прошу, кто знает, с чего начать, что почитать, напишите, или дайте линк! Только настоятельно прошу вас, ненужно писать сообщения такого типа как:"гугли, ищи в нете, почитай книжку" - я поэтому и прошу чтоб что то толковое дали, так как сам уже нагуглился по самое нехочу! И по ходу этого дела может и попадал на что то толковое, но не разобрался и так и не понял что это именно то что мне надо! Наперед всем спасибо за…

    Asked by Spidey,

    0 votes
    16 answers

  2. Как Clip подружить c упрямым ослом (IE)

    Доброй ночи... Вот сижу и думаю как же это подружить этого Clip с IE. Читал что место запитых нужно пробелы ставить но не помогло... Приведу пример всего что я делаю. Есть изображение квадратика. Квадратик я обрезаю с помощью клипа на четыре части получается четыре угла. Углы с верстались нормальна Вот пример стиля углов. /* на четыре угла приходится четыре дива вот с таким стилем*/ .jwb_Board_One, .jwb_Board_Two, .jwb_Board_Three, .jwb_Board_Four{ position:absolute; /* позиционирования элемента*/ width: 30px; /* ширина блока*/ height: 30px; /* высота блока */ background-image: url('../images/BoardAngles.png'); /* фоновое изображение тот самый квадратик */ z…

    Asked by Jumper,

    0 votes
    17 answers

  3. Тянучка и две картинки в ячейке

    Ребята, вопрос к профессионалам Вот доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Вот макет простой: Центральная часть фиксированная 800 пикселей, это таблично сверстаны сайт, при меньшем разрешении появляется горизонтальная прокрутка. Вопрос в чем, как сделать по бокам центральной части, чтобы к примеру если брать правый край (фон завитушки), вырезать центральную часть бокового фона он будет тянутся по высоте, а вверху и внизу соответственно картинки заканчивающие фон, они не тянутся? Подскажите, возможно ли это дивами реализоват…

    Asked by okunev2,

    0 votes
    12 answers

  4. Небольшая проблема со скриптом.

    Здравствуйте. У меня небо льшая проблема со скриптом. Сдлал его я сам, но использовал для этого похожий скрипт. Проблема в пустой строке между тегами <p>. Да, я читал что для этого есть коды, но у меня не получилось их вставить. Я надеюсь, что кто-нибудь мне поможет. Вот сам код: <DIV> <TABLE style="WIDTH: 100%"> <TBODY> <TR> <TD style="VERTICAL-ALIGN: top"> <P margin="0" padding="0" align=left vspace="0"><img src="http://csinfofan.ru/desing/post_old.gif"> <A href="$LAST_POST_URL$">$THREAD_TITLE$ </A></P> <P "margin=0" "padding=0" align=left "vspace=0"> <h5><A href="$THREAD_URL$">$A…

    Asked by art2rik,

    0 votes
    14 answers

  5. css наложение фона

    Привет всем. В общем проблема следующая - у меня есть один блок и несколько вложенных в него. Для этого блока я задаю фоновое изображение. В дочерних блоках фоновых изображений нет, а только цвет. Как мне сделать, чтобы это изображение (это прозрачный png) было видно во всех блоках? Сейчас видно только в родительскои блоке, а в дочерних за фоновым цветом ничего не видно: А должна видна быть вся девушка. Спасибо.

    Asked by expee,

    0 votes
    3 answers

  6. IE8 притворяется IE6

    У человека поехала верстка под IE8, проблема заключается в наличии css для IE6 в виде <!--[if lte IE 6]><link rel="stylesheet" href="/css/ie6style.css" type="text/css" /><![endif]--> который данный экземпляр IE8 не хочет игнорировать как оно положено, хотя работает в режиме IE8. Повторить это у себя не получается, возможно такое поведение из-за сторонних плагинов? Явно установлен mail.ru тулбар, остальные узнать пока не удалось )

    Asked by Regis,

    0 votes
    1 answer

  7. Почтовый шаблон

    Люди, помогите сделать почтовый шаблон Проблема в том, что mail.ru убирает стили и ставит свои (точнее мои элементы наследуют стили элементов страницы mail.ru) вот как отображается в оутглюке а вот как в mail.ru <table style="padding:0; margin:0;" height="100%" width="100%" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#F3EDD5" valign="top" align="right" style="vertical-align:top; text-align:right; padding:0;"><img src="/images/asia_template/left_palm.jpg"/></td> <td width="6px" background="/images/asia_template/v_separator.jpg" style="width:6px;"> </td> <td valign="top" width="728px" style="padding:0; widt…

    Asked by ShubaS,

    0 votes
    0 answers

  8. трёхколоночная вёрстка

    помогите ! есть два сайдбара, left и right (float:left и float:right соотв.) посреди них есть таблица, которая должна тянуться при растягивании сраницы что нужно ей прописать чтобы она растягивалась и при этом не лезла под сайдбары ( width:100% не работает )

    Asked by cardsmoney,

    0 votes
    2 answers

  9. DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?

    Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!

    Asked by Горыныч,

    0 votes
    6 answers

  10. Ошибка моя или narod.ru ?

    Уважаемые форумчане, я абсолютный новичок в сайтострении и у меня такая проблемма. Сайт созданный мною на аштмл не правильно отображаеться в Опере и ОгненнойЛисе, а в интернет екплорер отображаеться правильно. Делал на фронт пейдж и потом очистил от всякой дряни на Дриимвиевер. При просмотре с компа (не загрузив на народ.ру) всё и во всех браузерах отборажается правильно, а как только загрузил на народ ру, появляються какие то кракозябры в Опере и Лисе. Хочу отметить что и при загрузки на ucoz.ru получаеться тоже самое. Подскажите что я не сделал неправильно ? Вот ссылки на страницы которые неправильно отображаются. тут, тут и тут. Заранее благодарен. ( даже если не ответ…

    Asked by ledyanoy,

    0 votes
    7 answers

  11. Динамическая подстановка class

    <ul> <li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li> <li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li> </ul> Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался, дуамю примерно должно выглядеть так <script type="text/javascript"> function loadmenu() { var menuName = ....................... document.getElementById("test").class = .....; } </script> хотя помоему это не то

    Asked by slavok47,

    0 votes
    48 answers

  12. Таблица но на Дивах

    ту задался решением создать таблицу на дивах. в принципе все было хорошо до того момента пока не понадобилось настроить высоту при жестко заданной высоте и превышению текста был вариант либо спрятать переполнение либо в ручную настраивать высоту каждой строки (что совсем не вариант ) если кто сталкивался с такими вопросами и решил их подскажите как P.S. главная задача не использовать <TABLE> пример кода: CSS <style type="text/css"> #tbl{ width:100%; } .widtbl{ width:310px; border-top: 4px solid #000; } .bottom{ border-bottom: 3px solid #000; float: left; width: 310px; } .row_1{ width:50px; border-left: 4px solid #000; border-bottom: 1px solid #00…

    Asked by wcb-falcon,

    0 votes
    16 answers

  13. Отступы в таблице

    Здравствуйте! В общем хочу узнать как можно сделать отступы в таблице в одной колонке код примерно такой html: <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> 5555555555 </td> </tr> <tr> <td width="200px"> 5555555555 </td> <td width="*"> <div id="5">555555555</div> </td> <td width="200px"> 5555555555 </td> </tr> </table> css: #5 {padding-left:1em; padding-right:1em;} при такой верстке у меня появляется внизу страницы полоса прокрутки, но ее мне не надо, но надо в средней колонке сделать отступы от краев. как это м…

    Asked by dima1981m,

    0 votes
    13 answers

  14. Фоновая музыка на сайте

    Всем добрый вечер) у меня такая ситуация: возникла необходимость наладить на сайте фоновую музыку,но нужно как то обойти то,что когда перехожу на другую страницу-то музыка начинает играть сначала.Знаю что здесь или Аякс нужен,или Скрытый Фрейм.Аяксом не владею,но с Фреймом пытаюсь разобраться.Подскажите как его правильно использовать?Заранее спс большое)

    Asked by stardel,

    0 votes
    9 answers

  15. position: fixed ie6 bug

    Пришлось сегодня применять данное свойство оказалось ослик с ним не дружит нагугил три решения ява overflow: auto/height: 100% для боди и хтмл и экспрешеном первый - ненашел компактного решения во втором у меня жуткие глюки начались пока работает на экспрешене собственно вопрос может кто знает еще пути решения данного бага кроме описанных выше

    Asked by WalkMan,

    0 votes
    6 answers

  16. Проблемы с CSS background-image

    Не работает background-image css body { background-color: #000000; background-image: url("image/gr.jpg"); background-repeat: repeat-x; } html <html> <head> <title>Глвная</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <img src="images/01.jpg" alt"картинка"> </body> </html>

    Asked by kirillps,

    0 votes
    8 answers

  17. C чего лучше начать?

    Подскажите пожалуйста, я очень хочу научиться делать сайты, но даже не знаю с чего начать! Подскажите пожалуйста! Спасиба

    Asked by Иван Висильев,

    0 votes
    15 answers

  18. Поддомен в wamp

    У меня стоит wamp, там уже вшиты мускл и апач, т.е. в Program Files у меня нету никаких папок связанных с Апачем, и собстно говоря возникает вопрос....как на вампе сделать поддомен?сколько не мучался, не смог этого осуществить...писал уже не 1 раз, никто не помог...стоит ли включать vhost_alias_module при использовании поддомен?как грамотно на wamp настроить vhosts?какой из двух нужно настраивать? есть в ..\wamp\bin\apache\Apache2.2.11\conf\original\extra\ файлик httpd-vhosts.conf, но вот как же его настроить?или не его? т.к. есть в .\wamp\bin\apache\Apache2.2.11\conf\extra\ такой же файл) Очень уж хочется наблюдать форум по адресу forum.*.* =) тем более vBulletin скины (…

    Asked by LeoBit,

    0 votes
    3 answers

  19. Загрузка анимированного .gif из кеша браузера

    Доброго времени суток всем! Вопрос: Есть ли способ загружать анимированные .gif изображения из кеша браузера не теряя анимацию? Подробнее. Думаю известная проблема - если мы делаем при каких-то событиях мыши загрузку анимированных изображений, то анимацию мы будем видеть ровно до тех пор, пока изображение не закешируется браузером, обычно этих разов будет 1, если не предпринять доп. усилий. После кеширования мы будем видеть уже не анимированное изображение, а его последний кадр. Стандартное js-решение этой проблемы - добавление случайного числа к урлу загружаемой картинки, это приводит к загрузке изображения снова с сервера. В моем случае это решение содержит изъян: карти…

    Asked by Dima_2015,

    0 votes
    18 answers

  20. Разный стиль текста в текстовом поле

    Есть поисковая форма: <div id="buscar"> <form name="search" method="get" action="/search/"> <input type="text" id="search-text" name="q" value="поиск"/> <button id="button-buscar">Найти</button> </form> </div> Стиль у неё такой: #buscar {height:31px;margin-right:10px;display:inline;} #buscar * {height:25px;float:left;border:0;margin:0;padding:0;background-color:#fff;} #buscar #search-text {width:200px;height:25px;padding-left:3px;font-size:12px;font-weight:bold;font-family:Arial;color:#ccc;background-color:#fff;} #buscar button {padding-bottom:2px;border:0;margin-left:0px;line-height:22px;width:47px;font-weight:bold;font-family:…

    Asked by tematika,

    0 votes
    4 answers

  21. Проблемы с mozilla firefox: неправильно считает высоту DIV, заданную в процентах

    Сделал окошко по типу виндовского: чтоб можно было таскать, раскрывать и т.п... Сверстал, чтоб оно отображалось изначально на 80% от экрана. В опере и ИЕ работает как надо. А в фаерфоксе проблема: если текст вылазит за пределы окошка, то у div (с информацией, id=text) не появляется прокрутка (overflow), а он растягивается. При этом растягивая таблицу: Если текст не вылазит за пределы окна, то все норм. Походу, фаерфокс как-то по другому расчитывает размеры этого div-а. Как бы ему задать их, чтоб он их расчитывал? Похоже на проблему с IE (с его layout). У кого-нибудь подобные проблемы возникали? Пробовал задавать высоту у .window #content в пикселях. Работает: .window #c…

    Asked by terrasoff,

    0 votes
    0 answers

  22. Как форму вставить форму обратной связи на страницу сайта ?

    Как вставить форму обратной связи на страницу сайта ? И нужно ли вставлять этот код ? <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['message'])) {$message = $_POST['message'];} $address = 'neo_1978@mail.ru'; $sub = "Сообщение для администрации сайта"; $mes = "Автор назвался: $name \nУказал свой адрес: $email \nСодержание письма: $message"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = windows-1251\r\nFrom:$email"); if ($verify == 'true') { echo "<p>Сообщение отправлено"; } else { echo "<p>Сообщение не отправлено"; } ?>

    Asked by Alexey197825,

    0 votes
    6 answers

  23. Резиновый контент?

    Добрый день у меня возник такой вопрос как можно сделать резиновый контент. Например есть три колонки сверстаны блочным стилем (Левый блок, Контент, Правый блок) И если например в правом блоке нет ничего то контент должен увеличится в Право. Как это реализовать? Пример верстки см. ниже? Файл index.php <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> </head> <body> <!-- НАЧАЛО СТРАНИЦЫ --> <div id="jwb_Board"> <!-- ШАПКА САЙТА --> <div id="jwb_Header"><strong>Шапка Сайта</strong></div> <!-- END --> <!-- ОБЕРТКА КОНТЕНТА --> <div id=…

    Asked by Jumper,

    0 votes
    3 answers

  24. Как создать форму для Отправления сообщения администрации сайта ?

    Как создать форму для Отправления сообщения администрации сайта ?

    Asked by Alexey197825,

    0 votes
    6 answers

  25. Проблема с IE

    Помогите решить проблему с отображением таблицы в Internet Explorer. Вот как выглядит моя таблица с данными в IE: А вот как в остальных браузерах: Как можно решить проблему, чтобы правильно отображались эти строки: Код таблицы: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="left" valign="middle" class="toptitle"><a class="ltoptitle" href="$ENTRY_URL$">$TITLE$</a> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></td> </tr> <tr> <td width="156" rowspan="5" align="center" valign="top" class="fileposter"><img src="$SCREEN_URL$" alt="постер" width="150" border…

    Asked by _ZheKA_,

    0 votes
    3 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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

  I accept