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. Прижатый footer и ajax

    Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой footer прижимается снизу следующим методом: <div class="l-wrap"> <header>Header</header> <div class="l-empty"></div> </div> <footer>Footer</footer> html, body { margin:0; padding:0; width:100%; height:100%; } .l-wrap { position:relative; min-height:100%; height:auto !important; height:100%; } .l-empty { height:100px; } footer { margin-top:-100px; height:100px; } Footer прижимается и это хорошо. Но когда мы подгружаем контент через AJAX, происходит следующее: 1. Javascript удаляет содержимое в .l-wrap. 2. Приж…

    Asked by jankovsky,

    0 votes
    5 answers

  2. Высота инпута на разных девайсах разная

    У меня есть форма. Так вот во всех браузерах на десктопе отображается отлично. Сайт отзывчивый и используются медиа-запросы. Так вот на некоторых мобильных устройствах инпуты отображаются не так, как задумано. А именно высота больше чем нужно. Например, на iOS устройствах наблюдается такое. На андроидах тестировал всего лишь на нескольких устойствах и там все нормально. Способа указать файл стилей только лишь для iOS устройств как я понял из поиска нет. Если задаю <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel= "stylesheet" href="static/css/mobile.css" media="handheld,only screen and (max-device-width:768px)"/>то файл mobile.c…

    Asked by helio,

    0 votes
    3 answers

  3. Выравнивание и overflow

    Здравствуйте. Есть у меня сайт http://www.wanderer88.tu2.ru/gbook.php. Когда я ввожу длинный www или e-mail таблица смещается. Как я понимаю нужно использовать overflow, но для таблицы его использовать нельзя, поэтому мне кажется нужно использовать div'ы. Но как это вс? организовать? Я уже div вставлял во всю таблицу (отдельное сообщение), в отдельную строку, в отдельный столбец - ничего не получается. Использовал свойство hidden у overflow. Или я иду не в том направлении?

    Asked by Александръ,

    0 votes
    3 answers

  4. Инпут вылазиит за пределы ячейки

    Есть простенькая таблица для примера: в ней 1 строка, 2 ячейки, в левом - инпут. Специально, чтобы видеть границы ячеек видны бордюры. Так вот, инпут вылазиит за пределы ячейки и налазиит на правую ячейку. Ширину ему указываю 100%, хочу чтобы он был на всю ячейку, но никак не больше и не меньше. Указать 99% и т. п. не вариант, т. к. в конечном виде будут ячейки разной (в том числе и большой) ширины и для одних ячеек 1% будет мало, для других слишком много. Проблема касается всех браузеров (ИЕ, ФФ, Опера). Ниже представлен код таблицы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x…

    Asked by Guest Гость_Дмитрий_*,

    0 votes
    2 answers

  5. как сделать так, чтобы слои не сжимались по браузеру (когда браузер рзвернут не на весь экран)

    Здравствуйте, подскажите пожалуйста. Как сделать так, чтобы слои не сжимались по браузеру (когда браузер рзвернут не на весь экран), а появлялась полоса прокрутки. Пробывал, картинку шириой 1000px вставить, горизонтальный ползунок появился, а вот слои сжимаються. Извините, что тему каряво назвал (торопился, блин и переименовать нельзя).

    Asked by Niodar,

    0 votes
    2 answers

  6. Приоритеты CSS

    немного описания: есть пользователи, ники которых окрашиваются в определенный цвет(в зависимости от группы), и есть переменная которая выводит модераторов разделов, ники модераторов окрашиваются в зависимости от принадлежности модератора к группе, задача сделать цвет модераторов другим-единым цветом например: <div class="smallfont">Модератор форума: $forum[moderators]</div> $forum[moderators] уже подкрашивается в зависимости от группы. если сделать <div class="smallfont">Модератор форума: <span class="moder">$forum[moderators]</span></div> подкрашиваются только запятые разделяющие ники вот CSS //Оформление модераторов .moder{ color…

    Asked by slavok47,

    0 votes
    4 answers

  7. Картинка по центру

    На гугле не забанен, но то что мне надо я так и не нашёл. В общем у меня в контенте идёт текст, потом картинка, потом опять текст, потом опять картинка. Мне надо сделать так, чтобы картинки были по центру выравненны в контенте с помощью css. Как это сделать? Вроде есть что то типо padding-left: 0 50%. Но у меня это что то не работает.

    Asked by prowoke,

    0 votes
    8 answers

  8. Сверстал шапку от сайта

    Приветствую всех! Учусь верстать. Сверстал в качестве тренировки шапку сайта 003 ру Я так понимаю, что она не очень сложная в верстке, но все же хотелось бы услышать пожелания, что плохо и как лучше не делать. Если не затруднит, покритикуйте пожалуйста. Спасибо! http://workoffice.ru/tmp/003/index.html

    Asked by lodyr,

    0 votes
    2 answers

  9. Резинавая верстка

    Подскажите пожалуйста список большинства популярных разрешений для резиновой верстки с использованием: @media screen and (max-width: ***px){} Для деспотов: 1024x768, 1280x1024, 1680x1050, 1920x1080 эти как я понял ноутбуков: вообще не знаю планшетов: 7" и 10.1" но как понимаю есть еще небольшой зоопарк от Sumsung + Ретина дисплеи + еще горизонтальное и вертикальное расположение смартфонов: ??? там вообще грандиозный зоопарк... игровых приставок: (PS3 Xbox) точнее скорее для широкоформатных телевизоров. цель простая. хочу сделать собственный набросок или пару набросков для адаптивной верстки под свои нужды. Вообще идеальным было бы если бы дали ссылку на статейку или …

    Asked by stDragon,

    0 votes
    3 answers

  10. Перенос строки меню джумла + присвоение нового класса

    Доброго времени суток! Задача стоит такая... есть меню джумла... http://st-food.com/ - такое... (тепловое оборудование..холодильное...) class="nazva1" - Тепловое class="nazva2" - оборудование http://food.mysonar.ru/ - не понимаю как такое выполнить здесь... перенос строки могу сделать, получится в две строчки, межстрочный интервал уменьшить, но!!!! как придать класс nazva2? Подскажите кто сталкивался с таким... осталась только эта проблема в верстке!

    Asked by Pavel Sonar,

    0 votes
    0 answers

  11. выпадающее меню на css

    Помогите пожалуйста сделать выпадающее меню на css, без jq. Спасибо <div id="menu"> <ul><li><a href="#">click me</a></li><ul><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li></ul><li class="standup"><a href="">ССЫЛКА1</a></li><li class="standup"><a href="">ССЫЛКА2</a></li><li class="standup"><a href="">ССЫЛКА3</a></li><li class="standup"><a href="">ССЫЛКА4</a></li></ul></d…

    Asked by diktor13,

    0 votes
    2 answers

  12. background to slider

    Добрый вечер, подскажите как можно выставить фото слайдер background для элементов контента. Пробовал через z-index, получается криво. Нужно чтоб было вот так http://pixs.ru/showimage/VillaSanMa_8067826_14250958.jpg а получается вот так http://sport.teslalight.com.ua/ Спасибо.

    Asked by mrfrunze,

    0 votes
    5 answers

  13. Less

    Всем привет. Хотел спросить. Вот сайт который я с верстал на less http://verstka-primer.esy.es/Zonya/ я просто подключил js файл и создал style.less . Читал что лучше его компилировать. А вот как это делать. У меня стоит linux. Когда компилировать надо файл less после того когда ты все с верстал, или по ходу работы ? Можете пожалуйста объяснить мне, а то вот именно про компиляцию как и что там, инфу я не нашел.

    Asked by Shenia132,

    0 votes
    2 answers

  14. Добавление ссылки на canvas

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <script> var canvas, ctx; function main() { canvas = document.createElement("canvas"); ctx = canvas.getContext("2d"); document.body.appendChild(canvas); canvas.style.background = '#BAE1EC'; } main(); </script> </body> </html> Как добавить ссылку на этот canvas с помощью innerHTML?

    Asked by Alexey89,

    0 votes
    0 answers

  15. Отображение текста в браузерах

    Добрый день! Создал меню, текст в google chrome отображается не вылезая за границы, а в firefox как на картинке. В чем проблема и как это исправить?

    Asked by мурамаса,

    0 votes
    2 answers

  16. Эластичное меню

    Каким образом добится табличной эластичности? Через списки тоже пробовала, такая же картина. При ресайзе фон поджимается, а элементы меню уходят за границу браузера. Таблицей не предлагать - ибо задача была переписать страницу с таблиц в блоки :-) Как видно из css левый блок с заданной шириной, а правый, где и размещается меню - по остальной ширине экрана. В словосочетаниях непечатаемый символ потому, что начинает переносится меню на вторую строку. Можно ли как то выкрутится без nbsp? CSS: .logo { position: absolute; left: 0px; top: 0px; width: 285px; background-color: #86adf8; padding-right: 2px; padding-bottom: 0px; } .top-right-place { height: 463px; backgr…

    Asked by Троица,

    0 votes
    0 answers

  17. преобразование &quot у IE

    Требуется вывести на страницу параметры к пхп-скрипту, одним из которых является &quotes Опера реагирует адекватно, выводя "как есть", а вот эксплорер, видя &quot, резво стремится напакостить, преобразовав в кавычку.. Думаю это должно фикситься тегом/стилем, но не нашел вообще ничего о_О

    Asked by DarkAdept,

    0 votes
    1 answer

  18. Frameset

    здраствуйте у меня на сайте frameset состоит из 4х фреймов проблема такая в некоторых ситуациях нужно при переходе в одном фрейме обновить информацию в другом! именно обновить ну или перейти на ту же самую страницу ) прошу помочь )

    Asked by Guest lancer666,

    0 votes
    1 answer

  19. глючит сайт в IE6

    Сайт*** там меню и бэкгроунд глючит в IE6 Используется iepngfix в файле тилей он вызывается .png{behavior:url(js/iepngfix.php)} вот содержимое iepngfix.php <?php // Use this file in your CSS in place of the .HTC file if it works offline but not online. // It will send the correct MIME type so that IE will execute the script correctly. header('Content-type: text/x-component'); include('iepngfix.htc'); ?> Во всех браузерах и во всех версиях работает, только в IE6 и младше такой глюк. Еще ошибка на сайте Access is denied: http://www.crocustours.ru/js/iepngfix.php

    Asked by SoFuWa,

    0 votes
    4 answers

  20. Позиционирование со знаком минус (-)

    Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо

    Asked by maasja,

    0 votes
    8 answers

  21. ширина картинки

    подскажите,почему у меня не работает "width=100%" в опере? в мозилле работает,а в опере нет <img src="slog.png" "width=100%" "height=148px"> что неправильно?

    Asked by kira01,

    0 votes
    9 answers

  22. Размер шрифта

    В процессе резиновой вёрстки возник вопрос: Возможно ли,что бы при увеличении разрешения экрана увеличивался и текст? Если да, то каким образом это осуществить?

    Asked by GaDiV,

    0 votes
    12 answers

  23. Резиновый бэкграунд, как луше поступить?

    Есть картинка, которая должна являться бэкграундом. Как поступить?: 1) Разместить в html img с шириной в 100% абсолютом и z-index, или же... 2) Создать два дополнительных дива, и поставить на них бэкграунд в css (content - середина картинки с repereat-x ибо середина однообразана, content-bg-left - левая часть бэкграунда, content-bg-right- правая часть бэкграунда) Во втором случае общий размер будет больше и количество обращений, но, в тоже время способ с img - это какое-то неправильное извращение. Как посоветуете поступить и почему?

    Asked by angel12,

    0 votes
    7 answers

  24. Личный сайт-портфолио

    Я фрилансер-верстальщик. Появилась идея сделать своя сайт портфолио. Скажите, а есть ли смысл? Поможет ли этот как то в поиске работы, или же достаточно аккаунта с портфолио на фрилансе?

    Asked by DartBein,

    0 votes
    9 answers

  25. line-height и единицы измерения

    собственно обнаружил такой занимательный факт, что при использовании line-height: 1 и line-height: 1em результат, как ни странно, разный - это с цикла статей с css-livehttp://jsfiddle.net/usfe/u8TCq/ - вот прекрасный пример от psywalker'a. А теперь попробуйте сменить line-height у body с "1" на "1em" и увидите как поменяется результат. складывается ощущение, что без EM работает куда ЛОГИЧНЕЕ, так как значение line-height для инлайна высчитывается исходя из его текущего размера шрифта. а вот при использовании em прохисходит, будто высота строки определяется высотой, которая высчитывается не относительно текущего шрифта, а относительного того, который был указан вместе…

    Asked by USF,

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