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

29542 questions in this forum

  1. Подскажите программу, приводящую в порядок вид css стилей

    Зачем? Иногда в сайтах встречается css код в одну строку, где трудно что-то разобрать.

    Asked by kobzar,

    0 votes
    5 answers

  2. Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится?

    Здравствуйте! Вывожу код в Iframe. 1. Почему по умолчанию Iframe выводится в маленьком окне? Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится? 2. Как сделать чтобы окно Iframe адаптировалось под мобильные устройства? Вот мой код. Спасибо!

    Asked by Марат,

    0 votes
    1 answer

  3. меню сделанное на CSS под все браузеры.

    Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!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"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …

    Asked by pirogkoff,

    0 votes
    4 answers

  4. Вывод данных из HTML

    PLS подскажите как из HTML (+JavaScript) создать новый файл и записать в него данные? Что проще при этом использовать? Если модно с примерами почти по дядюшке Фрейду: rolleyes: "модно"=можно

    Asked by Git,

    0 votes
    8 answers

  5. Резиновая вёрстка

    Сложность(для меня)состоит в следующем: надо сделать вот так http://ifotki.info/12/73628095a1a76f6604d94e349a1dedd7b279f8138503600.jpg.html макет нужен резиновый.Т.е. если я правильно понимаю размеры закладок нужно задать в процентах,но как угадать,чтобы они растянулись на всю ширину центрального блока.Решение необходимо только средствами Html и Css P.s.есть вероятность,что я чего-то не догоняю

    Asked by Dimanchik87,

    0 votes
    6 answers

  6. Верстка без картинок на ccs3 - с каких версий браузеры понимают?

    Если верстать градиенты, тени и закругленные границы без картинок, а с помощью css3 - то какие версии браузеров будут их отображать нормально? Ослик 8 - не понимает же border-radius? Получается в нем все будет квадратным, а 9й осел вообще не поймет градиенты. Как же быть тогда? Верстальщики обычно не поддерживают 7, ну максимум 8 осел, но не 9й же вычеркивает из верстки... Или для него задаем свои стили с помощью условных комментариев отдельно? (но тогда вообще проще на картинках же сверстать для всех браузеров .. ) В общем с каких версий разных браузеров можно смело использовать css3, вместо картинок?

    Asked by Zverushka,

    0 votes
    15 answers

  7. Кнопка с полупрозрачным градиентом. Не могу правильно задать стиль.

    Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html

    Asked by Yserty,

    0 votes
    4 answers

  8. Проблемы с текстом

    Подскажите пожалуста как сделать как показано на картинке. Чтобы второй текст был рядом с первым

    Asked by Daniyar,

    0 votes
    6 answers

  9. Поделить страницу на 4 ровных ТРЕУГОЛЬНИКА

    Всем привет! Вопрос по #svg ! Нужно поделить екран на 4 треугольника(как на картинке, ссылка на гугл диск с картинками и сами картинки снизу). В этих треугольниках должна быть картинка и пару строк контента, ну и наведение работать должно. Пробовал крутить блоки, но посмотрев, что адаптивность умирает — решил пойти через свг, но так как не шарю в viewBox и point`ах застрял((. Если у вас есть другие варианты решения, с радостью жду! Заранее спасибо! ССЫЛКА НА ПАПКУ С КАРТИНКОЙ: drive.google.com/...OB17Nn6PExYTluN0lVcm1xOW8 а также ФАЙЛЫ САЙТА: drive.google.com/...OB17Nn6PExTUdFODNXYzRNOTA ——————————————HTML————————————————— <!DOCTYPE html> <html lan…

    Asked by 4rtemy,

    0 votes
    0 answers

  10. CSS анимация с текстом

    Особо не вдавался в подробности анимации, поэту прошу у вас. Нужно сделать так, чтобы буква при загрузки страницы, после 3с (ПРИМЕРНО) с центра экрана переместилась на 300px (ПРИМЕРНО) в любое из четырех направлений. P.S. Лишнего не пишите, и ссылки на темы не надо кидать.

    Asked by pro100blich,

    0 votes
    0 answers

  11. Подключение не защищено полностью

    Здравствуйте. После подключения SSL сертификата на ПК версии сайта не появился зелёный замок. На мобильной же версии он есть (подгружается другой шаблон). Я везде проверил наличие https вместо http. Нигде упоминания http в шаблонах сайта нет. Помогите, пожалуйста. Уже давно пытаюсь исправить эту проблему. Вот код моего сайта: view-source:https://iblitzmods.ru/

    Asked by Serviak,

    0 votes
    4 answers

  12. Пустое место когда убираю рекламный блок Adsense

    Здравствуйте! На сайте, когда убираю рекламный код Adsense появляется пустое место. Когда рекламный блок на месте, то разрыва между футером и контентным блоком нет. Рекламный блок подключается через функцию include <!--таблица комментарии--> <?php include("blocks/komments2.php");?> <!--таблица комментарии--> Код CSS: Скрытый текст /* Timeweb test comment */ /* Timeweb test comment new*/ /* Vadim comment new2*/ /* Vadim comment new3*/ /* new */ /* Vadim comment new4*/ body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapp…

    Asked by Weskiers,

    0 votes
    4 answers

  13. Как работает "background-size"?

    Почему когда я вставляю фон в CSS через свойство background- size и прописываю значения cover у меня картинка обрезается, такого вроде не было. приходится прописывать значение contain, но обхватывает не весь контейнер/страницу

    Asked by kabdibereke,

    0 votes
    1 answer

  14. Помогите сверстать макет div-ами

    В общем основная загвоздка заключается в двух резиновых колонках, расстояние между задано в абсолютных единицах... То есть ширина левой колонки ? 70% минус расстояние до разделителя колонок в em и минус ширина разделителя пикселях. С правой колонкой тоже самое. Задавать padding между колонками ? бесполезно, т. к. неизвестно какая ширина останется для колонки (проценты минус em-ы минус пиксели...). Примерный макет прилагается (перезалил). PS: плюс ко всему во всех блоках ? свой графический фон.

    Asked by Гиль,

    0 votes
    3 answers

  15. проблемы с формой

    Злобные кодеры и верстальшики срочно нужна ваша помощ=) Делал сайт и встала проблема с вёрсткой в опере всё норм тока менюха сежает в верх у центрального окна,а вот в осле как всегда всё плохо((( всё норм отображается только форма заполнения почему то неактивна http://tropic-cocktail.ru/test/aczia3.html и неработает скролинг http://tropic-cocktail.ru/test/aczia4.html

    Asked by Fata1ity,

    0 votes
    2 answers

  16. Ссылка-изображение

    Всем привет. Помогите мне пожалуйста разобраться с CSS, я чтото крутил крутил, ничего не вышло. Кароче мне нужно сделать изображение-ссылку, используя только один тег <a></a>. Тоесть изображение нужно вставить как бэкграунд к тегу <a>.Размер моих изображение 30х30 пикселей. Как мне это сделать? Вот что у меня должно получиться: Host for your pictures А вот мой код, но нифига не получается :\ #pageraiting{ padding-left:2em; font-size:small; color:#999999; } #pageraiting #stars a{ padding:15px; background: url(/images/menuselected.gif) center no-repeat; } <div id="pageraiting"> <div>Просмотров: 23 459</div> <div id="stars"&g…

    Asked by m4tr1x,

    0 votes
    3 answers

  17. fade

    Фуф решил написать может кто делал а то задолбался уже то в опере рассыпается то в ие не работает Пытаюсь воссоздать эффект растворения текста выходящего за границы блока CSS .block {padding:0 0;border:0;margin:0 0;text-align:center;vertical-align:top;width:100%;} .block_cell {padding:0 0;border:0;margin:0 0;text-align:center;vertical-align:top;width:50%;float:left;overflow-x:hidden;overflow-y:hidden;} .block_data {padding:0 0;border:0;margin:0 30 0 9;width:100%;height:22;float:left; clear:left; text-align:left;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;} .block_stat {padding:0 0;border:0;margin:0 0;width:0px;height:22;float:right;clear:right;text-a…

    Asked by -=ZzZ=-,

    0 votes
    8 answers

  18. Верстка и smarty

    Все привет. Есть задача вывести на страницу сайта некоторое кол-во фотографий ( в миниатюре ). Процесс стандартный php берет данные ( имя изображения, описание т.д. ) и сдает это smarty ( assign ) . Шаблон: <table border="0" style="width: 100%;"> <tr> {section name=index_last_photo loop=$id} <td> <a href="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].photo_file_id}.jpg" rel="lyteshow[vacation]" title="{$id[index_last_photo].rus_photo_name}"> <img style=" border: 1px solid silver;width: 128px; height: 128px;" src="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].p…

    Asked by Veon,

    0 votes
    10 answers

  19. Фиксированный макет сайта 2012

    Меня интересует фиксированная ширина главной колонки сайта с текстом, ориентируясь на 2012 год? Подробнее Сегодня март 2011 – в магазинах продают в основном мониторы размером 1330пх и шире. сегодня статистика разрешений экрана в интернете - 1280x1024+ 48% 1024x768+ 23% 1440x900+ 19% 2560x1440 - 0,3% 800x600 - 1,5% Глядя на это напрашивается ширина фиксированного сайта 960-980 или 1200-1220 пх. С этим ясно, но дальше я сомневаюсь. Меня интересует ширина главной колонки с текстом. Какую нужно выбрать, чтобы приятно, для глаз, было читать на разных мониторах? И какой выбрать размер шрифта? У меня мониторы 1024x768 и 1440x900, поэтому как смотрится на боле…

    Asked by AleksejR,

    0 votes
    4 answers

  20. font-face - может кто сталкивался?

    В Google ничего не нашел. При внедрении ttf шрифта браузеры странно отображают текст. К IE9 претензий нет - все в порядке. Chrome и FF выводят текст между тегами <h1></h1> с непонятным отступом сверху и двойным межстрочным интервалом. И если межстрок убирается с помощью line-height, то с верхним отступом сделать ничего на смог. Причем сам блок <h1></h1> позиционируется как и задумано, а вот текст сползает вниз за границу блока <h1 style="border: ..."></h1>. Может кто сталкивался?

    Asked by DmitryS,

    0 votes
    8 answers

  21. cвойство filter не проходит валидатор

    добавляю градиент для ie с помощью свойства filter: progid:DXImageTransform.Microsoft.gradient и теперь css не проходит валидацию.что делать? оставлять css не валидным?

    Asked by eleonore,

    0 votes
    9 answers

  22. новичок в html и css

    я зовсім новачок в створені сайтів підскажіть з чого починати що б стати front-end розробітником.

    Asked by rudyvadimka,

    0 votes
    7 answers

  23. Тег <a> содержит тег <div>. Как добится валидности кода?

    на сайте есть рисунок, но он порезан и собирается в цельный, и весь этот рисунок должен быть ссылкой! Когда обрамляеш все тегом , код не валидный. Какой есть способ достигнуть валидности кода? Код к примеру такой: <a href="#"> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> </a>

    Asked by kozakmamai,

    0 votes
    1 answer

  24. Валидные варианты "сделать стартовой" и "добавить в закладки"

    Добрый день! Подскажите пожалуйста как можно сделать ссылки "сделать стартовой" и "добавить в закладки", чтобы они были валидными для XHTML, мои вариант вот: <a href="our_link" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('our_link'); return false;" class="foot">Сделать стартовой</a> и <a href="our_link" onClick="window.external.addFavorite('our_link', 'our_capture'); return false;" class="foot">Добавить в заладки</a> Только они не проходят валидацию. Как сделать так, чтобы проходили? Спасибо за помощь

    Asked by DImaN,

    0 votes
    2 answers

  25. Размещение

    Проблема а вернее вопрос в следующем: нужно разместить 4 изображения, каждое в разных углах, тобишь в левом верхнем, в правом верхнем, нижнем левом и нижнем правом. А между ними контент. Это легко реализуется через таблицы. Но так как стремлюсь к лучшему, хочется это сделать через div. Подскажите как сделать это наиболее правильно.

    Asked by svdsLis,

    0 votes
    5 answers
×
×
  • 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