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

    Избитая тема прижимания footer'a к низу браузера. Помогите отыскать его и прижать х) это код из Joomla шаблона в котором footer не хочет прижиматься к низу браузера По сути некоторые элементы не правильно позиционированы. Сам шаблон статичный. ——————————————————————————————————————————— Html ——————————————————————————————————————————— [color="#C0C0C0"]<?php /** * @copyright Copyright (C) 2005 - 2009 RocketTheme, LLC - All Rights Reserved. * @license GNU/GPL, see LICENSE.php **/ defined( '_JEXEC' ) or die( 'Restricted access' ); define( 'YOURBASEPATH', dirname(__FILE__) ); $color_style = $this->params->get("colorStyle", "dark"); $template_width = $this-&g…

    Asked by lilo,

    0 votes
    7 answers

  2. Проблемы с трехколоночным макетом

    Уважаемые гуру! уже несколько дней бьюсь с трехколоночным макетом.. Не могу сделать так, чтоб 3-я колонка поднялась вверх. Её что-то опускает вниз. Напишите в какую сторону копать.. Спасибо! index.html <html><header><link rel="stylesheet" type="text/css" href="style.css"></header><body><div id="main"> <div id="header">Header<div id="menu">Menu</div> </div><div id="clear"> </div><div id="wrap"><div id="left_col">left</div><div id="slideshow">Slideshow</div> <div id="content">Content</div><div id="right_col">Right</div></div><div id="clear…

    Asked by compik,

    0 votes
    19 answers

  3. Изменение цвета рамки у поля при фокусе

    При фокусе текстового поля цвет рамки должен меняться на цвет #663d15 Вот так: Использую :focus, но это не дает никакого эффекта http://codepen.io/anon/pen/RNMbNa

    Asked by yaparoff,

    0 votes
    4 answers

  4. Табличная верстка

    Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки. Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен. <style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0…

    Asked by bdrch,

    0 votes
    6 answers

  5. Проблемы с отступами в DIV

    Добрый день. Работая с дивами иногда возникают проблемы: 1. Текст Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы. 2. текстИногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5). Сталкивался ли кто-нибудь с подобным, и как с этим бороться? Заранее благодарен.

    Asked by bond84,

    0 votes
    2 answers

  6. Возможен ли такой трехколоночный макет?

    Возможен ли такой резиновый трехколоночный макет? Сверху - заголовок, затем столбец таблицы слева, посередине - слой, справа - снова столбец таблицы, снизу - подвал. Нигде такого не видел, но хотелось бы использовать. Или можно применить только полностью табличную либо верстку только на слоях?

    Asked by Strelok,

    0 votes
    7 answers

  7. Как вывести на РНР таблицу "зебра"

    Подскажите, пожалуйста, принцип вывода таблицы на РНР с разноцветными строками. Как сейчас часто можно увидеть таблицу, где чередуется, например, серая и белая строка с данными.

    Asked by banyman,

    0 votes
    4 answers

  8. float

    Задача: Выставить в ряд 3 float:left, но запретить им перенос друг под друга при нехватке длины родителя. Есть варианты? А может float тут вообще не при чем? Может поставить в линию без переноса 3 резиновых блока можно как-то по-другому?

    Asked by RoleXXX,

    0 votes
    11 answers

  9. Ошибка в коде РНР

    Имеется файл sing.php <? session_start(); error_reporting(E_ALL & ~E_NOTICE); require_once('./global.php'); if (isset($_SESSION['suserid'])) {$suserid=$_SESSION['suserid']; if ($suserid == '') {unset ($suserid);}} if ($suserid>0) { $sing = $vbulletin->db->query_first("SELECT name FROM usersing WHERE userid = $suserid");} if ($sing != "") { } else { $sing = "пусто"; } echo "{$sing[name]}"; ?> создаю модуль ob_start(); session_start(); $_SESSION['suserid'] = $post['userid']; include('./sing.php'); $sing[name] = ob_get_contents(); ob_end_clean(); если обратиться к sing.php напрямую показывает пусто если же в ставляю переменную из модуля $sing[name] в …

    Asked by slavok47,

    0 votes
    6 answers

  10. Блочная ссылка, вылезающая за границы предка

    Имеется ряд ссылок с display:block, выступающих за границы родительского элемента с display: inline-block (живой пример — главное меню на www.zgames.com). В IE7-8, FF и Вебкитах это работает как ожидается, но в актуальных Операх (как минимум начиная с 10.61, включая альфу 11) и IE9 beta в режиме IE9 наблюдается странная вещь: нижние выступающие части ссылок почему-то некликабельны, а в Операх вдобавок текст этих выступающих частей исчезает при скроллинге и появляется заново только после наведения. Неужели так и должно быть по стандарту? Буду крайне благодарен за подсказку, какому месту стандарта противоречит такая конструкция. Задача, для которой понадобился такой изврат …

    Asked by SelenIT,

    0 votes
    5 answers

  11. Контейнер div выравнивание по горизонтали

    Доброго времени суток! Верстаю страницу и уже замучался выравнивать div контейнер. Он содержит два div'а. Один рисует кнопку с надписью, равняю текст таблицей, второй это иконка, которая должна лечь на кнопку. Проблем бы не было если бы это была просто одна кнопка целиком тогда прописывая ее ширину в контейнере и margin: 0 auto; я бы получил выравнивание по горизонтали по центру. Но тут два div'а внутри, которые по размеру не влазят в максимальную ширину контейнера, при этом один налагается на другой. Вот код: <div class="lmenubut"> <div class="catbut"> <table cellpadding="0" cellspacing="0" border="0"><tr><td align="center" valign="midd…

    Asked by sivsoft,

    0 votes
    0 answers

  12. Оформление блока

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

    Asked by lindim,

    0 votes
    4 answers

  13. как сделать эффект нажатия кнопки

    как сделать что бы при нажатии кнопка(не <button>) "впадала"

    Asked by atew,

    0 votes
    2 answers

  14. Проблема с позиционированием картинок или дивов внутри дива.

    Здравствуйте, помогите разобраться с позиционированием картинок (или дивов) внутри дива. Вот так должен выглядеть сайт Так он выглядит без картинок Код на этом этапе <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Страница</title> <style> body{background-image:url('background.jpg');} div.container{margin:0 auto;width:1117px;height:100%;} div.header{height:250px;background-color:#F2F9FE;;} div.nav{height:40px;border-left:1px solid #F2F9FE;;} div.content{min-height:730px;background-color:#F2F9FE;;} div.footer{height:20px;text-align:center;color:#000000;font-size:10px;} div.menu-item{ background-color: #008…

    Asked by SvetaMatsibora,

    0 votes
    6 answers

  15. растянуть inline-block до конца строки

    помогите пожалуйста растянуть правый внутренний inline-block до конца строки http://plnkr.co/edit/Pug0TBbVWjF0wEkYpcT9?p=preview есть такой вариант, но в этом случае перестает работать vertical-align: middle http://plnkr.co/edit/q69ycAxFC3yx2k2nTlbQ?p=preview

    Asked by FeelUs,

    0 votes
    1 answer

  16. Google PageSpeed Insights Оптимизируйте код CSS

    Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :

    Asked by clgs,

    0 votes
    8 answers

  17. Кодировка

    Здравствуйте! Столкнулся с проблемой. Вс? везде хорошо, а именно на одной странице сайта кодировка загружается турецкая ч? делать не знаю

    Asked by FloG,

    0 votes
    8 answers

  18. Верстка меню

    Здравствуйте! Хочу попросить помощь в правке верстки меню... Верстал не я, но поправить надо! Меню сверстано на дивах так: <div class="header_menu"><div class="r"><div class="c"> <ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">4</a></li> <li><a href="">5</a></li> <li><a href="">6</a></li> <li><a href="">7</a></li> </ul> <div class="clear"><img src="site.ru/images/space…

    Asked by caelicola,

    0 votes
    9 answers

  19. clear: left не убирает обтекание при стиле "div div { float: left

    <div style="clear: left;"></div> в такой конструкции не отрабатывает <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомп…

    Asked by iillyyaa2,

    0 votes
    9 answers

  20. слайдер и форма связи.

    Здравствуйте. У меня возникли 2 проблемы. Возможно Вы мне здесь поможете, буду очень благодарен. И так: 1. Форма связи. Настроить js для отправки и посмотреть правильно ли написан скрипт отправки. Нужно подключить форму обратной связи к html. Короче чтобы работало и отправляло. Вот хтмл-код формы: А вот сам скрипт : 2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.

    Asked by explo1d,

    0 votes
    3 answers

  21. вопросы по стилям списков

    1. а можно сделать, чтоб у каждого пункта списка бяла своя картинка (предпологается фиксированное количество пунктов списка) 2. как выровнять по центру картинки содержимое пункта списка?

    Asked by sc@r@bey,

    0 votes
    11 answers

  22. нужна помощь в css

    почему эта менюшка в браузерах по разному смотрится?? #menu_it { font-size: 0.95em; height:2.8em; color: #000; width: 568px; float:right; } #menu_it a { display:block; float:left; color: #003388; background-color: #fff; text-align:center; padding: 8px 18px; margin-right: 2px; } #menu_it a:hover { color: #FFA500; background-color: #f5f5f5; } /* Header */ #header { width: 1024px; height: 335px; margin: 0 auto; background: #FFA500 url(images/header2.jpg) no-repeat left top; } т.е. в IE видиться сверху header? а в Mozilla, Ghrome, Opera - внизу header/

    Asked by ask1503,

    0 votes
    7 answers

  23. Неправильное отображение шрифта текста.

    Имеется вот такой код: <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступ…

    Asked by ErUnDAK,

    0 votes
    0 answers

  24. в IE и FF исходный текст (код html) открывается в новом маленьком...

    в IE и FF исходный текст (код html) открывается в новом маленьком окне, а в Опере на всю страницу. Можно ли настроить чтобы в Опере открывались в маленьком окне? как в IE и FF

    Asked by Давид,

    0 votes
    2 answers

  25. Как убрать фон картинкой у первого пункта списка <li>, если заданы у всех остальных

    Всех приветствую. Создаю горизонтальное меню, тегами <li>...</li>. Между пунктами меню должны быть картинки, их засовываю в свойство background-image. Получается примерно следующее: #menu li{ float: left; list-style: none outside; margin: 0px; padding-left: 50px; background: transparent 16px 13px; background-image: url(bullet.gif); background-repeat: no-repeat; } При этом перед первым пунктом меню картинки быть не должно. Для этого придаю ему идентификатор <li id="service">...</li>. И делаю свойство #service{ padding: 0px; background-image: none; } Не срабатывает убирание бакграунда. Прошу помочь. Спасибо.

    Asked by extruder,

    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