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

  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. Печать страницы

    Здравствуйте! Ситуация такова. Строю первый в своей жизни Интернет-магазин, учусь так сказать... И вот, что у меня не получается: распечатать бланк заказа. Но не просто распечатать, а распечатать не открывая. Объясню. Есть страница заказа, site.ru/order/1, на которой расположена ссылка (или кнопка), нажатие которой приводит к печати (тут самое интересное!) файла site.ru/blank/1.jpg не открывая его. Возможно ли это?

    Asked by kolyuchy,

    0 votes
    8 answers

  2. совсем новичок: путь неясен

    Я очень хочу научиться верстке и программированию сайтов (я имею немалый опыт дизайна и верстке в полиграфии). Ну я просто запутался от количества и не системности информации в интернете по темам сайтостроения.Мне говорят не парься есть Adobe Dreamweaver - все просто, режешь свой фотошоповский дизайн и собираешь в Dreamweaver но я чувствую что это далеко далеко не все есть множество вещей которые знать необходимо, и я хочу и буду учиться и во всем этом разобраться). Но на данный момент я не знаю с чего начать и куда двигаться. Очень нужен просто совет. Заранее спасибо

    Asked by rill,

    0 votes
    3 answers

  3. Резиновые кнопки

    Доброго времени суток, сложилась интересная ситуация: Код HTML: Код CSS: Код java script: Проблема заключается в том что при слишком узком окне изображение находящиеся в .image_div вылетает за пределы дива и создается эффект как будто на кнопках нет этой "иконки", подозреваю это случается из-за того что явно не задана ширина дива. В Chrom и Safari это можно побороть используя свойство overflow, но в остальных браузерах приходиться извращаться прибегая к скрипту, а именно, устанавливать размер картинки явно. Проблема которую нужно решить: У заказчика по какой-то причине эти злосчастные кнопки все равно исчезают! 0_о... Я конечно понимаю экстрасенсов здесь нет но я уже с…

    Asked by XprogeR,

    0 votes
    5 answers

  4. Footer

    Неактуально,прошу закрить тему

    Asked by Mr.Black,

    0 votes
    0 answers

  5. Разместить блок (подвал) по центру снизу.

    Нужно разместить не фиксированный блок шириной 1000px по центру низа страницы. Атрибут "align" не предлагать.

    Asked by pxdude,

    0 votes
    10 answers

  6. Замена картинок от времени суток

    Нужно чтобы некоторые картинки менялись в зависимости от времени суток. днём - одна, ночью- другая. вот такой код: [i]<body class="img"> <div id="header"> <div id="head"> <a href="index.shtml"><img src="images/knopf/head.png" width="300" height="70" border="0" align="left" alt="andrey_logvin" /></a> <div id="kontakt"> <a href="ubermich.shtml"><img src="images/knopf/ich_bin24.png" width="24" height="24" border="0" alt="uber_mich" /></a> <a href="kontakt.shtml"><img src="images/knopf/post24.png" width="24" height="24" border="0" alt="post" /></a>[/i] Тут три картинки и их нвдо менять. П…

    Asked by Pomidoroff,

    0 votes
    3 answers

  7. Хак для Гуглчром чисто

    Не работает хак таким образом, чтоб изменяло что-то именно для браузера гуглхром. Если использовать это: body:nth-of-type(1) .ds{color:red;} @-moz-document url-prefix() .ds{color:black;} А потом: <span class="ds">Привет</span> Меняет текст на красный и в браузере Мозила и в браузере гуглхром, а мне нужно чисто для гуглчром чтоб меняло. Что делать?

    Asked by people2010,

    0 votes
    4 answers

  8. CSS меню

    Здравствуйте. Сделал меню на css с использованием списка Ul. Подскажите механизм, как в зависимости от открытой в данный момент ссылки меню, сделать ее активной (подсветить другим цветом например.), чтобы в каждой web-странице не прописывать активное меню, например как здесь: <li class="item_active"><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> Если напримев у меня 20 меню, то мне тогда придется в 20 web-страницах прописывать активное меню (class="item_active"). что очень неудобно. Спасибо.

    Asked by remlin,

    0 votes
    6 answers

  9. эм.. отдельно загружаемая область....

    Здравствуйте, я хотел бы узнать по поводу html css i php Как можно осуществить загрузку именно отдельной части сайта, допустим это будет библиотеке, с ссылками на книги с левой стороны, а верхняя часть Меню. Допустим я хочу чтобы при нажатии на ссылку эм.. ну пусть будет каталог книг, и чтобы грузилась не вся страничка а именно то поле в котором будет отображаться каталог... Как это осуществить? Буду благодарен...

    Asked by Lizeol,

    0 votes
    3 answers

  10. расположение блоков посередине в ИЕ

    Уважаемые форумчане! Помогите новичку. посмотрите эту страницу в мозилле всё хорошо, блоки располагаются по центру, а вот в ИЕ- страница была сдвинута на левый край, так как margin: o auto он не понимает Из всего,что пробовал, помогло только добавление к body в css text-align: center; Всё вроде бы нормально, но теперь содержимое и текст в блоках тоже весь по центру Мне это совсем ни к чему, надо как в мозилле. Начал пробовать править у каждого атрибута в отдельности отступы и поля: запутался и уже заболела голова. Вернул всё обратно. Может есть какое-то простое решение, чтобы фиксануть эту проблему? Вот нынешний css

    Asked by tenorishe,

    0 votes
    9 answers

  11. Пропадает Background

    Работаю над своим проетком на хостинге Ucoz. Работая с дизайном столкнулся с необъяснимой для меня проблемой... Ошибка в Html или в CSS я точно не знаю поэтому решил обратиться сюда за помощью. Пробл.ема заключается в том что по правой стороне сайта располагается блок навигации сайта, в Html'e он оформлен в форме таблицы. Сам блок работает прекрастно все ссылки на месте, с главной странице всё смотрится так как надо, но стоит перейти в любой из разделов (например в Форум) исчезает изображение заднего плана блока... Вот код данного блока <html> <head> <title>[TITLE]</title> <link type="text/css" rel="StyleSheet" href="/css/style.css" /> &…

    Asked by anvill,

    0 votes
    4 answers

  12. Верстка резиновых блоков

    Добрый день. Вопрос следующий: возможно ли такую верстку (см. рис.) реализовать на чистом CSS+HTML, и как?, (я реализовал но с помощью javascript, узнавая offset.width ширину блока с контентом и соответственно увеличивая резиновый блок под ним)

    Asked by vladimir_lwlx,

    0 votes
    11 answers

  13. timelines в Dreamweaver

    Худо, бедно локальный сайт создал с помощью Joomla, решил украсить его аниме с помощью timelines в Dreamweaver, все конечно по учебнику. Но вот незадача, в IE и Mozilla все работает, слои передвигаются, а в Opera стоят в исходном положении. В чем проблемма, друзья? <?php defined('_JEXEC') or die('Restricted access'); // no direct access require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php'; $document = null; if (isset($this)) $document = & $this; $baseUrl = $this->baseurl; $templateUrl = $this->baseurl . '/templates/' . $this->template; artxComponentWrapper($document); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//…

    Asked by victorz,

    0 votes
    4 answers

  14. эффект текста sharp как в фотошоп средствами CSS

    Дизайнер подкинул задачку... Наверняка, уже кто-то сталкивался, подскажите пожалуйста...

    Asked by ekosyakin,

    0 votes
    9 answers

  15. Bug с дивами в IE7

    Второй день мучаюсь с проблемой , чего уже только не перепробовал: в ie7 див наезжает на див. В остальных браузерах все работает нормально: Сам проект находится тут. http://rabota.4ital.ru/ie7bug/ Помогите плз советом, как решить эту проблему

    Asked by SimpleSign,

    0 votes
    5 answers

  16. h1-h4

    Подскажите пожалуйста, с помочу css можно задать высоту заголовков h1-h4? А то их высота в IE6 значительно отличается от других браузеров. Или подскажите другой способ борьбы с этим явлением.

    Asked by Alex&R,

    0 votes
    3 answers

  17. Подчеркивание ссылки

    .entry a{color: #363636; border-bottom: 1px dashed #006600;} .entry a:hover{text-decoration: none; border-bottom: 1px solid #006600;} no_dash a{text-decoration: none;} В блоке entry ссылки подчеркиваются пунктиром как сделать блок внутри entry, где ссылки никак не подчеркиваются <div class="no_dash"> - не помогает

    Asked by fowl,

    0 votes
    9 answers

  18. table в css

    Например, как можно задать рамку таблице в файле стиля?

    Asked by Sandr,

    0 votes
    10 answers

  19. Меню

    На моём сайте www.school-71.ucoz.ru сдвинулось меню и появилась какая то белая полоса, что это такое? И как можно это убрать?

    Asked by alessandrou,

    0 votes
    2 answers

  20. фон

    Извините за создание новой темы просто я новичок в html и хотел узнать как можно на сайте сделать чтобы на картинку накладывались страницы сайта вот так вот http://www.lostfilm.tv/

    Asked by alessandrou,

    0 votes
    11 answers

  21. IE и прыгающие блоки.

    Доброго времени суток. Есть табы, все бы ничего, но есть еще и эксплорер. При загрузке страницы - все хорошо. Но, стоит пошевелить мышкой на чем угодно, - дергаются табы, образуется брешь, которая так и остаётся. Внизу также две ссылки. Которая плавает справа - номально все. А левая, хоть никак не связана - при появлении зазора между табами наоборот теряет отступ в 200пикселей. Поставил relative left:200px; - помогло, но тем не менее. Ставил перекрытие стилей на все :hover во всех возможных комбинациях - не прошло. Можно поставить position: relative; overflow: hidden; тогда пропадает, но мне еще надо текущий таб поверх тени расположить.. http://beavers-net.narod.ru/…

    Asked by tt48,

    0 votes
    0 answers

  22. Текст диалога в HTML

    Есть необходимость оформить текст диалога между несколькими собеседниками. В настоящее время он сделан у меня так: <table width="100%" border="0" cellspacing="4"> <tr> <td width="15%">Собеседник 1:</td> <td width="85%">– Реплика 1.</td> </tr> <tr> <td>Собеседник 2:</td> <td>– Реплика 2.</td> </tr> <tr> <td>Собеседник 3:</td> <td>– Реплика 3.</td> </tr> </table> Выглядит как надо, но код несколько громоздкий. Особенно когда диалог очень большой. В HTML 5 появился элемент dialog, с которым это выглядит уже компактнее: <dialog> &lt…

    Asked by Pinguin,

    0 votes
    16 answers

  23. Замена значков форума.

    Добрый день форумчане. Помогите решить проблему. Есть форум (from-kpi.com.ua). Форум на phpbb, на phpbbguru мне подсказали все что касается движка, а тут остался чистый html и css. Если зайти на форум в первом разделе, вы увидите картинку, а чуть ниже еще картинку. Мне нужно сделать так: кусок кода ответсвенный за это вот: <li class="row"> <dl class="icon" style="background-image: url(<span class="forum-image">{forumrow.FORUM_IMAGE}</span>); background-repeat: no-repeat;"> <dt title="{forumrow.FORUM_FOLDER_IMG_ALT}"> <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} …

    Asked by armid,

    0 votes
    7 answers

  24. IFRAME

    думаю данный вопрос даже для начинающего будет легким (о себе: в "web" не бум бум )))) ЗАДАЧА. 1. Дано: <IFRAME src="http://www.ru"></IFRAME> 2. получаем: верхний - левый угол страницы 3. хочу что бы без моего вмешательства произошла автоматическая прокрутка на определенное кол-во пикселей например 4. т.е. 5. ВОПРОС какие магические заклинания нужно написать дополнительно к <IFRAME src="http://www.ru"></IFRAME> Всем спасибо ps надеюсь что вопрос поставлен верно и не требует уточнений. Жду заключения от докторов...

    Asked by adsl2000,

    0 votes
    1 answer

  25. Border. Самый удобный путь для достижения эффекта.

    В общем етсь у меня вот такая страница: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" > <meta name="description" content="Красивые картинки на рабочий стол и многое другое. Бесплатно, удобно, быстро." > <meta name="keywords" content="Красивые обои на рабочий стол, скачать обои, обои для рабочего стола, бесплатные обои" > <link href="design/style.css" type=text/css rel=stylesheet > <title>Красивые обои на рабочий стол</title> </head> <body> <img src="design/laminat.jpg" al…

    Asked by Dezmont,

    0 votes
    1 answer

  • Обсуждения

    • 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