HTML Coding

29542 questions in this forum

1. Как кнопку превратить в ссылку?

   Как кнопку превратить в ссылку? а точнее вот код кнопки <?php if($type == 'logout') : ?> <div id="logins"> <?php if ($params->get('greeting')) : ?> <?php echo JText::_('HINAME') ?><?php echo ($user->get('name') ); ?> <?php endif; ?> <form action="index.php" method="post" name="login" id="form-login"> <input type="submit" name="Submit2" class="button" value="Atsijungti" /> <input type="hidden" name="option" value="com_user" /> <input type="hidden" name="task" value="logout" /> <input type="hidden" name="return" value="<?php echo $return; ?>" /> </form> </div> и надо что бы это б…

   Asked by bowa, January 11, 2011

   0 votes
   16 answers
2. z-index не перекрывает body

   Поочему фон со звёздами не прячется под body у которого: body { background-color: #EDE8C9; position:relative; z-index: 2; font-family: "RobotoRegular", sans-serif; font-size: 16px;

   Asked by Brodyaga337, July 28, 2017

   • z-index
   • body
   0 votes
   6 answers
3. Как растянуть рамку div-а по содержимому?

   Здравствуйте! У меня на странице элемент с постоянно меняющимися размерами заключ?н в рамку. Код такой: <div class="myborder2"></div> .myborder2 { border: 1px solid blue; width:auto; padding:0px; position:relative; display:table; } Из-за display:table; это дело не работает в IE (элемент имеет ширину, равную ширине страницы). Подскажите пожалуйста кроссбраузерное решение проблемы. Заранее спасибо.

   Asked by realmadrid, December 11, 2007

   0 votes
   4 answers
4. position: absolute скрытый overflow: hidden

   Приветствую всех. Есть такой код В блоках: container-1, и .container-2 все идентично. В блоках: .wrap-1, и .wrap-2 почти так же, за исключением блока .wrap-1 в котором добавлено overflow: hidden; Результат вы сами видите: .wrap-1 не позволяет container-1 выползти за его границы. В принципе по логике все ясно, просто я думал раньше что он вылезает вообще из общего потока на самый верх, но вопрос не в этом...а в том как это убрать, если мне нужно именно такие стили с overflow: hidden; и position: absolute одновременно?

   Asked by Arthur, October 11, 2014

   • position: absolute
   • overflow: hidden
   0 votes
   13 answers
5. Обрезать текст по высоте.

   Приветствую, подскажите друзья как быть, представим, что есть новость, высота блока новости 40px. Нужно сделать так, что текст обрезался не по ширине в одну строчку, а по высоте и в конце ставил троеточие, как это можно сделать используя text-overflow. http://htmlbook.ru/css/text-overflow тут описан способ обрезки текста в строчку без переносов, что мне не подходит.

   Asked by papay, May 24, 2016

   • text-overflow
   0 votes
   3 answers
6. Как сделать скролл на один экран вниз?

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

   Asked by tefery, December 22, 2016

   • jquery
   • scroll
   0 votes
   2 answers
7. Чем отличается верстка под разные движки?!

   Всем привет! Давно интересует вопрос! Поделитесь информацией или полезными ссылками кто что знает про особенности верстки под разные движки (я имею ввиду такие популярные системы управления как Joomla, ModX, Bitrix, Drupal, Вордпресс, DLE) Если заказчик говорит фразу "Нужно сделать шаблон для движка DLE" это подразумевает с моей стороны, как верстальщика, вставлять какието особенности или эта задача человека который будет эту верстку интегрировать на данную CMS. Всем спасибо!

   Asked by dds, July 1, 2009

   0 votes
   27 answers
8. Background-image к низу сайта

   Хочу сделать бекграунд сайта таким: к низу прикреплено изображение а все что выше него - текстура неба. Но фоновое изображение категорически не хочет сползать вниз. Вот код: body { background-color: #000000; /*цвет фона*/ background-image: url(/img/23.jpg); /*подключаем изображения*/ background-position: left bottom; /*позиция изображения, по центре екрана, прижатый к вверх*/ background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

   Asked by fofan, November 27, 2011

   0 votes
   11 answers
9. Якорь из формы

   Как из формы передать якорь? <form action="action.php>" method="get"> <input type="hidden" name="name" value="value"/> </form> Соответственно по сабмиту получаем "action.php?name=value". Как из формы добавить в конец ссылку на якорь: "action.php?name=value#anchor"?

   Asked by Александр СП, June 26, 2007

   0 votes
   10 answers
10. Div и вложенная в него широкая таблица (шире окна)

    Всем привет, Есть, если упростить код, подобная структура <div class="wrapper"> ... <table>...</table> ... </div> Таблица генерируется автоматичиски, т.е. ширина самой таблицы заранее не известна. Если ширина таблицы слишком большая и выходит за пределы окна, то див всё равно принимает ширину равную 100%. Соответственно, все остальные помещенные в него дивы и бэкграунды также прилипают к правой стороне браузера. Вопрос, существует ли какое-нибудь решение, чтобы заставить див принимать всю ширину таблицы? Пока остановилась на варианте display: table, но тут ИЕ7 в пролете. С display: inline-block, также были проблемы в Опере. Верстка в принцип…

    Asked by sigma77, August 2, 2010

    0 votes
    17 answers
11. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf, January 30, 2012

    0 votes
    4 answers
12. текст выходит за рамки блока в фф.

    в фф текст нагло вылезает снизу блока и ползет прям по всем элементам.. ) в ие 6 все норм. оверфлову хидден не катит, потому, что я считаю глупо скрывать часть контента, и полосы прокрутки тоже не катят, не сочетается с дизайном сайта. хочется, чтобы было как в ие 6, добавляешь текст, и блок автоматически расширяется, сдвигая футер ниже и текст не вылезает.

    Asked by nickflip, December 2, 2008

    0 votes
    28 answers
13. Высота резина, и область наполнения(Content) с скролом.

    Хочу сделать первый слой с логотипом, а второй наполнитель... но так что бы информация прокручивалась в контенте скролом. Причем высота должна быть резина, а скрол появляется только при фиксаций высоты!!!! Вопрос как сделать так что бы высота была резина и был скрол контента без прокрутки всей страницы. Как тут Раньше реализовывал это на фрейме, но сейчас хочу переписать сайт на слои и возникла такая проблема. Примерный код такой: <!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" xml:lang="en" lang="en"> <head> <title></title> <me…

    Asked by diarh, February 24, 2011

    0 votes
    3 answers
14. Вопросы к знатокам

    Приветствую всех кто так или иначе освоил html, php, css! Мне очень нравится заниматься разработкой сайта http://handbookhmm1.narod.ru/ посвященному игре герои меча и магии. Но, я понимаю, что необходимо двигаться дальше, переезжать на платный хостинг, ставить нормальный форум. Развивать проект. В Интернете огромная куча информации, но она такая противоречивая и размазанная, что для обычного обывателя – нуба (вроде меня), является непонятной и нереализуемой на практике. Перечислю мои проблемы: 1. Размещаю новости здесь http://handbookhmm1.narod.ru/news.html, путем редактирования с последующей заменой файла news.html. Очень хотелось бы, что бы новости можно было бы добав…

    Asked by VDV_forever, December 18, 2011

    0 votes
    50 answers
15. Текст под картинкой в ссылке

    Приветствую. Столкнулся с проблемой. Может просто не догоняю, или устал просто. Что нужно? Нужно в ссылке выводить картинку и под ней текст. Все через CSS. Тут сложного ничего нету, но проблема в padding'е. Пример. Есть CSS #menu li.home a {float:left;display:block;width:49px;height:48px;background: url(../img/sour.gif) no-repeat -169px -6px;} #menu li.home a:hover {background-position: -169px -57px;} И есть сcылка <li class="home"><a href="/" title="Главная">Главная</a></li> Таким образом текст(Главная) по середине картинки. Как опустить текст под картинку? Если ставить padding, то тогда высота li будет в два раза больше и отодвигает другое меню…

    Asked by dropoff, September 25, 2009

    0 votes
    34 answers
16. Как при нажатии на кнопку запустить функции и открыть модальное окно.

    Всем привет! Думаю, вопрос простой, но не для меня, второй день копаюсь.. Есть модальное окно (div), оно запускается, всё хорошо. в нём есть кнопка: <button type="submit" class="btn-3" onclick="sendzakaz();"><span>Заказать</span></button> <script> function sendzakaz() { $.ajax ( { type: 'POST', url: './mail.php', data: 'name='+document.getElementById('clientname').value+'&phone='+document.getElementById('clientphone').value, cache: false, timeout: 2000, } ); } </script> Это всё отрабатывает, но мне нужно, чтобы по нажатии на "Заказать" после исполнения sendz…

    Asked by brabus, August 5, 2016

    • modal
    0 votes
    3 answers
17. Выделение столбца в таблице

    В таблице можно легко изменить стиль строки при наведении на неё через tr:hover. Можно ли каким-то подобным образом выделить колонку? Без скриптов, чисто через CSS.

    Asked by Vlad, June 20, 2011

    0 votes
    11 answers
18. Можно в форме отключить "Enter" а именно в <input> ?

    Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?

    Asked by Saturn, October 12, 2011

    0 votes
    12 answers
19. Длинное подчеркивание

    Здравствуйте! Подскажите пожалуйста, как сделать длинную полосу в строке с текстом, на примере как делает text-decoration:underline, но некоторые слова пропущены, а на их месте только подчеркивание?

    Asked by pattaya, November 2, 2010

    0 votes
    16 answers
20. Таблица в разных разрешениях

    Здравствуйте! Нужна помощь. В моей таблице по центру стоит картинка размером 400 на 300, а вокруг неё картинки 200 на 150. Картинки расположены 4 на 4. В чём проблема. В нормальных стандартных разрешениях монитора они отображаются нормально, в центре главная большая картинка, вокруг неё маленькие, всё выглядит супер. Но при большем разрешении, в частности 1680 на 1050, картинки разъезжаются, и получится белеберда... Как сделать так, чтобы при любом разрешении картинки отображались "квадратом"? Ссылка на сайт: http://arterotic.biz/ В большом разрешении отображение такое: Ссылка

    Asked by yura2008, December 12, 2008

    0 votes
    13 answers
21. Что лучше html(5 скорее всего) или php?

    1.html или html 5 это разное я читаль чтоь html 5 может заменить adobe flash player с помощью css правда ли? 2.Mожно ли на html или html5 написать игру на страницу или анимации, или формы коментировать по красивому или с каждый раз новой анимацией к примеру? надеюсь я понятно спросил? 3.В html или html5 надо обязательно писать css и javascript(4.в нем код пишется как в программе?5. а в php не надо писать css и javascript и вообще php нужен html или html 5? 6.php язык програмирования, потом обрабатывается сервером как на нем писать просто пишешь код языком программирования php а потом сервер выдает html или html страницу? 7.можно ли в него добавить то что и в html или ht…

    Asked by Аниме Любитель, December 11, 2014

    • html
    • php
    0 votes
    6 answers
22. body overflow:hidden не работает в Chrome

    Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span…

    Asked by Alexander34, September 7, 2014

    0 votes
    7 answers
23. И опять 100%

    <html> <head> <style> .Div { position: relative; width: 300px; height: 150px; background-color: #f00; } .Table { position: relative; width: 100%; height: 100%; text-align: center; table-layout: fixed; } .td1 { height: 20px; background-color: #0a0; } .td2 { background-color: #55a; } .content { overflow: auto; width: 100%; height: 100%; } </style> </head> <body> <div class="Div"> <table class="Table"> <tr> <td class="td1">1</td> </tr> <tr> <td class="td2"> <div class="content"> 2 3 4 5 6 7 8 9 </div> </td> </tr> </table> </div>…

    Asked by ZoNT, March 24, 2008

    0 votes
    10 answers
24. блок div смещается вниз при заполнении соседнего div`a

    Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…

    Asked by DarkEnot, April 25, 2017

    0 votes
    8 answers
25. Примеры верстки

    Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.

    Asked by torsar, November 3, 2023

    0 votes
    0 answers