Jump to content

Rambo2045

User
 View Profile  See their activity

  • Posts

    53

  • Joined

  • Last visited

 Content Type 

Everything posted by Rambo2045

  1. Rambo2045

    Маркер

    Rambo2045 posted a question in HTML Coding

    Почему маркер list-style-image: url(b.png) не работает в firefox ? .v-mnu{ width:165px; clear:both; text-align:center; } ul.v-mnu, .v-mnu li{ padding:0; margin:0; list-style-image: url(b.png); } ul.v-mnu{ background: #ffffff; clear:both; } .v-mnu li a{ font-weight:bold; padding:1px; display:block; } <ul id="v-mnu2" class="v-mnu"> <li><a>364 913 93</a></li> </ul>
  2. Rambo2045
    Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div>
  3. Rambo2045

    js

    Rambo2045 posted a question in HTML Coding

    В этом примере имеется одна кнопка с выпадающим меню http://ruseller.com/lessons/les240/example/index.html . Как сделать ещё 2 таких же кнопки рядом и такими же меню?
  4. Rambo2045
    та кнопка которая сейчас есть должна выглядеть так http://itmages.ru/image/view/236306/2885eb82 (картинка).
  5. Rambo2045
    Так не получается
  6. Rambo2045
    Подскажите как заменить кнопку <input type="button" value="Навигация по разделу" на вот это .menu{ width:55px; height:30px; float:left; background:url(call.png); } .menu:hover{ background:url(call1.png); } .clear{ clear:both; } <div style="position:absolute; top:0; right:0; margin-right:140px;"> <a href="www.google.ru"><div class="menu"></div></a> <div class="clear"></div> </div> Вот сам код: <html> <head> <title>сайт</title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <Style> A:Link{ Color: #000000; Text-decoration: underline} A:Visited{ Color: #000000; Text-decoration: underline} A:Hover{ Color: #000000; Text-decoration: none} td, body {font-family: verdana, arial, helvetica; font-size:11px;} </Style> <script language="JavaScript"> var eypos=-200, ejump=-4; var typos=-260, tjump=-4; var delay=2; function do_menue() { if(typos>-260) { tjump=-4; if(typos>=130) head_fahren(); } ejump=-ejump; if(eypos<=-200 || eypos>=20) menue_fahren(); } function menue_fahren() { if(document.layers) document.menue.top=eypos; else document.all.menue.style.top=eypos; eypos+=ejump; if(eypos>-200 && eypos<20) setTimeout("menue_fahren()", delay); } function do_head() { if(eypos>-200) { ejump=-4; if(eypos>=20) menue_fahren(); } tjump=-tjump; if(typos<=-260 || typos>=130) head_fahren(); } function head_fahren() { if(document.layers) document.head.top=typos; else document.all.head.style.top=typos; typos+=tjump; if(typos>-260 && typos<130) setTimeout("head_fahren()", delay); } </script> </head> <div style="position:absolute; top:0; right:0; margin-right:140px;"> <p><input type="button" value="Навигация по разделу" onClick="javascript:do_menue()"> </p> </TABLE> </div> <div id=menue style="position:absolute; top:-80; right:0; z-index: 2;"> <TR> <TD> <A ONMOUSEOVER="window.status='Здесь должен быть ваш текст' ;return true" target="dummy">[ВАШ ТЕКСТ 7]</a></TD> </TR> </TABLE> </div> </html>
  7. Rambo2045

    java меню

    Rambo2045 replied to Rambo2045's question in HTML Coding

    Подскажите как сделать ,чтобы ссылка выезжала не с самого верха ,а на 30px ниже? <html> <head> <title>сайт</title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <Style> A:Link{ Color: #000000; Text-decoration: underline} A:Visited{ Color: #000000; Text-decoration: underline} A:Hover{ Color: #000000; Text-decoration: none} td, body {font-family: verdana, arial, helvetica; font-size:11px;} </Style> <script language="JavaScript"> var eypos=-200, ejump=-4; var typos=-260, tjump=-4; var delay=2; function do_menue() { if(typos>-260) { tjump=-4; if(typos>=130) head_fahren(); } ejump=-ejump; if(eypos<=-200 || eypos>=20) menue_fahren(); } function menue_fahren() { if(document.layers) document.menue.top=eypos; else document.all.menue.style.top=eypos; eypos+=ejump; if(eypos>-200 && eypos<20) setTimeout("menue_fahren()", delay); } function do_head() { if(eypos>-200) { ejump=-4; if(eypos>=20) menue_fahren(); } tjump=-tjump; if(typos<=-260 || typos>=130) head_fahren(); } function head_fahren() { if(document.layers) document.head.top=typos; else document.all.head.style.top=typos; typos+=tjump; if(typos>-260 && typos<130) setTimeout("head_fahren()", delay); } </script> </head> <div style="position:absolute; top:0; right:0; margin-right:140px;"> <p><input type="button" value="Навигация по разделу" onClick="javascript:do_menue()"> </p> </TABLE> </div> <div id=menue style="position:absolute; top:-200; left:50; z-index: 2;"> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 width=450> <TR> <TD> <A ONMOUSEOVER="window.status='Здесь должен быть ваш текст' ;return true" HREF="http://www.aceweb.ru" target="dummy">[ВАШ ТЕКСТ 7]</a></TD> </TR> </TABLE> </div> </html>
  8. Rambo2045

    java меню

    Rambo2045 replied to Rambo2045's question in HTML Coding

    Даже не знаю как это можно сделать.
  9. Rambo2045

    java меню

    Rambo2045 posted a question in HTML Coding

    Вверху есть 3 цветные кнопки нужно чтобы при клике на любую из них открывался такой блок с номером.Соответственно к остальным 2м кнопкам другие номера. http://itmages.ru/image/view/235603/8dbc80cc
  10. Rambo2045
    Есть з кнопки для контактов <a href="www.google.ru"><div class="menu"></div></a> <a href="www.google.ru"><div class="menu2"></div></a> <a href="www.google.ru"><div class="menu3"></div></a> К каждой соответствует свой номер телефона.Нужно чтобы при клике появлялся номер с фоном.Вот так: http://itmages.ru/image/view/233951/635e76af Как это сделать? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>сайт"</title> <style type="text/css"> body { font: 13pt Times New Roman; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { position:relative; min-width: 1000px; height: 95px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:50px; } #nav{ width:310px; margin:-95px auto; } #nav li{ list-style:none; float:left; position:relative; } #nav li a{ display:block; text-decoration:none; } #nav li a img{ border:0px; display:block; margin:6px auto; width:55px; } #nav li ul{ display:none; position:absolute; margin-left:-32px; top:60px; } #nav li:hover ul{ display:block; } .menu{ width:55px; height:30px; float:left; background:url(call.png); text-align:center; } .menu2{ width:55px; height:30px; float:left; background:url(skype1.png); text-align:center; } .menu3{ width:55px; height:30px; float:left; background:url(mail.png); text-align:center; } .menu:hover{ background:url(call1.png); } .clear{ clear:both; } .menu2:hover{ background:url(skype2.png); } .clear{ clear:both; } .menu3:hover{ background:url(mail1.png); } .clear{ clear:both; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div style="position:absolute; top:0; right:0; margin-right:140px;"> <a href="www.google.ru"><div class="menu"></div></a> <a href="www.google.ru"><div class="menu2"></div></a> <a href="www.google.ru"><div class="menu3"></div></a> <div class="clear"></div> </div> <ul id="nav"> <li><a href="#"><img src=r.png></a> <ul> <a style="color:#e83f3f">reliable</a> </ul> </li> <li><a><img src=ee.png></a> </li> <li><a href="#"><img src=b.png></a> <ul> <a style="color:#9a98f1">bright</a> </ul> </li> <li><a><img src=ee1.png></a> </li> <li><a href="#"><img src=l.png></a> <ul> <a style="color:#e3d16d">light</a> </ul> </li> </ul> </div> </body> </html>
  11. Rambo2045
    Подскажите как сделать так чтобы работал margin-right при таком коде?
  12. Rambo2045
    Как добавить з таких кнопки картинки? http://itmages.ru/image/view/231876/15dea710 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>сайт"</title> <style type="text/css"> body { font: 14pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #nav{ width:310px; margin:-95px auto; } #nav li{ list-style:none; float:left; position:relative; } #nav li a{ display:block; text-decoration:none; } #nav li a img{ border:0px; display:block; margin:6px auto; width:55px; } #nav li ul{ display:none; position:absolute; margin-left:-35px; top:60px; } #nav li:hover ul{ display:block; } </style> </head> <body> <div id="header"> <div class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></div> <ul id="nav"> <li><a href="#"><img src=r.png></a> <ul> <a style="color:#e83f3f">reliable</a> </ul> </li> <li><a><img src=ee.png></a> </li> <li><a href="#"><img src=b.png></a> <ul> <a style="color:#9a98f1">bright</a> </ul> </li> <li><a><img src=ee1.png></a> </li> <li><a href="#"><img src=l.png></a> <ul> <a style="color:#e3d16d">light</a> </ul> </li> </ul> </div> </body> </html>
  13. Rambo2045
    Только мне нужно чтобы логотип остался так как он сейчас есть.А всё остальное поднять на уровень логотипа.
  14. Rambo2045
    Квадратики ниже логотипа ,а нужно чтобы они были на одном уровне с логотипом.
  15. Rambo2045
    Логотип(logo) всё вниз сместил,как вернуть другие элементы обратно в шапку? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>сайт"</title> <style type="text/css"> body { font: 14pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } #logo { margin:0 auto; width:64px; height:95px; } #nav{ width:380px; margin:auto; } #nav li{ list-style:none; float:left; margin-left:1px; position:relative; } #nav li a{ display:block; text-decoration:none; } #nav li a img{ border:0px; display:block; margin:6px auto; width:55px; } #nav li ul{ display:none; position:absolute; margin-left:-20px; top:60px; } #nav li:hover ul{ display:block; } </style> </head> <body> <div id="header"> <a href="index.html"><img src="logotip1.png" border="0";></a> <ul id="nav"> <li><a href="#"><img src=r.png></a> <ul> <a style="color:#e83f3f">reliable</a> </ul> </li> <li><a><img src=ee.png></a> </li> <li><a href="#"><img src=b.png></a> <ul> <a style="color:#9a98f1">bright</a> </ul> </li> <li><a><img src=ee1.png></a> </li> <li><a href="#"><img src=l.png></a> <ul> <a style="color:#e3d16d">light</a> </ul> </li> </ul> </div> </body> </html>
  16. Rambo2045
    Подскажите почему когда я ещё добавил 2 изображения(ee.png и ee1.png) между теми что были у меня всё поломало(стали видны первые 2 ,остальные сместились вниз,хотя в ie8 всё отлично)? <ul id="nav"> <li><a href="#"><img src=r.png></a> <ul> <a style="color:#e83f3f">reliable</a> </ul> </li> <li><a href="#"><img src=ee.png></a> <ul> </li> <li><a href="#"><img src=b.png></a> <ul> <a style="color:#9a98f1">bright</a> </ul> </li> <li><a href="#"><img src=ee1.png></a> <ul> </li> </li> <li><a href="#"><img src=l.png></a> <ul> <a style="color:#e3d16d">light</a> </ul> </li> </ul>
  17. Rambo2045
    Не знаю почему но всё равно логотипа не видно.
  18. Rambo2045
    Подскажите пожалуйста почему логотип(logo) не отображается?
  19. Rambo2045
    Огромное спаcибо.Только теперь логотип не отображается.А ещё не подскажите как слова которые появляются выровнять по центру квадратов(картинок).Ну или чтобы крайние слова были немного левее и правее(соответсвенно)крайних квадратов. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>сайт"</title> <style type="text/css"> body { font: 14pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #nav{ width:300px; margin:auto; } #nav li{ list-style:none; float:left; margin-left:20px; position:relative; } #nav li a{ display:block; text-decoration:none; } #nav li a img{ border:0px; display:block; margin:6px auto; width:55px; } #nav li ul{ display:none; position:absolute; top:60px; } #nav li:hover ul{ display:block; } </style> </head> <body> <div id="header"> <ul id="nav"> <li><a class="logo" href="#"><img src=r.png></a> <ul> <a style="color:#e83f3f">reliable</a> </ul> </li> <li><a href="#"><img src=b.png></a> <ul> <a style="color:#9a98f1">bright</a> </ul> </li> <li><a href="#"><img src=l.png></a> <ul> <a style="color:#e3d16d">light</a> </ul> </li> </ul> </div> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> </body> </html>
  20. Rambo2045
    Есть 3 картинки нужно чтобы они все были в шапке(резиновой) по центру.При наведении на каждую картинку должно появлятся слово и оставаться.К каждой картинке своё слово .Как это реализовать? http://itmages.ru/image/view/229056/d046e59a
  21. Rambo2045
    извините т.е. не второй а (call.jpg).и не работает margin-right.
  22. Rambo2045
    Первый логотип(logo) отображается, второй нет. Почему? #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #logo1 { width: 200px; height: 52px; margin:-95px auto; background: url(slogan.png) no-repeat; } .call{ margin-right:35px; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div id="logo1"></div> <a class="call" href = "index1.html"><img src = "call.jpg" width = "74" height="40" border="0" alt="call"></a> </body> </html>
  23. Rambo2045
    Подскажите пожалуйста почему логотип в IE теперь обводится синим цветом, и как это можно убрать?
  24. Rambo2045
    напишите пожалуйста в коде как должно быть ,а то не выходит никак.
  25. Rambo2045
    Я когда добавил ссылку к логотипу он прижался влево и margin не работает.Почему?
×
×
  • 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