Jump to content

Jumper

Newbie
  • Posts

    16
  • Joined

  • Last visited

Everything posted by Jumper

  1. Всем привет, как лучше сделать отбрасывание теней от блока. С помощью изображений. Спасибо.
  2. Всем привет, хотел бы узнать у профессионалов какие книги можно почитать о профессиональной верстке. Спасибо.
  3. Jumper

    HTML 5.0

    Если скоро выйдет IE9 то я думаю проблем с html5 не будет.
  4. Если все начнут делать сайты с сообщениями что браузер устарел то не долго ему осталось. И пора уже простым пользователям и всем компаниям повышать свой уровень в данных вопросах.
  5. Сейчас даже в ie6 сообщение сверху весит что типо обновитесь для большей возможности до ie8
  6. Доброго всем вечера. Читал статью что все ie6 уже умер. Правда ли это? Кто знает есть какие нибудь статистики?
  7. Добрый вечер. Подскажите пожалуйста реально рабочий пример для png и осла (ie6). Только прошу не надо мне js мне нужeн чистый css. Делал с помощью jquery но это ходячий глюк. Спасибо.
  8. Jumper

    Шрифты

    Всем спасибо вроде бы нашел то что нужно
  9. Jumper

    Шрифты

    Добрый день, затрудняюсь с выбором шрифтов, не могу подобрать подходящие шрифты для сайт. Извините за такой глупый вопрос... Может есть какие нибудь материалы по этой теме или может здесь профессионалы подскажут на что нужно обратить внимание? Спасибо
  10. Теперь я это навсегда запомню.... Столько времени в пустую потратил
  11. Спасибо всем... Отличный Ресурс
  12. Стал заново страницу верстать и все заработало
  13. Что значит не выхода из этой задачи?
  14. Доброй ночи... Вот сижу и думаю как же это подружить этого Clip с IE. Читал что место запитых нужно пробелы ставить но не помогло... Приведу пример всего что я делаю. Есть изображение квадратика. Квадратик я обрезаю с помощью клипа на четыре части получается четыре угла. Углы с верстались нормальна Вот пример стиля углов. /* на четыре угла приходится четыре дива вот с таким стилем*/ .jwb_Board_One, .jwb_Board_Two, .jwb_Board_Three, .jwb_Board_Four{ position:absolute; /* позиционирования элемента*/ width: 30px; /* ширина блока*/ height: 30px; /* высота блока */ background-image: url('../images/BoardAngles.png'); /* фоновое изображение тот самый квадратик */ z-index:-1; } /* правый верхний угол */ .jwb_Board_One{ top:0; right:0; clip:rect(auto auto 15px 15px); } /* Левый верхний угол */ .jwb_Board_Two{ top:0; left:0; clip:rect(auto 15px 15px auto); } /* Нижний левый угол */ .jwb_Board_Three{ bottom: 0; left: 0; clip: rect(15px 15px auto auto); } /* нижний правый угол */ .jwb_Board_Four{ bottom: 0; right: 0; clip: rect(15px auto auto 15px); } Но вот когда начинаю верстать границы у меня почему то не получается растянуть на весь лист, главное это проблема только в IE в остальных браузерах все в порядке. Изображение вертикальных границ и изображение горизонтальных границ они представляют из себя две полоски... Я их делю клипом на две чати. Привиду пример (Расписывать сильно не буду где что... Ну если кому нужно будет могу написать....) /** горизонтальные границы **/ .jwb_Board_Five, .jwb_Board_Six{ position:absolute; left: 15px; right: 15px; height: 30px; background-image: url('../images/BorderHorizon.jpg'); } /* Верхняя горизонтальная граница */ .jwb_Board_Five{ top: 0; clip: rect(auto auto 15px auto); overflow: auto; border:1px solid #333; } /* Нижняя горизонтальная граница */ .jwb_Board_Six{ bottom: 0; clip: rect(15px auto auto auto); border:1px solid #333; } /** END **/ /** Вертикальные границы **/ .jwb_Board_Seven, .jwb_Board_Eight{ position:absolute; z-index:-1; top: 15px; bottom: 15px; width: 30px; background-image: url('../images/BorderVertikale.jpg'); } /* правая вертикальная граница */ .jwb_Board_Seven{ right:0; clip: rect(0 0 0 15px); } /* левая вертикальная граница */ .jwb_Board_Eight{ left:0; clip: rect(0 15px 0 0); } /** END **/ Если не понятно объяснил могу связаться по icq .
  15. Большое Спасибо... Учту
  16. Я думаю ты не в ту тему написал отправки почты можно сделать с помощью php Вот здесь прочитай здесь все понятно описано http://phpclub.ru/detail/article/mail
  17. Добрый день у меня возник такой вопрос как можно сделать резиновый контент. Например есть три колонки сверстаны блочным стилем (Левый блок, Контент, Правый блок) И если например в правом блоке нет ничего то контент должен увеличится в Право. Как это реализовать? Пример верстки см. ниже? Файл index.php <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> </head> <body> <!-- НАЧАЛО СТРАНИЦЫ --> <div id="jwb_Board"> <!-- ШАПКА САЙТА --> <div id="jwb_Header"><strong>Шапка Сайта</strong></div> <!-- END --> <!-- ОБЕРТКА КОНТЕНТА --> <div id="jwb_Wrapper"> <!-- КОНТЕНТ САЙТА --> <div id="jwb_BlockContent"> <strong>Конетент Сайта</strong> </div> <!-- END --> </div> <!-- END --> <!-- ЛЕВЫЙ БЛОК --> <div id="jwb_BlockLeft"> <strong>ЛЕВЫЙ БЛОК</strong> </div> <!--END --> <!-- ПРАВЫЙ БЛОК --> <div id="jwb_BlockRight"> <strong>ПРАВЫЙ БЛОК</strong> </div> <!-- END --> <!-- ПОДВАЛ САЙТА --> <div id="jwb_BlockFooter"> <strong>ПОДВАЛ САЙТА</strong> </div> <!-- END --> </div> <!-- КОНЕЦ СТРАНИЦЫ --> </body> </html> Фаил style.css /*********** НАЧАЛО СТИЛЯ СТРАНИЦЫ ***********/ div#jwb_Board{ position:relative; z-index:0; margin:0 auto; width: 976px; min-width:19px; min-height:19px; } /** Стиль Шапки Сайта **/ div#jwb_Header{ position:relative; height:200px; } div#jwb_Header h1{ height:80px; line-height:80px; margin:0; padding-left:10px; background: #EEE; color: #79B30B; } div#jwb_Header a{ position:absolute; right:0; top:23px; } /** END **/ /** Стиль Оболочки контента **/ div#jwb_Wrapper{ float:left; width:100%; } /** END **/ /** Стиль Контента **/ div#jwb_BlockContent{ margin: 0 200px 30px; } /** END **/ /** Стиль левого блока **/ div#jwb_BlockLeft{ float:left; width:200px; margin-left:-100%; } /** END **/ /** Стиль Правого блока **/ div#jwb_BlockRight{ float:left; width:200px; margin-left:-200px; } /** END **/ /** Стиль Подвала сайта **/ div#jwb_BlockFooter{ clear:left; width:100%; background-color: #D6DEE6; } div#jwb_BlockFooter p{ color: #333; margin:0; padding:5px 10px; } div#jwb_BlockFooter a{ display:inline; padding:0; color: #C6D5FD; } /** END **/ /*********** КОНЦ СТИЛЯ СТРАНИЦЫ ************/
×
×
  • 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