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. Убрать пробелы из списков

    Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка: <!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"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> …

    Asked by zhuravlik,

    0 votes
    5 answers

  2. inclide и несколько head

    Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…

    Asked by dmifed,

    0 votes
    7 answers

  3. Почему в Opera невидно моих css стилей?

    Беда-открываю я знач страницу в опере стили котрые я писал и применял к шрифтам таблицам и т.п. НЕОТОБРАЖАЮТСЯ Что делать? p.s.в explorer вс? работатет хорошо, но надо чтобы и в опере было все хорошо... ПАМАГИТЕ плиз!

    Asked by kapnyxa,

    0 votes
    11 answers

  4. margin-right не работает в IE

    Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang=ru> <head> <title>New Land</title> <META NAME="Keywords" CONTENT="—————-"> <META NAME="Description" CONTENT="————--"> </head> <style type="text/css"> body {background-color: black; margin: 0 0 0 0;} .text {position: fixed; top: 20px; margin-left: 150px; margin-right: 150px; font-family: Arial; font-size: 12pt; color: white; text-align: justify;"} </style> <body> <div style="position: fixed; left: 0; top: 0;"> <img src="l.png"><br><img src=…

    Asked by maleficmax,

    0 votes
    4 answers

  5. Единицы длин в разных браузерах

    Собственно вопрос вот какой, какая из единиц длин наиболее точно, а лучше идеально, совпадает во всех популярных браузерах, в частности интересует форматирование текста. Я версткой уже занимаю довольно долго, и мне хватало обычно px, % и em, для приблизительного сходства, но в этот раз человек хочет что бы текст который находится на граф макете полностью, до пиксела совпадал и на готовой HTML странице, во всех браузерах. Сейчас разброс состовляет от 0-4px меж строчного расстояния в разных браузерах, пробовал так <div style="padding-top:36px; padding-left:39px; padding-right:35px;"> <p style="margin:0px; font-family:Georgia, 'Times New Roman', Ti…

    Asked by AlexKon,

    0 votes
    10 answers

  6. Блоки съезжают в firefox

    Начал верстать простенький шаблон div'ами (раньше не доводилось). Вроде сверстал, начал на валидаторе проверять под html 1.0 strict. проверил, исправил все ошибки. и после этого блоки и съехали, причем только в firefox, правый блок с числами съехал вниз (см. скрины ниже). В опере по-прежнему все как было. И в обоих браузерах съехала влево таблица с числами. Firefox: Opera: кусок кода этого блока: <!-- Правый блок --> <div id="rightcol"> <div class="blocktitle"> <span>Заголовок</span> </div> <!-- Блок с фоткой --> <div id="photo"> <div class="etoblock">Это <span>Вася</span>. И т.д. и т.п. …

    Asked by Stahanovec,

    0 votes
    5 answers

  7. Осел не дает выронять по правому краю спан

    Привет всем! Делаю свою тему для друпал. Есть блок (div class="node") шириной 100%, в нем статья. Под статьей span (class="submitted") с подписью. Хочу выровнять его по правому краю. Так вот в Мозилах и прочих операх достаточно выставить text-align:right, а Интернет Эксплорер 7 не выравнивает. Код: .node span.submitted { position:relative; font-size:0.8em; text-align:right; margin:3px; padding:2px; width:200px; border:1px solid red } .node .submitted a { color:#c21606; font-weight:bold; text-align:right; } Как видите, уже попробовал повторять свойства - не пашет! Подскажите, пожалуйста, в чем ошибка? На всякий случай код всего этого чуда: <div id="node-120" class="…

    Asked by otmoroz095,

    0 votes
    38 answers

  8. "Пропажа" слоя в 6 эксплорере.

    Господа, столкунулся с проблемой, которая меня совершенно в тупик поставила. Суть ее в том, что абсолютно спозиционированная форма прекрасно (и в нужном месте) отображается во всех браузерах кроме 6 Эксплорера. В нем ее просто как будто нет. На самом деле она, конечно есть и ее видно в коде, но она совершенно не взаимодействует со страницей. Т.Е. можно сделать высоту 20 000 px, ширину похожую, бэкграунд выкрасить в любой цвет,отступы любые сделать - это никак на страницу не повлияет. Стоит только сделать position: static как форма проявляется на своем месте и прекрасно отображается. Кроме того, такая же картина наблюдается если указать форме position: relative. Напомню,…

    Asked by N-Mak,

    0 votes
    12 answers

  9. Прижать элементы списка друг к другу

    ..... <style type="text/css"> ul.menu { padding: 0; margin: 0; } ul.menu li { padding: 0; margin: 0; } ul.menu li img { padding: 0; margin: 0; [b]float: left;[/b] text-align: right; } </style> </head> <body> ...... <table width="100%" cellpadding="0" cellspacing="0" id="header" border=1> <tr> <td width="55" height="43"></td> <td width="519" height="43" valign="bottom"> <img src="h1.jpg"><br> </td> <td height="43" class="tel" valign="top"> bla bla </td> </tr> <tr> <td width="55" height="153" class="red" valign="bottom"> <img src="/red.jpg"&g…

    Asked by sstyle,

    0 votes
    7 answers

  10. Полезные инструменты для вёрстки, посоветуете чего?

    Чем пользуетесь при вёрстке? Что может облегчить жизнь и сэкономить время? (Помимо Firebug, Web Developer, MeasureIt)

    Asked by flagreit,

    0 votes
    21 answers

  11. Кроссбраузерный @font-face

    @font-face {font-family: Lobster; src: url('fonts/Lobster.eot'); /* IE9 */ src: url('fonts/Lobster.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */ url('fonts/Lobster.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */} h1 {font-family: 'Lobster', serif; font-size: 288px;} В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите. Спасибо.

    Asked by dprzrv,

    0 votes
    3 answers

  12. Слайдер контента и element.style

    Здравствуйте. Помогите разобраться с такой штукой. Установил я слайдер контента, все работает, все Ок! Но, в самом низу, оказывается не видно цен. Ну да то понятно, высота класса, который присвоен тегу <ul>, не захватывает всей области контента.Полез я значит в стили слайдера, ковырял я его и мучал как тузик мурзика. В этом занимательном процессе, в дебагере (в браузере) я заметил вот это (см. скрин.) Вот какраз height: 538px; и регулирует высоту. Но больше всего, меня смутил класс - element.style. Такого класса в стилях и в скрипте я не нашел, параметров которые присвоены данному классу тоже. Попытка прописать высоту классу, который присвоен тегу <ul> ситуац…

    Asked by px379,

    0 votes
    11 answers

  13. Почему в форме не работает тень внутрь?

    https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?

    Asked by Launder,

    0 votes
    14 answers

  14. Верстка DIV'ами. Контент на всю полезную площадь окна

    здравствуйте! несколько дней бьюсь над следующей проблемой: в нижеприведенной разметке, когда контент короткий (1 строка на моем мониторе) после футера остается пустое место до нижнего края монитора. <div id="header"> <div id="logo"> <a href="" title=""><img src="" width="114" height="80" alt="" /></a> </div> <div id="topmenu"> <div><a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a></div> </div> &l…

    Asked by Viento,

    0 votes
    18 answers

  15. Поменять текст на кнопке выбора файла

    Как поменять текст на кнопке <input type="file"> с Обзор на другой какой-нибудь?

    Asked by user,

    0 votes
    13 answers

  16. IE7 и hover

    http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?

    Asked by DrSol,

    0 votes
    4 answers

  17. Проблема с тенью по бокам

    Здравствуйте. Вот дизайнер меня попросил добавить тень по бокам сайта. Т.к. эффект популярный я погуглил, нашёл разные решения, но то, что я нашёл и попробовал не совсем мне подходит. Вот как должно быть: http://s05.radikal.ru/i178/1103/fb/0fe06aeec462.jpg. Я брал полоску этой тени и засовывал её в обёртку блок, блок делал width: 1010px; . Но в том случае появляется такая проблема, что слева полоска отображается корректно, но т.к. она начинает идти слева направо, то справо я получаю что нарастание тени идёт не слева направо, как надо, а наоборот. Вот как в таких ситуациях правильно сделать? А то, что я пробовал дальше это уже глупость и шаманство какое то было, пробовол д…

    Asked by prowoke,

    0 votes
    6 answers

  18. Пробел в html

    Подскажите пожалуйста как поставить текст с красной строки. В html.

    Asked by FloG,

    0 votes
    4 answers

  19. CSS list-style-type, вопрос!

    Можно ли сверстать ниже написанное, с помощью синтакисиса и задать необходимый цифровой маркер? 1. Пункт один 1.1. Подпункт один один 1.2. Подпункт один два 1.3. Подпункт один три 2. Пункт два .... и т.д.

    Asked by Sotnikov,

    0 votes
    10 answers

  20. Footer внизу страницы...

    Да, да, да. Было очень много тем, где обсуждался футер внизу страницы. Но у всех тех решений есть один существенный недостаток: жестко прописывается высота футера. Между тем часто нельзя заранее узнать высоту футера. Например, есть у меня в футере несколько ссылок и высоты 50рх достаточно. Но завтра мне может понадобиться вставить туда кучку логотипов и высота увеличиться неизвестно на сколько. Просмотрел кучу ссылок, но решения с высотой футера, растягивающейся под контент, так и не нашел. Неужто его не существует? (без джабы)

    Asked by RoleXXX,

    0 votes
    9 answers

  21. Проблема с уменьшением шрифта template.css

    Сайт на шаблоне Joomla 1.5. Меняю размер шрифта в template.css пишет - недоступен на запись. Права на файл правильные. Где копать?

    Asked by Pilot,

    0 votes
    15 answers

  22. Расположение потомка позади предка

    Можно ли расположить элемент-потомок позади родительского элемента? С z-index ковырялся, но не вышло.

    Asked by Titansword,

    0 votes
    17 answers

  23. Выравнивание таблицы внутри таблицы

    Схема таблицы: Как видно на схеме используются таблицы в таблицах. Основная таблица с тремя блоками,с жесткими рамками по ширине,по высоте ничем не ограничена. Таблицы 1-1,1-2,1-3, 2-1,2-2,2-3, 3-1 ровняются по верху основной таблицы. Вопрос как сделать так что бы таблица 3-2 всегда ровнялась по нижнему краю основной таблицы?

    Asked by coool,

    0 votes
    6 answers

  24. Опера глюки

    Ребята, есть такая верстка: http://antoxa.name/portfolio/oastyle/ В Opera при первой загрузке в меню замечается глюк, при обновлении глюк пропадает, подскажите в чем грабли? Очень не хочется пункты меню делать картинками. P.S.: Opera 9.51

    Asked by Zippovich,

    0 votes
    11 answers

  25. "Промельк" при hover

    Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?

    Asked by Verder,

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