![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
Storm
User-
Posts
145 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Storm
-
А задача-то простая
-
Поставить картинку в фон ячейки
-
используй innerHTML или innerText
-
Есть такой старый пример, разбери, как в н?м сделано. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script language="JavaScript" type="text/javascript"> var timerID = null var timerRunning = false function stopclock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock(){ stopclock() showtime() } function showtime() { var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true} </script> <title></title> </head> <body onload="startclock()"> <form name="clock" onsubmit="0" id="clock"> <input type="text" name="face" size="12" value=""> </form> </body> </html> Или вот это может подойд?т http://www.woweb.ru/load/104-1-0-587
-
В данном случае, как вариант, можно предложить 4 горизонтальных дива, шириной на всю страницу, в которых будут float-ами прижаты к нужным краям блоки с кнопками.
-
#divid .divclass{color:blue;}
-
Заведомо неправильный подход к в?рстке страницы. К тому же: где доктайп, , и т.д.?Изучи хотя бы основы, прежде чем приступать к созданию страницы.
-
Не совсем понятно, что такое "горизонтальный разрыв". Если имеется в виду то, что блоки #content и #menu разной длины, так у них разные width в стилях. Убери у #content свойство clear:both из-за него в ИЕ6 наблюдается глюк, возможно именно тот, о котором ты писал.
-
Если все эти поля в одной форме, то например вот так: <!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="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ function showLength() { form_name = document.getElementById('form1'); alert ("В форме " + form_name.elements.length + " элементов"); } /*]]>*/ </script> </head> <body> <form id="form1"> <input type="text" name="#" /> <input type="text" name="#" /> <input type="text" name="#" /> <input type="text" name="#" /> <input type="text" name="#" /> </form> <a href="java script:void" onclick="showLength()">Click Me</a> </body> </html>
-
О, Господи. Читать http://htmlbook.ru/content/?id=27
-
1. Если пишешь код, обрамляй его в соответствующие теги. 2. В приведенном коде лишний , будь внимательнее, когда приводишь код. 3. Никаких разрывов в ИЕ я не вижу. Если вопрос еще актуален, приведи полноценный код, а не обрывки, и локализуй проблему.
-
Вот теперь согласен, работает!
-
Извиняюсь за настырность, я не автор темы, но интересно посмотреть решение, которое сам найти не могу. После body ид?т div с высотой 500px. Прописав фиксированную высоту, ты убрал возможность растягивания поля сообщений чата на вс? доступное пространство по высоте. Если бы надо было сделать только для ФФ, давно бы сделали (он самый понятливый). Проблемы возникают в ИЕ и Опере.
-
А код можно посмотреть? Диагностикой по фотографии не занимаемся.
-
Согласен. На вид структура простая и рабочая, но Опера отображает е? некорректно. Человек попросил ему помочь, набросал структуру. Ты решил одну часть задачи и говоришь, что проблема решена, но на самом деле, если он попытается добавить твой код на страницу в какой-нибудь контейнер, работать перестанет. Потребуются дополнительные ухищрения и он опять прид?т с вопросом. Почему бы не решить проблему сразу целиком и полностью? Я попробовал поместить таблицу с отправкой и сообщениями в div {float:left;}, а таблицу с списком юзеров онлайн в другой div {float:left;}, чтобы растолкать на странице эти блоки на свои места, но в этом случае в Мозилле скролл у div#chat не появляется, а он просто раст?т по высоте.
-
Хотя бы затем, что автор топика прив?л структуру страницы, на которой будет этот чат. От не? и надо плясать. Скорее всего можно переделать структуру таким образом, чтобы в Опере div не сплющивался, но автор может быть это сделает и сам.
-
Работает, если не поместить таблицу в структуру из этого ответа http://forum.htmlbook.ru/viewtopic.php?pid=54836#p54572 Если поместить таблицу в эту структуру, прежняя проблема останется: Опера будет сворачивать div#chat до нескольких пикселей по высоте. По-моему у Оперы проблема с отображением вложенности нескольких блоков со 100%-ной высотой
-
для начала задай height:100% для body и html, а потом напиши устроил ли тебя этот вариант.
-
Заранее говорю, что при использовании этого доктайпа при задании высоты в процентах могут быть проблемы с отображением желаемого. Конкретизируй задачу, выложи код.
-
Что такое "правильный" доктайп?
-
Чтобы padding не влиял на картинку можно сделать только с помошью position:absolute для картинки, но тогда не только padding не будет влиять на картинку, а вообще ничего не будет влиять, кроме е? стилей. Можно выставить картинкам свойства с отрицательными значениями margin, поставить картинкам position:relative и двигать их свойствами top и left. Но самый правильный способ - это не выставлять у блока отступ, который может пагубно повлиять на правильно позиционирование картинки.
-
Оффтоп. Наверное проверка бдительности.
-
А padding-right у него работает?
-
Конечно перестанут. Для решения нужно после закрытия div.right_content_border написать <div style="clear:both;"></div> В данном случае это тоже вариант, но clear:both - правильнее и универсальнее.