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. Помогите с второстепенными страничками.

    Моя вторая тема с просьбой разобраться) Есть код: main.tpl <!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" xml:lang="ru" lang="ru"> <head> {headers} <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> <link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" /> <link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" /> </head> <body> {AJAX} <div class="wrapper"> <div class="lineinfo"> </div> <div class="heder"> …

    Asked by TiestoClubLife,

    0 votes
    2 answers

  2. Убрать ненужные полосы

    Всем джамбо. Нужно убрать полосы под текстом и снизу страницы...подскажите плз. http://itmages.ru/image/view/1024274/9b069dfd

    Asked by CatInTheBread,

    0 votes
    15 answers

  3. Как сверстать такие блоки?

    Добрый день. Помогите, плз, сделать такую верстку, как на картинке во вложении. Таблицей большая часть делается за 10 минут, но, как мне сказали, таблицы - это фуфло, и надо дивами. В общем долго маялся через эти дивы - ничего не выходит. Либо приходится какие-то извращения придумывать, например, сделать контайнет, в нем сделать левый паддинг на 400 пикселей, и в эту область разместить абсолютный элемент, а в нормальную область все остальное, чтобы в строку было, либо еще что-то. Делать продвинутыми средствами как псевдо-таблицы (так это называется?) пока не хочу, т.к. эта верстка нужна для интернет-магазина, а он должен показываться правильно везде. И также, как я понял,…

    Asked by xmlns,

    0 votes
    5 answers

  4. Меню 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

  5. создание сайта-вопросника

    Добрый день. Сразу к делу- интересует с чего нужно создавать сайт-вопросник : то-есть посетитель заходит,оставляет свой вопрос, мне приходит уведомление, я отвечаю-ответ приходит на сайт под его вопрос. Спасибо за внимание)лучей добра

    Asked by Na2SO4,

    0 votes
    5 answers

  6. Cufon только для меню

    Всем джамбо. Может кто сталкивался, нужно куфоновский шрифт подключить только для пунктов меню, а для остального контента ничего не менять... Если что для всего сайта шрифт вставлял так Cufon.replace("body", {fontFamily : "TucsonOne"});

    Asked by CatInTheBread,

    0 votes
    21 answers

  7. не выравнивается в обьедененной ячейке

    Не работает вертикальное выравнивание в обьедененной ячеке на странице http://shkafmos.ru/ugl-kat1.html (там где большая картинка) смотрел в файрфоксе, в IE вообще не демонстрируется большая картинка. коректно отображается только в Хроме. Пожалуйста помогите разобратся?

    Asked by adve,

    0 votes
    5 answers

  8. Как переносить шрифты из фотошопа и css?

    В макете фотошоповском текст следующего вида: Arial Narrow 14px жесткое сглаживание псевдополужирный узкий ариал почему-то не работает. погуглил и более менее похожее нашел можно сделать следующим образом font-family:'Arial Narrow', Arial, sans-serif; font-stretch: condensed; но вот как сделать жесткое сглаживание и псевдополужирность? Или подобное лучше в виде картинок оставить?

    Asked by nikki4,

    0 votes
    1 answer

  9. нужно href ссылку передать в input

    closed

    Asked by radioactive,

    0 votes
    3 answers

  10. Посоветуйте програму для рисования в PNG под иконки в CSS

    Посоветуйте в чем нарисовать иконки в PNG с элементами имеющими прозрачные области. К примеру логотип Вконтакте: квадрат с вырезанной буквой "В" в центре. К примеру в фотошопе приходится вырезать букву В в ручную, что не очень радует. Может есть попроще и покрасивее способы? Спасибо.

    Asked by bios,

    0 votes
    7 answers

  11. Почему подвал не опускается?

    Все практикуюсь в верстке макета. Возник вопрос. Почему при наполнении контента подвал не опускается вниз? ну и заодно сразу следующий - как сделать чтобы опустился? а то будут например всякие картинки и т.п.. чтоб page-item растягивался и подвал опускался Вот ссылка

    Asked by nikki4,

    0 votes
    1 answer

  12. Логотип

    Я вырезаю логотип и мне нужно в фотошопе сделать прозрачным его?? Подскажите плз???

    Asked by Sergey410,

    0 votes
    1 answer

  13. Вставка генерируемого содержимого :before

    a[href*="russian.html"]:before {background: url(bullet2.png) no-repeat; border:1px solid black;} если убрать из кода псевдоэлемент :before то картинка появится, но мне не хочется добавлять 0 6px padding-left: 15px. чтобы она стала слева перед ссылкой. Почему маленькая картинка перед ссылкой не отображается?

    Asked by Delat,

    0 votes
    10 answers

  14. меню:применила hover,но в ie8 он не перекрывает разделитель

    Всем привет! Не работает в ie8: Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. И это происходит, если я веду курсором по пунктам меню СЛЕВА НАПРАВО, а если наоборот, то работает корректно,только разделитель чернеет, хотя он зеленого цвета Как можно сделать так, чтобы и разделитель слева закрывался фоном и разделитель не чернел? .Menu-2 { margin:0; padding:0; float:left; width:1200px; height:40px; background:url(/template/menu/menu_1/img/menu2_line.png) no-repea…

    Asked by Nailya,

    0 votes
    3 answers

  15. Почему на этой странице блок выше?

    Вот нормально все в футере ссылки удалил... но именно на этой странице он поднимается выше (а надо чтоб граница была нормально а не висела так.,) логика подсказывает что это как-то связанно с тем, что на этой странице нет картинок в 1 и 3 блоке верхнего футера... но что делать? как исправить кроме как присвоить этой странице дополнительный стиль и подвинуть (но мне кажется это не совсем правильынй метод и я тут что-то криво сделал) Спасибо! буду знать. Правда пока по-быстрому выкрутился создав дублирующий блок с другим классом

    Asked by nikki4,

    0 votes
    1 answer

  16. Подскажите размещение блоков

    Добрый день. подскажите пожалуйста как лучше всего закрепить блоки согласно рисунка так чтобы image 1 всегда было сверху, а image 2 всегда было снизу высота контейнера меняется согласно его заполнения Заранее всем спасибо

    Asked by PesBarbos,

    0 votes
    2 answers

  17. HTML письмо, проблемы с отображением

    HTML письмо находится тут. Браузеры письмо отображают прекрасно, при отправке письма через mozila thunderbird, в окне предварительного просмотра письмо отображается правельно и красиво. А вот при получении письма уже появляется проблема с отоброжением таблицы на фиолетовом фоне (проверял в outlook и gmail). На ваш взгляд в чем может быть проблема ?

    Asked by Mirabo4,

    0 votes
    3 answers

  18. css,не показывает backround

    Всем привет. Мне нужно наложить текст на картинку,но почему-то картинка не показывется. html: <table border="0" cellpadding="0" cellspacing="0" align="center" id="myPets"> <tbody> <tr> <td class="MyPetsText"> <?if(!$USER_LOGGED_IN$)?>Заведите зверика, дрессируйте, ласкайте, играйте с ним. Ухаживайте за ним, как за настоящим домашним любимцем, и тогда он отплатит Вам настоящей любовью и преданностью, станет предметом гордости и восхищения.<?endif?></td></tr></tbody></table> css: #myPets{backround:url('http://newzveriki.ucoz.com/MyPets.png') no-repeat;width:634px; height:137px;} .myPetsText {padding:2px 20px 1…

    Asked by mcdude,

    0 votes
    2 answers

  19. почему не работает border-spacing?

    почему не работает border-spacing???? расстояние не появляется между свойство и цель border-spacing в конце стилей http://jsfiddle.net/hWmC2/ <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> table{ background-color:#efefef; width:350px; border-style:solid; border-width:1px; border-color:#999999; font-family:arial, verdana, sans-serif; } caption{ font-weight:bold; text-align:center; border-style:solid; border-width:1px; border-color:#666666; color:#666666; } th{ height:50px; font-weight:bold; text-align:left; background-color:#cccccc; } td, th{ padding:5px; } td.code{ width:15…

    Asked by DivMan,

    0 votes
    7 answers

  20. Почему так?

    Кто может подсказать почему IE не правильно отображает. Вот google chrome А вот IE Вот код. <style> body { background: url(../image/frame.jpg) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; } </style>

    Asked by Vladlen,

    0 votes
    5 answers

  21. вертикальное выравнивание с text-overflow:ellipsis;

    Привет. Почти как обычно: выровнять блок вертикально по центру родителя, высота блока зависит от контента, родитель должен реагировть на переполнение по Y (переполняет выравниваемый блок) увеличением высоты или появлением скролла. Можно использовать продвинутый (-webkit) css. Проблема в том, что блок содержит детей с overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; из-за чего стандартные способы ломаются: 1. display:table-cell; + vertical-align:middle; http://jsfiddle.net/7Ewfx/7/ не срабатывает overflow:hidden; . 2. display:flex; + align-items:center; http://jsfiddle.net/7Ewfx/8/ не срабатывает text-overflow:ellipsis; и блок с текстом смещается влево. 3. …

    Asked by Riim,

    0 votes
    1 answer

  22. наложение картинки для кнопки со стрелкой в теге select

    Все привет! Возникла проблема с наложением картинки для кнопки в селекте, необходимо сделать select более привлекательным, но когда картинка поверх кнопки, сам клик не срабатывает Подскажите, есть ли какие-нибудь варианты для этого <img src="img/ramka.png"> <select name="sel"> <option value="asp">маленький </option> <option value="js">средний </option> <option value="php">большой </option> </select><img id="fon_for_arrow" src="img/fon_for_arrow.png"> select{ position:absolute; z-index:1; padding:1px 0; border:0; color:#636363; font:italic 15px Arial; } img{ position:relative; top:-2px; left:110px; } #fon_…

    Asked by Nailya,

    0 votes
    1 answer

  23. Что я не так делаю?

    начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: http://jsfiddle.net/7uHS9/ посмотрите если не сложно, и скажите что не так пожалуйста, и как нужно правильно делать... делал по этому скриншоту: http://www.prostoj-sajt.ru/wp-content/uploads/2012/10/Shablon-s-reklamnym-blokom.png (в интернете нашёл скриншот простого шаблона для того чтобы учиться) знаю что сделано ужасно, но я только учусь верстать...

    Asked by napstyle,

    0 votes
    4 answers

  24. Как сделать блок ссылкой?

    я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст. пример (код html): <div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p> пример (код css): .primer {width: 100px; height: 100px;} как мне теперь сделать этот целый блок (100x100) ссылкой? как я понял, это не подходит: <a href="#"><div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p></a> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?

    Asked by napstyle,

    0 votes
    19 answers

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

    Как сделать, чтобы не все поля меняли свой размер, так как в css уже прописан определённый размер и там он устраивает, а в некоторых местах хотелось бы, чтобы он не применялся к некоторым полям и они были бы меньше. И размер шрифта водимый в эти поля не изменялся. Пример поля: <input name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму"/> ... <select name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;"> <optgroup label="Выбор"> <option value="1">WMR</option> <option value="2">WMZ</option> …

    Asked by lev99,

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