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. <img> ? совсем затупил.

    ДД. Почему-то после <img> происходит перенос каретки. Почему??? Разве так должно быть?

    Asked by greyshadow,

    0 votes
    10 answers

  2. Градиент + картинка у кнопки(css3)

    Всем привет! Есть кнопка input[type=submit] её нужно добавить градиент из #DB261D в #C4130D и также добавить картинку ../images/zoom.png Градиент пробовал так: background-image: -webkit-gradient(linear, left top, left bottom, from(#DB261D), to(#C4130D)); background-image: -webkit-linear-gradient(top, #DB261D, #C4130D); background-image: -moz-linear-gradient(top, #DB261D, #C4130D); background-image: -ms-linear-gradient(top, #DB261D, #C4130D); background-image: -o-linear-gradient(top, #DB261D, #C4130D); background-image: linear-gradient(top, #DB261D, #C4130D); но если добавляю после этого строку background-image:url(../images/zoo…

    Asked by Serpanok,

    0 votes
    3 answers

  3. Внешний вид записи

    С новым годом ребяты!=) Верстаю сейчас под wp, необходимо вывести вот в таком виде новости в категориях: http://i041.radikal.ru/1201/19/67df69f80e2f.png Не могу понять как сделать такое обтекание изображения, ибо при любых манипуляциях title получается над картинкой. На голом html это сделать не особо сложно, а на WP, ни как не пойму как делать, ибо изображение находится внутри поста... Буду благодарен за пинок в нужную сторону. Спасибо.

    Asked by WabFad,

    0 votes
    3 answers

  4. Единая ссылка

    Коллеги, здравствуйте! Есть такая конструкция: <a href="#"><img src="pic.png">Ссылка на пик</a> Допустим высота изображения 50px; Как выравнить текст относительно середины изображения по высоте. |____________| |____________| |__pic.png____| Ссылка на пик |____________| |____________| Оговорюсь сразу, что вопросы с применением JavaScript, jQuery и т. п. не интересуют. Просьба помочь решить проблему чисто с точки зрения вёрстки. Благодарю за помощь!

    Asked by Barsam,

    0 votes
    15 answers

  5. Отображение текста на странице в мобильных устройствах

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

    Asked by cmndr_alexgreen,

    0 votes
    5 answers

  6. Меню css+html

    Здравствуйте, необходимо было меню с выпадающими подпунктами, нашел в инете готовое решение, переверстал под свой дизайн, все работает как нужно, одна беда - вылазит подпункты при определенной ширине меню, если ширину увеличить, то все становиться на свои места, однако увеличивать уже некуда, хотелось бы наоборот уменьшить, но тогда вылазит еще больше подпунктов: Лопатил css, но никак не могу понять как убрать это вот код: .navTitle{ padding: 10px; background: #4b9342; } .navTitle p{font-size: 16px; font-weight: bold; color: #fff;} #nav { margin: 15px 0 10px 10px; border:2px solid #4b9342; box-shadow:2px 2px 8px #000000; border-radius:3px; -moz-border-r…

    Asked by Dolce,

    0 votes
    6 answers

  7. отображение сайта в ie некорректно

    http://kerch-public.at.ua вышлю 10$ кто найдет и пояснит баг !!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>мегасайт</title> <link href="css/style.css" type="text/css" rel="stylesheet"> <script src="js/jquery-1.5.min.js" type="text/javascript"></script> <script src="js/equalHeight.js" type="text/javascript"></script> </head> <body id="homepage"> <div id="wrapper"> <div id="header"><!--#include virtual="navbar.html"--><ul id…

    Asked by baraquda,

    0 votes
    8 answers

  8. Запретить обтекающим друг друга блокам спускаться при малом экрана

    Как запретить обтекающим друг друга блочным элементам спускаться вниз при недостаточном размере экрана. Пример: http://jsfiddle.net/NjWqE/1/ Если уменьшить размер окна Result блоки начнут спускаться Не могу зафиксировать их. И еще нужно чтобы появлялся скролл если в экране видна чать этих блоков. Спасибо!

    Asked by parabola,

    0 votes
    7 answers

  9. Проблемы вёрстки.

    Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:

    Asked by Jeka778,

    0 votes
    7 answers

  10. Бутстрап 3

    Здравствуйте! Скажите как сверстать макет шириной в 1000px на бутстрап 3

    Asked by stan07,

    0 votes
    3 answers

  11. Локальное подключение иконок Font Awesome

    Добрый день! Я столкнулся с такой ситуацией: создается в компании статическая страница для хранения служебных документов. Иконки там, по-факту, не нужны, но начальник как во всем известном видео: "Хочу иконки!". Для нее поднимается локальный сервер без выхода в инет. На сайте есть ссылка прямая на хранилище с данными иконками, но она при такой настройке сервера, не работоспособна. Я качнул с сайта архив с данными иконками. Прописал как в инструкции путь в проекте. И тут я в непонимании: в инструкции для локального подключения подключается файл с расширением .css, через тег <link>, при этом все иконки, которые я использовал при подключении прямой ссылки на хранилище…

    Asked by Super_Saimon,

    0 votes
    1 answer

  12. Проблемы с футером

    В очередной раз взываю о помощи. Страдает футер, очень сильно... Не могу его привязать к низу окна ТАК, чтобы при уменьшении окна он не наезжал на остальной контент. Постараюсь дать приблизительную схему своей странчики (HTML менять НЕЛЬЗЯ!!!) Main - меняет свою высоту от 2х строчек текста до 2х экранов, а то и больше. Когда Main большой проблем с Footer нету - ставлю с css position:relative и все отлично. Если же привязывать Footer с помощью position:absolute bottom:0, то он начинает жить своей жизнью и при уменьшении окна залазить и на Main и на Header. Если что упустила - допишу. Пока вроде выложила все как есть.... Главная задача: Чтобы футер ВСЕГДА был внизу!!!…

    Asked by Wertuta,

    0 votes
    4 answers

  13. цвета

    подскажите пожалуйста - возможно ли такое с помощью html: <TR> <TD><B><I><FONT COLOR="#000099">Доступные сиглы</FONT></I></B></TD> <TD><B><I><FONT COLOR="red">&BOOKPOINTS</FONT></I></B></TD> </TR> <TR> <TD><B><I><FONT COLOR="#000099">Доступные сиглы</FONT></I></B></TD> <TD><B><I>&BOOKPOINTS</I></B></TD> </TR> с базы у нас берется данные - и прописываются красным цветом, а нам необходимо чтобы все прописывалось черным,только одно слово например чзп - прописывалос…

    Asked by кассетка,

    0 votes
    2 answers

  14. Как сделать, чтобы в Денвере все было в utf-8

    Вот многие хотят чтобы у них все работало в кодировке cp1251, а мне наоборот нужно чтобы все работало на utf-8. В связи с этим http://firsthand.ru/node/4 я предпринял следующее: 1) Отредактривал файл Z:\usr\local\mysql4\my.cnf прписал там utf8 вместо cp1251 2)Выставил в phpAdmin Language -> Russian (ru-utf-8), Сопоставление соединения с MySQL -> utf8_general_ci должно быть: MySQL-кодировка: UTF-8 Unicode (utf8) 3) установил расширения "mbstring для PHP" 4)в файле Z:\usr\local\php\php.ini убрал ковычки перед extension=php_gd2.dll extension=php_mbstring.dll 5) даже файлик php_mbstring.dll скачал и положил его в /local/php5/ext И НИЧЕГО! Все равно в phpAdmin была пр…

    Asked by VasyOK{!},

    0 votes
    3 answers

  15. Не могу сверстать блок

    Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…

    Asked by ВэйДлин,

    0 votes
    5 answers

  16. Таблица высотой 100%

    Друзья, привет еще раз! Код значит: <!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> </head> <body> <div style="width: 100%; height: 100%; position: absolute; left: 0; top: 0;"> <table border="1" cellspacing="5" cellpadding=0 bgcolor="#DFE8F6" width="100%" style="height: 100%; table-layout: fixed; min-height:100%; border-collapse:collapse"> <tr> <td colspan="2" valign="top" alig…

    Asked by renton,

    0 votes
    3 answers

  17. Конфликтуют стили max-width и float?

    Добрый вечер, для начала краткий экскурс. Делаю сайты много лет, в основном работал с WYSIWYG софтом и готовыми шаблонами для разных CMS`ов и в верстку никогда особо не лез, работаю уже больше 10 лет и всегда справлялся с любыми задачами, однако время идёт и что бы не деградировать нужно наоборот, развиватся=))) на смену WYSIWYG пришел http://scratchpad.io/на котором я принялся практиковатся в выполнении необходимых мне задач. Короче задача следущая, картиночка с max-width 100% справа от которой располагался бы текст тоже с max-width 100%, с условием, что в случае если экранчик маханький при маханький как на мобильном - текст перепрыгивает и размещается под картиночкой,…

    Asked by ilvl,

    0 votes
    7 answers

  18. Можно ли сделать такой сложный макет

    Скажите пожалуйста, можно ли создать такой макет? Все что я сумел сделать это выстроить 4 блока - https://jsfiddle.net/nczm2aps/ а вот как сделать вертикальные разделения? Флекс во флексе?

    Asked by alleclf,

    0 votes
    1 answer

  19. Убрать бэкграунд, убрать скрол внизу

    Здравствуйте. Все перепробовал, приходится обращаться к Гуру. Есть сайт, который статичен и отображается при 1024px без скрола и бэкграунда. Проблема в том что появляется справа сайта бэекграунд и скрол внизу. Догадываюсь что проблема в: body { width: 100%; height: 100%; font-family: Tahoma, Verdana, sans-serif; line-height: 1.3em; font-size: 12px; background: #666666; text-align: center; }

    Asked by kirhost.com,

    0 votes
    5 answers

  20. div не обтекает картинку в IE 6

    Сложилась такая проблема: Мы имеем картинку размером 340x105 px, и теперь нам надо всунуть её в div, да так чтобы он ее полностью обтекал. Для этого: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> main </title> <style type="text/css"> body { margin: 0; padding: 0; border: 0; } /* Данный блок тех же размеров что и изображение */ #header { width: 340px; height: 105px; background-color: red; } </style> </head> <body> <div id="header"> <img src="logotype.gif" width="340" height="105"> </div> </body> </html> Во всех остальных…

    Asked by stolker,

    0 votes
    2 answers

  21. Как вытянуть блок?

    Добрый вечер! Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку! <!-- Стили --> <style> div{ border:solid 1px; } .main{ width:800px; } .left{ width:146px; float:left; } .content{ width:650px; float:right; } .footer{ width:800px; } .l1{ height:50px; } .l2{} </style> <!-- Разметка --> <div class="main"> <div class="left"> <!-- левая колонка --> <div class="l1">l1</div> <!-- постоянная высота --> <div class="l2">l2</div> <!-- должна тянуться до низу --> </div> <div class="content"> <!-- основная (правая) колонка --> c…

    Asked by san4ezy,

    0 votes
    1 answer

  22. 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

  23. Нет плавной прокрутки страницы

    Всем привет, прошу прощения если создал тему не там где нужно,просто более подходящего раздела не нашол. Вот в чём заключается проблема на странице сайта проблемная страница установлена галерея картинок и при прокрутке страницы вниз как раз на месте галереи происходит скачёк а не плавная прокрутка. Подскажите пожалуста как можно исправить эту ошибку? Может ли она быть из за того что основной фон фиксированый?,вот так( background : url(images/game.jpg) center -32px fixed;)

    Asked by vadimcucherencko,

    0 votes
    6 answers

  24. многострочная блочная ссылка, вертикальное выравнивание

    Как выровнять по вертикали по центру многострочную блочную ссылку? Хочется чтобы выглядело красиво и по ховер цвет фона менялся. line-hight в высоту блока не подходит, т.к. строчек больше одной

    Asked by mitay,

    0 votes
    13 answers

  25. Div залез на другой

    После того как вставил меню в блок, залез на футер, это так отображается в Файрфокс, в Опере все нормально, если же уменьшить высоту блока, то в Файрфокс будет нормально, а в Опере будет разрыв между блоками Вот HTML страницы с блоками: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Основы HTML и CSS</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="con"> <d…

    Asked by Carleutto,

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