Jump to content

happyproff

Newbie
 View Profile  See their activity

  • Posts

    29

  • Joined

  • Last visited

 Content Type 

Everything posted by happyproff

  1. happyproff
    проблема была в ff3 & chrome, остальных даже не проверял, но решилось через font-size:0; А основная проблема display:inline это потеря элементом блочных свойств, как следствие игнорирование им, к примеру, widht и height. Из-за этого невозможно оформить так к примеру два дива, в левом меню, в правом контент без использования каких то еще дивов или таблиц, что очень печально. "Используй float!" скажете вы, но и здесь есть проблема. К примеру: Есть меню и контент, и есть футер. А еще есть желание сверстать нормальный макет, без таблиц и лишних дивов и прочего. Если для меню и контента использовать float, то блок, находящийся ниже (футер) будет позиционироваться не от нижнего края меню или контента, а от их верхнего. Я почти уверен, что решение есть. Подскажите пожалуйста как это можно сделать. UPD: сейчас порылся еще. display:table,inline-table, inline-block как раз решают задачу, но поддерживаются не всеми браузерами. По справочнику на сайте inline-block поддерживается всеми, кроме ff1, ff2. Ладно, фиг с ним ff1, но ff2 поддерживать нужно...
  2. happyproff
    В продолжение этой темы. А как убрать расстояние между дивом-тесктом-дивом. Всё инлайном и между ними есть отступ. 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>
  3. happyproff
    ээ, "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; }
  4. happyproff
    Дак и вроде бы всё хорошо, но: Контакты должны б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; }
  5. happyproff
    Возникла проблема: необходимо отформатировать название сайта и координаты фирмы следующим образом: блок 100% ширины, высоты 100px, название сайта картинкой слева высотой в 100, координаты справа текстом в три строки привязаны к нижнему краю хеадера. Сам хеадер логично сделать дивом, картинка тоже блочный элемент. текст можно хоть спаном, хоть дивом. примерный html: <div id="header"> <h1><img src="/images/sitetitle.jpg" /></h1> <span class="contacts"> город, улица, дом назавние@домен.ру тел (000) 000-00-00 </span> </div> Заранее спасибо за возможные варианты решения!
  6. happyproff
    Полностью согласен с этим. Вообще весь адрес, я считаю, стоит оформить как vCard. А суть вопроса в том, как оформить внутри одного дива(хедера) два элемента(img и span с адресом) так, как это выглядит на рисунке. Т.е. изображение в левой половине, адрес в правой и приклеен к нижней границе дива-хедера. использование дива это наверное не совсем желательно, так как это не блок с данными, а просто кусок текста, хотя конечно и использование дива это не страшно и не испортит семантику документа в целом, но я считаю, что использовать спан здесь правильнее.
  7. happyproff
    День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы 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 вертикальное выравнивание контактов - нижний край хедера
  8. happyproff
    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> Спасибо
  9. happyproff
    Вывод в форме не приемлем. Вывод должен происходить в див. Это возможно?
  10. happyproff
    изящно, сенкс
  11. happyproff
    окей, ну тогда единственный вариант это бекграунд с разделителями, благо все ссылки оформлены блоками с фиксированной высотой/шириной.
  12. happyproff
    <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>
  13. happyproff
    Сделал при помощи js вывод на страницу текущей даты и времени. Вс? хорошо, с форматами разобрался, месяца по русски пишет и вот теперь мои потребности явно превысили возможности. Теперь требуется динамично обновляющиеся часики, т.е. что бы секунды с минутами и часами текли. Вопрос, как вообще это делается?
  14. happyproff
    сравнение действительно десятибальное ))))
  15. happyproff
    А js можно использовать в файле css?
  16. happyproff
    Так я понимаю, что тоже самое, просто мой вариант очень не красивый на фоне твоего сокращенного.
  17. happyproff
    ZoNT, спасибо, вс? отлично. Единственное но: пришлось каждый такой форматированный элемент выводить отдельным потоком. Так: document.write(hours<10 ? "0"+hours : hours); document.write(":"); document.write(minutes<10 ? "0"+minutes : minutes);
  18. happyproff
    а я нашел вот такое решение, криво, грязно, мерзко и противно, но что делать, я на js начал писать несколько часов назад var now = new Date(); var minutes = now.getMinutes(); if (minutes < 10) { var mins = "0" + minutes; } else { var mins = minutes; } document.write(mins);
  19. happyproff
    Есть необходимость вывести число (минуты) в двухзначном формате, независимо от значения. Проще говоря "01" вместо "1", и "10". var now = new Date(); var minutes = now.getMinutes(); document.write (minutes);
  20. happyproff
    html код вот такой и правке не подлежит. <a class="mainlevel_topmenu_obj">Частоты</a> <a class="mainlevel_topmenu_obj">Программа</a> <a class="mainlevel_topmenu_obj">Рассылка</a> <a class="mainlevel_topmenu_obj">Контакты</a> <a class="mainlevel_topmenu_obj">Карта сайта</a>
  21. happyproff
    Проблема в том, что я не могу указать для последней ссылки уникальный клаас/id, т.к. не могу править html код, потому что он генерируется движком. Вопрос в том, как определить последн.. ссылку средствами css. И еще вопрос: можно ли использовать javascript код в css файле? Если да, то уже больше инструментов для решения задачи, но я пока не вижу решения даже с javascript в css, если такое вообще возможно. Может у кого то есть еще идеи?
  22. happyproff
    HTML код созда?тся автоматически из php кода движка сайта и отправляется браузеру, т.е. править html нет возможности, за редактирование php кода движка - честно, браться не хочу. Так что работать можно только с CSS. Ну в любом сучае топик уже closed
  23. happyproff
    SibBear: если делать бордеры для слева и справа, то между будут линии и это то, что нужно, но так же будут они еще и по краям, т.е. слева от первого и справа от последнего, а вот это уже лишнее. Mordraug: через псевдоклассы проблема в том, что неизвестно как первый отличить от последующих. Все генерируются движком и повесить на первый и последний спец.класс через html (указать class="..") возможности нет. В этом то и проблема. Возможно ли как то с помощью css выделить только первый и последний? С бордерами будет так: | a | a | a | А нужно вот так: a | a | a
  24. happyproff
    Вопрос в следующем, есть пять идущих подряд тегов , отображаемых как блоки с фиксированной высотой и шириной. Они находятся в ячейке таблицы, которая находится в диве. Вопрос: как сделать разделители между в виде вертикальных линий? Вариант у меня один: для создать бродеры, но они отображаются и МЕЖДУ и по краям, т.е. есть две лишних полосы слева от первого и справа от последнего . (html генерируется движком и правке не подлежит, только css) браузеры: IE6, Opera9, FF2. html: <?xml version="1.0" encoding="windows-1251"?> <!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"> <head> <link href="template_css.css" rel="stylesheet" type="text/css" /> <!--[if lte IE 6]> <link href="ieonly.css" rel="stylesheet" type="text/css" /> <![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>test</title> </head> <body> <center> <div id="outter"> <div id="header"> <table cellpadding="0" cellspacing="0" class="moduletable_topmenu"> <tr><td> <table width="100%" border="0" cellpadding="0" cellspacing="1"> <tr><td class="jtd_nowrap"> <a href="http://localhost" class="mainlevel_topmenu_obj" title="Частоты вещания">Частоты</a> <a href="http://localhost" class="mainlevel_topmenu_obj" title="Программа передач">Программа</a> <a href="http://localhost" class="mainlevel_topmenu_obj" title="Рассылка">Рассылка</a> <a href="http://localhost" class="mainlevel_topmenu_obj" title="Контакты">Контакты</a> <a href="http://localhost" class="mainlevel_topmenu_obj" title="Карта сайта">Карта сайта</a> </td></tr> </table> </td></tr> </table> </div> </div> </center> </body> </html> template_css.css: body { margin: 0px; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; margin-top: 10px; color: #333333; } div#outter { width: 1000px; border: solid 1px red; } div#header { background-color:#AA3333; width: 100%; height: 500px; margin-bottom: 10px; } table.moduletable_topmenu { position:relative; top:15px; } table.moduletable_topmenu tr{ text-align:center; } table.moduletable_topmenu a.mainlevel_topmenu_obj { font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; text-transform: lowercase; text-decoration:none; color:#FFFFFF; background-color:#333333; float:left; height:40px; width: 150px; line-height:40px; border-left: solid 1px yellow; border-right: solid 1px yellow; } table.moduletable_topmenu a.mainlevel_topmenu_obj:hover { color:#999999; } ieonly.css: Заренее благодарю
  25. happyproff
    padding:0 ?
×
×
  • 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