happyproff
-
Posts
29 -
Joined
-
Last visited
happyproff's Achievements
Explorer (1/14)
0
Reputation
-
Как сделать так чтобы элементы DIV перестали переходить на новую строку?
happyproff replied to a question in HTML Coding
проблема была в ff3 & chrome, остальных даже не проверял, но решилось через font-size:0; А основная проблема display:inline это потеря элементом блочных свойств, как следствие игнорирование им, к примеру, widht и height. Из-за этого невозможно оформить так к примеру два дива, в левом меню, в правом контент без использования каких то еще дивов или таблиц, что очень печально. "Используй float!" скажете вы, но и здесь есть проблема. К примеру: Есть меню и контент, и есть футер. А еще есть желание сверстать нормальный макет, без таблиц и лишних дивов и прочего. Если для меню и контента использовать float, то блок, находящийся ниже (футер) будет позиционироваться не от нижнего края меню или контента, а от их верхнего. Я почти уверен, что решение есть. Подскажите пожалуйста как это можно сделать. UPD: сейчас порылся еще. display:table,inline-table, inline-block как раз решают задачу, но поддерживаются не всеми браузерами. По справочнику на сайте inline-block поддерживается всеми, кроме ff1, ff2. Ладно, фиг с ним ff1, но ff2 поддерживать нужно... -
Как сделать так чтобы элементы DIV перестали переходить на новую строку?
happyproff replied to a question in HTML Coding
В продолжение этой темы. А как убрать расстояние между дивом-тесктом-дивом. Всё инлайном и между ними есть отступ. Margin и padding 0px; <!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=windows-1251" /> <title>testpage</title> <style> * { padding:0px; margin:0px; } </style> </head> <body> <div id="a" style="background-color:#CCCCCC; display:inline; border:1px solid green;">a</div> <a href="#" style="background-color:#999999; border:1px solid red;">hello hello hello</a> <div id="b" style="background-color:#CCCCCC; display:inline; border:1px solid blue;">b</div> </body> </html> -
ээ, "position:relative; right:0; bottom:0; и text-align:right;" это наверное для контактов, а не для home? при position:relative; для contacts он не обращает внимания на bottom и right. #header { height:100px; margin-top:10px; width:100%; } #home{ max-width:1000px; float:left; } #contacts { text-align:right; max-width:1000px; position:relative; bottom:0px; right:0px; }
-
Дак и вроде бы всё хорошо, но: Контакты должны бsnm привязаны к правому нижнему углу, а сам хедер - резиновый и растягиваться как раз между картинкой и контактами. html: <div id="header" width="100%" height="100px"> <div id="home"><h1> <a href="localhost"><img width="350" height="100" src="/images/sitetitle.jpg" alt="сайтсайтсайт" border="0"/></a> </h1></div> <div id="contacts"> <div>город, улица дом</div> <div>name@email.com</div> <div>тел. (000) 000-00-00</div> </div> </div> <div id="content"> </div> css: #header { height:100px; margin-top:10px; width:100%; } #home{ float:left; } #contacts { text-align:right; float:left; }
-
Возникла проблема: необходимо отформатировать название сайта и координаты фирмы следующим образом: блок 100% ширины, высоты 100px, название сайта картинкой слева высотой в 100, координаты справа текстом в три строки привязаны к нижнему краю хеадера. Сам хеадер логично сделать дивом, картинка тоже блочный элемент. текст можно хоть спаном, хоть дивом. примерный html: <div id="header"> <h1><img src="/images/sitetitle.jpg" /></h1> <span class="contacts"> город, улица, дом назавние@домен.ру тел (000) 000-00-00 </span> </div> Заранее спасибо за возможные варианты решения!
-
Полностью согласен с этим. Вообще весь адрес, я считаю, стоит оформить как vCard. А суть вопроса в том, как оформить внутри одного дива(хедера) два элемента(img и span с адресом) так, как это выглядит на рисунке. Т.е. изображение в левой половине, адрес в правой и приклеен к нижней границе дива-хедера. использование дива это наверное не совсем желательно, так как это не блок с данными, а просто кусок текста, хотя конечно и использование дива это не страшно и не испортит семантику документа в целом, но я считаю, что использовать спан здесь правильнее.
-
День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> <h1><a href="localhost"><img src="/images/sitetitle.jpg" alt="Сайт фирмы" border="0"/></a></h1> <span id="contacts"> Город, улица 0<br /> firm@domain.com<br /> тел. (000) 111-22-33 </span> </div> css: * { padding:0px; margin:0px;} a { text-decoration:none; color:#333333; } #header { height:100px; } #home{ width:300px; height:100px; margin-left:10px; } #home a { font-family:Verdana; font-size:24px; font-weight:normal; } #contacts { width:250px; height:100px; right:10px; text-align:right; } Хедер резиновый заголовок - картинка, margin-left:10px контакты - текст, margin-right:10px вертикальное выравнивание контактов - нижний край хедера
-
AKS, требуется отображать только часы и минуты. А вообще скрипт показывает: 18:46 9 апреля 2008 скрипт уже работает: <SCRIPT LANGUAGE="JavaScript"> var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); mydate = new Date(); mymonth = mydate.getMonth(); weekday= mydate.getDate(); year= mydate.getYear(); var browser=navigator.appName if (browser!="Microsoft Internet Explorer") { year+= 1900; } if(mymonth == 0) month = "января " else if(mymonth ==1) month = "февраля " else if(mymonth ==2) month = "марта " else if(mymonth ==3) month = "апреля " else if(mymonth ==4) month = "мая " else if(mymonth ==5) month = "июня " else if(mymonth ==6) month = "июля " else if(mymonth ==7) month = "августа " else if(mymonth ==8) month = "сентября " else if(mymonth ==9) month = "октября " else if(mymonth ==10) month = "ноября " else if(mymonth ==11) month = "декабря" function To2(val) { return (val<10 ? "0"+val : val); } document.write(To2(hours) + ":" + To2(minutes) + " " + weekday + " " + month + year);s </SCRIPT> Спасибо
-
Вывод в форме не приемлем. Вывод должен происходить в див. Это возможно?
-
изящно, сенкс
-
Как сделать разделители ввиде вертикальных линий м/у несколькими <a>?
happyproff replied to happyproff's question in HTML Coding
окей, ну тогда единственный вариант это бекграунд с разделителями, благо все ссылки оформлены блоками с фиксированной высотой/шириной. -
<SCRIPT LANGUAGE="JavaScript"> var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); mydate = new Date(); mymonth = mydate.getMonth(); weekday= mydate.getDate(); year= mydate.getYear() + 1900; var browser=navigator.appName if (browser=="Microsoft Internet Explorer") { year-= 1900; } if(mymonth == 0) month = "января " else if(mymonth ==1) month = "февраля " else if(mymonth ==2) month = "марта " else if(mymonth ==3) month = "апреля " else if(mymonth ==4) month = "мая " else if(mymonth ==5) month = "июня " else if(mymonth ==6) month = "июля " else if(mymonth ==7) month = "августа " else if(mymonth ==8) month = "сентября " else if(mymonth ==9) month = "октября " else if(mymonth ==10) month = "ноября " else if(mymonth ==11) month = "декабря" document.write(hours<10 ? "0"+hours : hours); document.write(":"); document.write(minutes<10 ? "0"+minutes : minutes); document.write(" " + weekday + " " + month + year); </SCRIPT>
-
Сделал при помощи js вывод на страницу текущей даты и времени. Вс? хорошо, с форматами разобрался, месяца по русски пишет и вот теперь мои потребности явно превысили возможности. Теперь требуется динамично обновляющиеся часики, т.е. что бы секунды с минутами и часами текли. Вопрос, как вообще это делается?
-
Как сделать разделители ввиде вертикальных линий м/у несколькими <a>?
happyproff replied to happyproff's question in HTML Coding
сравнение действительно десятибальное )))) -
Как сделать разделители ввиде вертикальных линий м/у несколькими <a>?
happyproff replied to happyproff's question in HTML Coding
А js можно использовать в файле css?