Jump to content

people2010

User
 View Profile  See their activity

  • Posts

    313

  • Joined

  • Last visited

  • Days Won

    1

 Content Type 

Everything posted by people2010

  1. people2010
    Хочу разместить сво иконку ,я создал её, она находиться в папке имг. Хочу как-то в стилях прописать изображение, а потом подключить в пункты меню эту картинку,чего-то не получаеться правильно сделать это, вот фото которое я хочу получить, и архив в котором пытаюсь это сделать. http://www.sharemania.ru/0227236 http://ipicture.ru/uploads/100903/3BZtW9w4xU.jpg
  2. people2010
    Тогда перепешите мой код чтоб имено также работал, с дивами как с таблицей. Если убрать overflow:hidden; тогда не будет происходить обрезка шапки сайта, следовательно при разрешении 800х600 будет появляться длинная полоса прокрутки, а мне нужно обрезать при меньшем разрешении экрана, шапку сайта, только не меньше 800 пикселей,чтоб если меньше 800 пикселей тогда сделать полосу прокрутки ,как так сделать. вначале прошу протестировать, а потом писать,если действительно у вас выйдет, то что я хочу сделать. Заранее благодарю за ответ
  3. people2010
    Последняя проблема, я заметил, что при уменьшении окна, в браузерах Мозила,ГуГхром,нетскейп,сафари,Опера, кроме ИЕ, не появляеться полоса прокрутки, при уменьшении окна до ниже 800....700....600....500 пикселей.Как преодолеть это?
  4. people2010
    Точно,вот так сработало: <img style="display:block;" src="img/videoyroki.png" >< Теперь я хочу сделать отступ текста от лева на 20 пикселей, во всех браузерах,включая нетскейп, кроме именно И7 и И6, не хочет работать вот это: .d a{display:block; border-top:1px solid black; padding:10px; text-indent:20px; } Вот эта ерунда text-indent:20px; не срабатывает там(И7,ИЕ6), подскажите что можно сделать? Скажите, каким пользуються браузерами кроме ИЕ,Опера,Мозила,Гугхром,нетскейп?
  5. people2010
    В браузере имено ИЕ6 и ИЕ7 в меню произошёл, зазор от таблицы, как исправить скажите,условными коментариями может, не получаеться подогнать, убрать отступ, он показан на фото. Вот фото проблемы и архив новый вылаживаю, уже с меню. http://ipicture.ru/uploads/100903/R5oUaRLLw5.jpg http://www.sharemania.ru/0158454
  6. people2010
    Извиняюсь, если кто знает как можно тот же самый результат получить на дивах без использования таблицы, напишите пожалуйста. Чтоб так же имено работало при разных разрешениях экрана. Заранее благодарю.
  7. people2010
    Вот так сработало,вот что я хотел получить при маленьком разрешении экраеа,наконец-то. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> * {margin:0; padding:0;} body{overflow:hidden;} img {border: none;} .shapka {height: 155px; background:url(img/header.jpg) no-repeat; } .shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; } .shapkafon img { text-align:left;} .bordur {width: 100%; border-collapse:collapse;} .bordur td {border:1px solid black;} .menubordur {border: 1px solid black; border-top:none;} .d {width:15%;} .d img {display:block;} </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table class="bordur"> <tr > <td colspan="3" class="shapkafon" > <div class="shapka" ></div> </td> </tr> <!-- СЕРЕДИНА --> <tr > <td class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </td> <td> С новым годом!</td> <td class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </tr> </table> </body> </html>
  8. people2010
    Вот код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> *{margin:0; padding:0;} body{min-width:800px; overflow:hidden;} img {border: none;} .shapkafon {background:url(img/fon.jpg); repeat-x; } .shapkafon img { text-align:left;} .bordur {width: 100%; border-collapse:collapse;} .bordur td {border:1px solid black;} .menubordur {border: 1px solid black; border-top:none;} .d {width:15%;} .d img {display:block;} </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table class="bordur"> <tr > <td colspan="3" class="shapkafon" > <img src="img/header.jpg" > </td> </tr> <!-- СЕРЕДИНА --> <tr > <td class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </td> <td> С новым годом!</td> <td class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </tr> </table> </body> </html> Сейчас у меня экран размером 1280х1024. Этот архив при запуске файла индекс, отображает вот такое в браузере ИЕ7,Опера, Мозила. Нормально как я хотел. Вот фото отображения в ИЕ,Опера,Мозила. http://ipicture.ru/uploads/100902/p1jvhCuL1x.jpg В браузере гуглхром вот такую ерунду отображает. http://ipicture.ru/uploads/100902/GUuVs4Uh7I.jpg 1)Проблема №1, неправильно отображение в браузере ГУГлхром, в самом начале при большом разрешении,скажите как исправить? 2) 2-ая проблема, вот что произойдёт ,если сменить разрешение экрана на 800х600, и проверить отображение в браузере ИЕ,МОЗИЛА,ОПЕРА. Вот что произойдёт,с чем я не могу побороться и в чём была главная проблоема всей этой темы. http://ipicture.ru/uploads/100902/3QDVOy6dpa.jpg
  9. people2010
    Спсибо конечно за подсказки как правильно нужно код формлять, всё в стили прятать, но написав вот так, как вы говорите получаеться в браузере ИЕ, сдвигов при разрешении 800х600 обрезка происходит изображения справа, а сдвигов навигации в лево не происходит, а в др. браузерах сдвиг происходит со странными пустотами. Вот я дл теста всё сделал и посомтрите что за бред вышел. http://www.sharemania.ru/0229844
  10. people2010
    Мучал потому-что много часов старался и не получаеться, получалось бы не мучал, если не хотите не отвечайте. А разве код совсем гиганстких размеров и проблема совсем такая тяжёлая что никто не знает как её решить? И легче всего сказать иди иди и читай,вместо того чтоб подсказать, я читал но чтоб решеить данную проблему не нашёл в htmlbook.ru. и в др. источниках, поэтому и спросил не для того чтоб меня отправляли подальше.
  11. people2010
    Мне нужно чтоб обрезало картинку справа при разрешении 800х600, но чтоб при этом панель навигации, которая справа должна не обрезаться а сдвинуться. Если написать так. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .shapkafon{background:url(img/fon.jpg); repeat-x; } body{min-width:800px; overflow:hidden;} .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table class="bordur" width="100%" cellspacing="0" cellpadding="0" > <tr > <td colspan="2" class="shapkafon"> <img src="img/header.jpg" height="180" align="left" > </td> </tr> <!-- СЕРЕДИНА --> <tr > <td width="15%"> <div class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </div> </td> <td class="bordur" > С новым годом!</td> <td width="15%"> <div class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </div> </tr> </table> </body> </html> Происходит обрезка изображения, но как быть если у меня панель навигации слева и справа, оно обрежет его справа, как сделать так чтоб не обрезало,чтоб не обрезало правую часть, 3-ую ячеку 2 строки таблицы? http://www.cyberforum.ru/attachment.php?at...mp;d=1283370463
  12. people2010
    Это в разрешениях экрана 1280х1240 не появляеться ,а в 800х600 появляеться.Проблема осталась, подскажите как её решить?
  13. people2010
    Вот так работает, но появляеться дополнтельная полоса прокрутки, подскажите как убрать её? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .shapkafon{background:url(img/fon.jpg); background-repeat:repeat-x; } .body{min-width:700px;} .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table class="bordur" width="100%" cellspacing="0" cellpadding="0" > <tr > <td colspan="2" class="shapkafon"> <img src="img/shapka.jpg" width="100%" height="180" align="left" > </td> </tr> <!-- СЕРЕДИНА --> <tr > <td width="15%"> <div class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </div> </td> <td class="bordur" > С новым годом!</td> </tr> </table> </body> </html>
  14. people2010
    Попробовал чтоб картинку выровнять по левому краю, и добавить картинку фон в правую сторону от картинки-шапки ,что-то не происходит дублирование, фоновой картинки, это тчоб по всей ширине экрана шапка была. Как сделать дублирование картинки-фона, что-то у меня не срабатывает. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .shapkafon{background:url(img/fon.jpg); background-repeat:repeat-x; } .body{min-width:700px;} .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table class="bordur" width="100%" cellspacing="0" cellpadding="0" > <tr > <td colspan="2"> <img class="shapkafon" src="img/shapka.jpg" height="180" align="left" > </td> </tr> <!-- СЕРЕДИНА --> <tr > <td width="15%"> <div class="d"> <img src="img/videoyroki.png" > <img src="img/n1.png" > </div> </td> <td class="bordur" > С новым годом!</td> </tr> </table> </body> </html>
  15. people2010
    У меня есть картинка размером 1240x185. Нарисуйте как резать её, что не очень понятно.
  16. people2010
    У меня картинка размером 1240Х185 Как сделать чтоб она нормально отображалась во всех браузераз при разных разрешениях? Может при маленьком разрешении экрана лучше её обрезать? Попробовал растягивать получаеться какие-то буквы суженые и не очень красиво смотриться, что можно придумать? Или может картинку делать меньшим размером на фотошопе? Хочу чтоб так растягивалась на всю ширину шапка как на этом сайте: http://ruseller.com
  17. people2010
    Попробовал поменять разрешение экрана и на всю ширину глянуть свою картинку, как-то она вроде бы как сузилась и некрасиво как-то. Как сделать может быть яваскриптом. Чтоб если уменьшен экран к примеру на 800 пикселей, обрезать картинка справа обрез сделать?
  18. people2010
    Если весь код оставить как есть и дописать так: <body class="marginpadding rezina"> ничего не изменилось
  19. people2010
    Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей. Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за ответ. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .rezina{min-width:800px;} .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding" > <!-- ШАПКА --> <table width="100%" class="bordur rezina" cellspacing="0" cellpadding="0" > <tr > <td colspan="2"> <img src="shapka.jpg" width="100%" height="180" align="center" > </td> </tr> <!-- СЕРЕДИНА --> <tr > <td width="15%"> <div class="d"> <img src="videoyroki.png" > <img src="n1.png" > </div> </td> <td class="bordur" > С новым годом!</td> </tr> </table> </body> </html>
  20. people2010
    Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами? Если кто делал,напишите пример реализации. Заранее благодарю.
  21. people2010
    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" align="center" cellspacing="0" cellpadding="0"> <tr> <td > <img src="shapka.jpg"> </td> </tr> <!-- СЕРЕДИНА --> <tr width="182"> <td> <div class="d"> <img src="videoyroki.png" > <img src="n1.png" > <img src="n1.png" > </div> </td> <td class="bordur">С новым годом!</td> </tr> </table> </body> </html>
  22. people2010
    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" align="center" cellspacing="0" cellpadding="0"> <tr> <td > <img src="shapka.jpg"> </td> </tr> <!-- СЕРЕДИНА --> <tr width="182"> <td> <div class="d"> <img src="videoyroki.png" > <img src="n1.png" > <img src="n1.png" > </div> </td> <td class="bordur">С новым годом!</td> </tr> </table> </body> </html>
  23. people2010
    Внутри ячейки возникла необходимость сделать список ссылок,то есть внтутри <td> я хочу сделать несколько ссылок, только каждая ссылка на следующей строке должна находиться/ Раньше делал таким коротким способом, сейчас чего-то этот способ не работает. Создал класс .d{display:block;} А потом в диве писал такое раньше и выходило, а сейчас не выходит: <div class="d"> <a href="#">Privet</a> <a href="#">Privet</a> <a href="#">Privet</a> </div>
  24. people2010
    Скажите как коротко записать чтоб, верхней границы бордюра не было, а право, лево и низ было чёрным цветом 1 пиксель? border:право лево низ solid black; Вот так не получаеться .menubordur{border:1px 1px 1px solid black;}
  25. people2010
    Вот это да, оказывается вот эта строка "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Очень много значит. Если написать просто: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> Тогда произойдет отступ от верха ещё, а если написать так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Тогда во всех браузерах отлично. В итоге код получился таким. и стал работать во всех браузерах. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .videoyroki{position:relative; left:0px;} </style> </head> <body class="marginpadding"> <table width="910px" class="bordur" align="center" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <img src="shapka.jpg"><br> <img class="marginpadding" src="videoyroki.png" align="left" > </td> </tr> </table> </body> </html>
×
×
  • 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