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. Закругление углов с CSS и Java

    Подскажите пожалуйста как сделать фон уголков у блока картинкой... А то я ставлю на бэкграунд изображение, а оно не отображается (белый фон). Да, его ведь надо в Скрипте прописывать? Да я знаю, что есть закругление и без скриптов, но решил, так сказать, "добить" эту тему... P.S. Извините если не в тему пишу...

    Asked by Glebr,

    0 votes
    1 answer

  2. закругление углов с помощью графики в IE 6

    Здравствуйте! Хочу закруглить углы с помощью графики, но IE 6 это не съедает. Если ли решение такой проблемы? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="all"> <div id="top"> <img class="logo" src="css/img/logo.gif"> </div> <div id="innerContent"> <div class="corner t…

    Asked by Панч,

    0 votes
    4 answers

  3. Закругление углов с помощью картинок в таблице

    Не получается сделать такую картинку Нужно, чтобы текст внутри был и таблица под него растягивалась. Когда меняю doctype на xhtml, то все работает как надо, но хочется сделать на html4.01. В чем может быть проблема подскажите. Использую такой код: <!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=utf-8"> <title>Рисунок</title> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <table class="pt"> <thead> <tr><td> <table class="pt"> <tr&…

    Asked by Unkrada,

    0 votes
    0 answers

  4. закругление углов средствами CSS HTML

    Задача: Закругление углов у картинки средствами CSS-HTML Что есть: Есть картинки разных размеров, которые загружаются в статью. Ньюансы: 1. Картинки разных размеров 2. Хотелось бы в див вставлять тег а не бекграундом 3. Некоторые картинки являются ссылками. Те решения что я наш?л: 1. http://www.phpground.ru/forum/post-46.html. Делаем РОдительский див ставим ему размер изображения, ставим ему в бэкграунд само изображение. Внутри этого дива ещ? один див, с кусочками по углам. 2. Что бы как то сделать что бы можно было по фотографии кудато переходить прийд?тся воспользоваться онклик при нажати на дивный блок 3. Пример просто картинки с угалками http://recode…

    Asked by Powerslave,

    0 votes
    61 answers

  5. Закругление углов средствами CSS без картинок

    Проблема следующая: делал закругления углов средствами CSS без картинок. В FF и Opera выглядит так как задумывалось, а вот IE6 закругление как бы растягивает по высоте, соответственно вид далеко не тот, что нужно. Я так думаю что проблема в том что IE6 возможно не понимает height:1px. Я уже не знаю че с этим делать: с помощью font-size:1px удалось сузить по высоте сию красоту в IE6, но не до той степени, которой хотелось. Может кто-то уже сталкивался с подобным и может подсказать? Вот код: Стили (сорри за неоптимизированность): .v1 {height:1px; background-color:#fafdfe; margin:0 5px;font-size:1px;} .v1 div.l1 {display:block; height:1px; background-color:#eef9fd; margin:0…

    Asked by mozart,

    0 votes
    5 answers

  6. Закругление углов у изображений при помощи CSS

    Здравствуйте. Задался вопросом. Есть изображение <img src="1.jpg">. Есть стиль для него: border:1px solid black; Попросту говоря, добавляется граница изображению. В CSS3 есть замечательное свойство border-radius. С его помощью я закруглил углы у границы, но острые углы изображения как бы "выпирают" из-за границы. Есть ли способ закруглить и углы самого изображения, не редактируя картинку? То есть средствами html и css. Вроде как углы закруглятся, если изображение установлено фоном (background), а для изображения тегом есть способ? Заранее спасибо.

    Asked by FRUTALITY,

    0 votes
    3 answers

  7. Закругление фона у :hover при наведении на строку таблицы

    Не могу закруглить углы у background-color. В чем проблема?

    Asked by Tanya2021,

    0 votes
    2 answers

  8. Закругления проблема

    Есть плашка которая по длине растягивается от размера заголовка. Возможно это проблема position:absolute; как можно по другому ее реализлвать. Спасибо Проблема В IE 6 не работает.

    Asked by leros,

    0 votes
    1 answer

  9. Закругленные бордюры блока

    Как оформить закругление границ (border) блока по всем четырем углам ?? Если это простой блок, то у него все четыре угла прямые. А то я пытался оформить вложенными дивами (div) с картинками закругленнных углов бордюров. Ничего не получилось. Обьясните как это сделать ? Пример: обратите внимание на цитаты. Вот ссылка http://www.microsoft.com/Rus/Licensing/Pro...alServices.mspx

    Asked by genege,

    0 votes
    1 answer

  10. Закруглённые края ПОМОГИТЕ

    Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?

    Asked by Phoenix88,

    0 votes
    10 answers

  11. Закругленные края текстового поля и textarea

    Здравствуйте! Подскажите, как правильно и кросбраузно сделать закругленные края для type="text" и textarea. У меня нет возможности проверить все браузеры и под каждый сделать свой css. Очень буду благодарен за помощь!

    Asked by bgraf,

    0 votes
    9 answers

  12. Закругленные края.

    Доброго времени суток! Решил сделать шапку с закруглёнными краями, когда верстаю таблицами всё вроде неплохо, но div не получается никак. В наличии: header_left.jpg - левая сторона шапки. header_center.jpg - центр шапки (полоска, которая дублируется repeat-x)/ header_right.jpg - правая сторона шапки. <style> #header {width: 100%; height: 119px; margin: 0; padding: 0; text-align: center;} </style> <div id="header"> <div style="display: inline;"><img src="header_left.jpg"></div><!-- --><div style="background-image: url(header_center.jpg); height: 119px; width: 1200px; display:inline-block;"></div><!-- -->&…

    Asked by Чиполлино,

    0 votes
    8 answers

  13. Закругленные рамки для таблицы

    Довольно долго гуглил, нашел аж 38 методов создания рамок с закругленными углами, но так и не понял, как же это сделать для таблицы. У меня есть большая таблица (структура моего сайта) и я хочу в ней сделать закругленные края. Подскажите, как это сделать.

    Asked by Winner,

    0 votes
    4 answers

  14. Закруглённые треугольники с полупрозрачным фоном

    Всем привет. Озадачил меня дизайнер, ничего хорошего не могу придумать, гугл тоже отказывается помогать. Нужно сделать вот такие штуки http://prntscr.com/nsyswi Задача усложнена ещё тем, что фон должен быть пролупрозрачный. Буду благодарна за подсказку.

    Asked by Crystal-3,

    0 votes
    2 answers

  15. закругленные углы

    попробую описать проблемку ...проблема в центре макетика ... есть три прямоуголоьной части как с которыми проблемм нет (спозиционированы флоутами) , но они лежат внутри серой закругленной части выполненой по такой же конструкции, при помещении их внутрь этой серой прямоугольной части макетик сразу теряет сколь угодно привлекательный внешний вид и выглядит совсем не так как надо .. Все три части Выполнены при помощи такой конструкции: .module { padding: 0; margin: 0 0 0 0; width: 173px; } .module div { padding: 0; margin: 0; /*bottom 14px*/ background-image: url(images/1korp_07.jpg); background-repeat: repeat-y; background-position: center top; } .module div div…

    Asked by RobotWerder,

    0 votes
    2 answers

  16. Закругленные углы

    как сделать закругленный уголки без картинок (кросбраузерно ie6) как здесь http://templates.websitetemplatesonline.com/Agriculture-Tomatoes/index.html# и как сделать такое меняющееся с градиентом меню при наведении ?

    Asked by olechic,

    0 votes
    3 answers

  17. закругленные углы

    как закруглить углы в css2.1 ? а то не проходит валидацию

    Asked by olechic,

    0 votes
    3 answers

  18. Закругленные углы если фон градиент

    Если фон просто один цвет, то проблем нет, но как быть когда когда задний фон градиент?

    Asked by foma19,

    0 votes
    7 answers

  19. Закругленные углы ячеек таблицы

    Добрый день. Нужно сделать рамку ячейки с закругленными углами. Смог сделать только закругленные углы у внешних углов рамки а внутренние остались прямыми как показано на примере у красной рамки. Код <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица</title> <style type="text/css"> table { background:green; border-top-left-radius:10px; border-top-right-radius: 10px; border-spacing:2px; } td { …

    Asked by volniy_strelok,

    0 votes
    11 answers

  20. Закругленные уголки в IE

    Как можно заставить IE видеть закругленные углы в блоках?

    Asked by Pashkes,

    0 votes
    17 answers

  21. Закругленные уголки в IE

    Закругленные уголки в IE В какой-то момент возникла проблема с отображением закругленных уголков в IE, как и у многих наверное. Использовать картинки было нежелательно, так как широко использовался hover, который зацеплял, в 90%, как раз бордеры. Долго копался в сети, выбирая среди множества решений, пока не нарвался на одну статью, не помню уже где, но суть ее в следующем - реализация закругленных уголков в IE, осуществляется за счет подключения библиотеки HTC. Нужно просто разместить в корне сайта (у меня в папке htc) некий скрипт. Скрипт приводился в этом же примере. Кстати, в интернете можно найти решения и других проблем с IE на основе этой библиотеки! HTC: --Do n…

    Asked by Aleksty,

    0 votes
    5 answers

  22. Закругленные уголки в Опере

    Всем привет. Задача: сделать закругленное (верхняя часть) меню из четырех пунктов. Проблема в том, что фон основного сайта отличается от меню из-за этого видны рамки пунктов (ведь опере не закругляет углы без border), ну и с hover конечно же проблема. Мое решение: добавил дополнительный элемент с картинкой - закругленные уголки в цвет основного фона + position:absolute в результате чего картинка перекрывает все мои недочеты. help решение очень некрасивое, посоветуйте в каком направлении покопать чтобы решить на css без доп элементов html и картинок (без js и т.п.), буду очень признателен (IE 8+). Пример здесь Если раскомментируете стиль test, будет видно мое "решение". …

    Asked by Sedoj,

    0 votes
    5 answers

  23. Закругленные уголки на google mapse

    Как сделать гугл мапсе скругленные уголки? Что я только не делал. Ничего не помогает. Почему такое вообще происходит, что на контейнере с гугл-картой не работает border-radius? http://jsfiddle.net/Hu3SK/

    Asked by Evkaky,

    0 votes
    2 answers

  24. Закругленные уголки у таблицы

    Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?

    Asked by maerrry,

    0 votes
    6 answers

  25. Закругленныи конец в header

    <nav id = "navigation"> </nav> css #navigation{ height:40px; background-color:rgb(150,150,150); margin-top: 10px; } Skajite kak sdelat zakruglennyi konec u headera.

    Asked by Leyla84,

    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