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. Проблемы с кроссбраузерностью

    Сделал небольшой макетик сайта www.beavers-net.narod.ru Дизайн дефалтовый, т.е. случайные цвета- не в нём суть, вобщем, но комменты понему приму с радостью, хотя комментировать пока неча. Проблема возникла, когда открывается в ИЕ - байда у него с блоком и фоотером. Опера- всё ок. Хром- безжалостно оторвал футер. Сафари- тоже самое. Фаер..это вообще что-то непонятное...Он что, комменты совсем на дух не переносит? или это пагубное влияние присобаченного чёрти как блока рекламы? Ну и два итоговых вопроса - результаты валидации я понять не смог, увы . Второе - насколько болезненно мне обойдётся кроссбраузерность в данном случае- переделать весь макет сызнова или хаки мне в …

    Asked by tt48,

    0 votes
    2 answers

  2. position: fixed; как установить слой по центру окна браузера без отступов сверху и заданного размера?

    Доброго всем дня! Уважаемые, возникла проблема.. в одном интересном шаблоне для сайта есть такая тема- серху странички идет цветная полоса с заданной прозрачностью, при вертикальном скроллинге основное содержимое страницы как-бы подлезает под эту полосу.Изначально в шаблоне эта полоса была установлена со 100% шириной. Собственно вопрос- как сделать так, желательно при помощи CSS, чтобы эта полоса находилась по центру окна браузера с заданной шириной в 1256px.... у меня не получилось, полоска полюбому прилипает к левой кромке окна браузера.. подскажите кому не трудно, заранее благодарен!! Вот часть CSS #kopf_aussen { position: fixed; top: 0px; left: auto; right: auto; …

    Asked by volonter,

    0 votes
    2 answers

  3. Проблема с выравниванием

    Возникла проблема при верстке слоями сайт расположение по центру при верстке дивами возникает проблема что при разном разрешении 1900*600 и 1024*768 один блок постоянно теряет ориентацию на экране 1024*768 1600*900 как исправить код чтоб подходило и на широкоформатные и на обычные ? Заранее спасибо за потраченное время #leftcol { position: relative; margin: 0px auto; height: 730px; width: 925px; } #content { position: relative; left: 655px ; top: -500px; height: 470px; width: 558px; opacity: 0.2; background: #333; } img.semi { opacity: 0.2; /* Полупрозрачность элемента */ } body { background: #333; /* Цвет фона */ } p {font-size: 80%; font-famil…

    Asked by maveric,

    0 votes
    2 answers

  4. Не работает header("Location: ...")

    Прохожу обучающий урок на тему http headers. Решил написать тестовый пример. Вот он: Файл index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <form method="get" action="header_test.php"> <input type="text" name="f1">Value<br> <input type="submit">Go </form> </body> </html> Файл header_test.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01…

    Asked by samorealization,

    0 votes
    2 answers

  5. вёрстка

    ТРИ КОЛОНКИ (ЛЕВАЯ, ЦЕНТРАЛЬНАЯ, ПРАВАЯ), где ЦЕНТРАЛЬНАЯ имеет ширину 900px и в ней находиться всё содержимое страницы, а боковые должны служить для заполнения свободного пространства в зависимости от ширины монитора и насколько мне известно ширина боковых колонок должна быть АВТО; подскажите как сделать. (помогите с кодом).

    Asked by bald,

    0 votes
    2 answers

  6. помощь в css

    как с помошью css класифицорвать теги "ul"? т.е. ситуация такая: на странице сайта мне надо расположить инфу. "ul" слева, в нем текст, справа картинка; картинка слева, "ul" српава, в нем текст. Можно в самом html поставить параметры тегу "ul", но тогда css-validator находит ошибку в css, что нету праметров для этого тега.

    Asked by ask1503,

    0 votes
    2 answers

  7. cellspacing

    Допустим есть таблица 3 на 3, с бакграундом. Как сделать, что между tr был зазор 1-2 px , а между td его небыло. cellspacing как то глобально его задаёт....

    Asked by dimanlin,

    0 votes
    2 answers

  8. Окаянная ширина и высота textarea в ие6!

    Замучился. Не могу кросбраузерно задать ширину textarea. Нужно ровно 500 на 100 пикселей. Задаю через сss: .textarea1 { position: absolute; left: 10px; top: 191px; width: 500px; height: 100px; background: #c42; } Загружаю в ие6, меряю в фотошопе: 506*106, в файрфоксе: 504*104 Пробовал без бордера задавать: .textarea1 { position: absolute; left: 10px; top: 191px; width: 500px; height: 100px; background: #c42; border: 0px; } В ие6 получается: 502*102, в файрфоксе 500*100. Откеда ие6 берет по 2 лишних пикселя? Сейчас убью себя ап стену! Хелп ми плиз, настроить текстариу... И еще один вопрос: можно ли как-нибудь настроить не только background, но …

    Asked by Semreg,

    0 votes
    2 answers

  9. Не отображается фон

    Здравствуйте, Подскажите, пожалуйста! Не отображается фон сайта: body { background: url(../images/1.jpg) no-repeat; margin: auto; width: 1280px; } Что может быть не так?

    Asked by comb,

    0 votes
    2 answers

  10. обработка строк на PHP

    С пхп знаком на троечку с минусом. Не знаю с чего начать чтобы обрезать строку до определенного символа. //К примеру есть переменная $url = "http://www.______.__?f=1"; //Вот, а после обработки она(переменная) должна стать: $url = "http://www.______.__"; Скажите как этого добиться или хотя бы какие функции использовать?

    Asked by 3d_max_9,

    0 votes
    2 answers

  11. центровка таблиц

    если в стилях задать "text-align:center" в разделе body, то эксплорер таблицы тоже центрует, а Firefox только текст... есть выход? нужно именно через стили это сделать

    Asked by Raptoridze,

    0 votes
    2 answers

  12. Лучшие книги по CSS

    Чтобы там не говорили любители халявы, а реальтная книга в руках, это намного приятнее и удобнее чем текст на экране монитора... С книгой можно повалятся на диване, книгу можно взять с собой куда угодно и читать по дороге, да в конце концов книга это солидно А если эта книга ещё и является уникальным источником информации по CSS, так это вообще замечательно )) Предлагаю в этой теме обсудить самые лучшие книги по CSS. Думаю эта информация будет полезна как новичкам незнающим с чего начать, так и опытным верстальщикам. CSS-каскадные таблицы стилей. Подробное руководство - (O'Reilly) http://www.books.ru/shop/books/557232 - Несомненно бестселлер по CSS!!! Общепризнанно лучш…

    Asked by droncl,

    0 votes
    2 answers

  13. Что не так со слоями?

    Пока не разбирал страничку на php для читаемости (более менее). Собрал слои в кучу, вроде все как нужно, но смутные сомнения не дают покоя )) Для равномерного растягивания во высоте, делил опять же слоями с высотой в 1px (футер не прибивал). Другого способа не знаю. В общем вот http://ubhra.ru/ Очень хочется услышать ваше мнение именно по divам. Может как то иначе можно... Спасиб ) П.С. Еще хостер не дает индексировать xhtml ..... только php, html и shtml. Вылезают ошибки валидатора (кнопки внизу обе, на (html и css). П.П.С Индексировал.. Пригляделся к ошибкам, они js, все поправимо ))

    Asked by Ururu,

    0 votes
    2 answers

  14. Опять или снова, проблема с IE6.

    Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…

    Asked by Beck,

    0 votes
    2 answers

  15. Двухмерная сетка (таблица) на плавающих div'ах.

    Здравствуйте. Сел верстать галерею на div'ах, цель - 100% "прорезиненность" страницы, когда превьюшки, описания и прочая инфа, расположенная внутри плавающего div'а при недостаче места по горизонтали меняет ряд, редюцируя таким образом кол-во колонок в сетке. Все прекрасно, пока высота содержимого всех div-блоков с превьюшками равна, но если нет - с двухмерностью можно попрощаться. Покажу на упрощенном примере: <html> <head> <style> .image { position: relative; font-size: 40px; background-color: red; width: 200px; margin: 10px; float: left; text-align: center; vertical-align: bottom; } </style> </he…

    Asked by InterWen,

    0 votes
    2 answers

  16. Расположить Два фрагмента текста в двух дивах

    Как сделать так, что текст справа не заезжал под звезду, был отбит от звезды на 2em'a и звезда была бы выровнена по середине первой строки текста из правого див-а? <style> .blog_table{/*Holds all blog entries*/ width: 100%; } .blog_title{ font-size:1.5em; margin-right:1.5em; display:inline; } .blog_title_td{ padding-top:3em; padding-bottom:2em; } .small_text{ font-size:0.9em; display:inline; padding-right:2em; } .small_text { display:inline; font-size:0.9em; padding-right:2em; } a { color:#3E93CE; text-decoration:underline; } </style> <table> <tr class="blog_title_tr"><!--Title--> <td style="text-align: left;" class…

    Asked by ХОЛОДный,

    0 votes
    2 answers

  17. Реально ли такое?

    Например, есть код: <html> <body> <i> <ol type=A> <li>ВТОРНИК <li>СРЕДА <li>ЧЕТВЕРГ </ol> </i> </body> </html> который выводит всё курсивом! Можно ли как-то отделить дни недели, от тега <i>, чтобы курсивом были ток номера списка, а не его текст! Надеюсь понятно обяснил!

    Asked by JokerJoker,

    0 votes
    2 answers

  18. Помогите решить проблему с ИЕ6

    Собственно ребят очень прошу подскажите как вы сделали http://www.htmlbook.ru/ie6.html как это реализовать на своем сайте ? Можно пожалуйста исходник, хтмль страница уже написана осталось только сделать так что если браузер ИЕ6-7 то переводит вот на такую страницу как у вас =) Очень прошу, очень нужно!!! ну или еще как вариант http://habrahabr.ru/blogs/webdev/66126/ , там исходники не качаются =( Уже 4й час над этим шаманю, бубен скоро протру =)

    Asked by boiler,

    0 votes
    2 answers

  19. Как прижать блок к правому краю страницы, а текст в блоке выровнять по левому краю

    Добрый день. У меня есть таблица: <html> <body> <table style="width:100%"> <tr> <td style="width:33%"></td> <td style="width:33%"></td> <td style="width:33%"> <div><!--Надо прижать к правому краю страницы--> <p>Привет,</p> <p>Вася Пупкин, чемпион по хтмл!</p> <p><img src="lol.jpg"/> вот твоя картинка</p> </div> </td> </tr> </table> </body> </html> Мне надо сделать так, чтоб блок прижался к правому краю, а текст выровнялся по левому краю своей самой длинной строки. Что делать? Получилось, надо ДИВу написать: <div sty…

    Asked by ХОЛОДный,

    0 votes
    2 answers

  20. Растянуть div

    Вобщем такая проблемма div в шаблоне если нету контента получается не на всю высоту. когда с текстом когда без, или его не достаточно чтоб растянуть подскажите плиз как растянуть див по размеру браузера

    Asked by zerg,

    0 votes
    2 answers

  21. когда страничка загнана под расширение и когда подстраивается под расширение экрана или перимитр окна

    есть сайты которые всегда имеют четкий заданный размер, а есть те которые подстраиваются под разрешение монитора или под окно браузера. как называется второй эфект? P.S. надо переделать готовый шаблон под 2-й вариант, или найти шаблоны которые заведомо подстраиваются под браузер.

    Asked by tok24ua,

    0 votes
    2 answers

  22. КомбоБоксы

    Ребята помогите сделать менюшку с помощью комбобоксов! Хочу сделать так: есть несколько комбобоксов,в первом "Тип автомобиля" во втором "Год автомобиля" в третьем "Марка авто" и т.д.(это я сделал). Всё то что там выберут должно отправлятся на несколько адресов мыла.Вопрос: как отослать это на мыло? и можно ли всё это реализовать на HTML, или JavaScript понадобится? И ещё-как сделать по красивее комбоБоксы? Заранее БОЛЬШОЕ СПС всем кто откликнется!!!

    Asked by stardel,

    0 votes
    2 answers

  23. Ссылки

    Извините, но туплю. Не могу вспомнить, как это делается В CSS задаю стиль для ссылок (a:hover, a:visited ...........). Как задать новый стиль для некоторых ссылок?

    Asked by _elf_,

    0 votes
    2 answers

  24. Проблема с пересекающимися блоками

    У меня проблема с соседними блоками на странице. Для того, чтобы выпадающее меню разворачивалось на полную длину, я приписал ему padding-bottom: 60px; #menu { background: transparent url('menu.png') repeat-x 100% 2px; width: 100%; height: 66px; margin: 0; padding-bottom: 60px; text-align: left; } Теперь меню работает нормально, но на эти 60px опустился нижележащий блок. Если поднять его при помощи отрицательного margin, то в IE6 нижние ссылки выпадающего меню, которые попадают на нижний блок - сворачиваются, не успеваешь подвести к ним курсор. На всякий случай, вот стиль нижнего блока: .container { position: relative; float: left; text-align: le…

    Asked by Serge,

    0 votes
    2 answers

  25. табличка в html

    Всем привет. В общем нужна на большая консультация в создании таблицы. вот сам код того, что у меня получилось <html> <head> <title>Создание таблицы</title> </head> <body> <table border = "1" bordercolor = "black" > <tr align = "center"> <th colspan = "3" >——--</th> </tr> <tbody> <tr> <td>Группа</td> <td width = 20%> </td> <td >Новости</td> </tr> <tr> <td>Информация для родителей</td> <td> </td> <td>Программы</td> </tr> <tr> <td>Итоговые оценки</td> <td> </td> <…

    Asked by ImmM,

    0 votes
    2 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