Jump to content

BituM

Newbie
  • Posts

    17
  • Joined

  • Last visited

Everything posted by BituM

  1. Н-даа помогли можно сказать и так
  2. Всем привет вот линк на скриншот проблемы http://www.imageup.ru/img251/2087130/2015-03-28-16-22-59-skrinshot-ehkrana.png Подскажите как сделать чтоб меню нормально отображалось? то есть чтоб третий пункт (ИСТОРИЯ КАК НАУКА) не оказывался бы подпунктом второго *(ОТЕЧЕСТВЕННАЯ ИСТОРИЯ) как на скриншоте видно #menu { background:white; float: left; width: 270px; height: 1700px; border:1px solid #000;}.NAV ul { display:block; float:left; list-style:none; font-size: 18px; color:black; text-decoration:underline; margin:0px; padding:0px;} и <div id="menu"><div class="NAV"><ul><li><a href="#">ГЛАВНАЯ</a></li><li><a href="#">ЗАРУБЕЖНАЯ ИСТОРИЯ</a><ul><li><a href="#">Источники </a></li><li><a href="#">Авторы и работы</a></li></ul></li><li><a href="#">ОТЕЧЕСТВЕННАЯ ИСТОРИЯ</a><ul> <li><a href="#">Источники </a></li> <li><a href="#">Авторы и работы</a></li> </ul> </li> < <li><a href="#">ИСТОРИЯ КАК НАУКА</a> <ul> <li><a href="#">Методология и философия</a></li> <li><a href="#">Вспомогательные исторические дисциплины</a></li> </ul> </li> </ul> </div> </div> лучше уж так https://yadi.sk/d/DsJFkUo6faW5f
  3. Мне бы код для наглядност иисправленный
  4. В наличии код css https://www.dropbox.com/s/ctkoknmvzklaa45/Variant%202.doc?dl=0 <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;background-color:#8000ff;min-height:100%;position:relative;padding:0;margin:0;}div{width:1024px;background-color:black;color:#fff;margin:1px 0px 1px 1px;}h1{text-align:center;padding:2px;font-size:33px;color:white;padding:25px 0 0 0;}<h1>Наталья Смирнова Юрия Гумен</h1>table{border-collapse:collapse;}table, td, th{border:1px solid black;}td {width:575px;background-color:black;color:#fff;padding:0 10px;}p{text-align:justify;font-size:16px;padding:10px;} .oblogcka {text-align: center;border:1px solid #fff;}td {width:px;background-color:darkblue;color:#fff;}p{text-align:left;font-size:16px;padding:25px;} .cknopochkka {border:1px solid #fff;margin-right:25px;margin-left:75px;margin-top:75px;margin-bottom:65px;font-family:Arial;background-image:url(http://favicon.yandex.net/favicon/kitajskie-smartfony.ru);background-repeat:no-repeat;font-size:19px;display:inline-block;padding: 5px 15px;text-decoration: none;color:#fff;}</style></head> <body><table><tr><td><p>Антология рассказов лучших русских писателей — о мистической Москве. Под одной обложкой в антологии «Москва Нуар» собраны рассказы самых ярких современных российских писателей о Москве — не такой, как мы ее знаем, состоящей из дорожных пробок, смога, гламура и вечной толкотни, а о Городе тайн и загадок, Городе, имеющем душу. </p><img src=http://data.fantlab.ru/images/editions/big/73460 class="oblogcka"/></td><td> Анна Старобинец – «Автобус милосердияВячеслв Курицын – «Золото и героин»Людмила Петрушевкская – «Новый район»Андрей Хуснугдинов – «Постой»<a href=http://fantlab.ru/edition73460 class="cknopochkka">Источник</a></td></tr></table></body></html>Подскажите 1 Почему подзаголовок 1 не отобразился над таблицей? 2 Почему картинка обложка расположилась не посередине ячейки? 3 Почему текст в первой ячейке не моноширинный (justify) несмотря на прописанные ситили? 4 Почему цвет обоих ячеек одиноковый когда указан вв св-ах разный? И еще Дайте совет относительно оптимальной шррины css страницы в пикселях чтоб выглядело не по уродски!
  5. H2{text-align:center;font-size:25px;margin-bottom:0;}H2 span {border-bottom: 2px solid white; padding-bottom:2px;}было http://www.imageup.ru/img229/2018937/2015-01-21-11-28-26-skrinshot-ehkrana.jpg стало http://www.imageup.ru/img229/2018955/2015-01-21-13-09-34-skrinshot-ehkrana.jpg АЛЛИЛУЙЯ - получилося!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! к сожалению ентот инспектор не поддерживает тему высокий контраст для вин
  6. Margin уже нет а код НЕ работает h1{text-align:center; padding:2px;font-size:37px;color:white;padding:25px 0 0 0;}h1 span {display: inline-block; border-left:2px double #fff;padding:2px;border-right:2px double #fff;}H2{text-align:center;font-size:25px;}H2 span {border-bottom: 2px solid white; padding-bottom:2px;} .hc {float: left;width: 100%;text-align: center;}.hc H3{text-align:center;background-color:darkred;color:#fff;font-size:18px;border:1px solid white;padding:5px;display:inline-block;}в итогеhttp://www.imageup.ru/img229/2018835/2015-01-21-11-28-26-skrinshot-ehkrana.jpgвсего лишь верхняя часть рамки перестала совпадать в пробелом
  7. Если с ентим: .cknopochkka {border:1px solid #fff;margin-right:25px;margin-left:265px;margin-top:25px;margin-bottom:45px;font-family:Arial;background-image:url(http://favicon.yandex.net/favicon/kitajskie-smartfony.ru);background-repeat:no-repeat;font-size:19px;display:inline-block;padding: 5px 15px;text-decoration: none;color:#fff;}все действительно я с н о и кнопка "отбуксировалась" вправо то есть куда надо то пробел так и остается чего не так? .hc {float: left;width: 100%;text-align: center;margin: 15px 0;}.hc H3{text-align:center;background-color:darkred;color:#fff;font-size:18px;border:1px solid white;padding:5px;display:inline-block;margin:0;}
  8. 1 http://www.imageup.ru/img220/2017640/2015-01-16-13-46-00-skrinshot-ehkrana.jpg
  9. Всем привеТ! Помощь нужна снова http://www.imageup.ru/delete/2016779/9f25d7aeb8554af12e09c49695adf8da/ http://www.imageup.ru/img220/2016781/2015-01-17-14-52-49-skrinshot-ehkrana.png вот два скрина и плюс код собственно https://www.dropbox.com/s/hz079w1e7wp9l41/00.doc?dl=0 (дубляж а то мало ли) <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;min-height:100%;position:relative;padding:0;margin:0;}div{width:500px;background-color:black;color:#fff;margin:0 auto;}h1{text-align:center; padding:2px;font-size:37px;color:white;padding:25px 0 0 0;}h1 span {display: inline-block; border-left:2px double #fff;padding:2px;border-right:2px double #fff;}H2{text-align:center;font-size:25px;}H2 span {border-bottom: 2px solid white; padding-bottom:2px;} .hc {float: left;width: 100%;text-align: center;margin: 5px 0;}.hc H3{text-align:center;background-color:darkred;color:#fff;font-size:18px;border:1px solid white;padding:5px;display:inline-block;margin:0;}.oblogcka {float:left;margin: 7px 17px 7px 2px;border:2px solid #fff;}.oblogcka2 {text-align: center;border:2px solid #fff;}.oblogcka3 {float:right;margin: 7px 2px 7px 17px;border:2px solid #fff;}p{text-align:justify;font-size:16px;padding:25px;} table, td, th {border:1px solid white;font-size:16px;padding:0 5px;background-color:#000080;color:#fff;margin:25px 0px 25px 25px;border-spacing:3px;}.first {border-collapse: collapse;} .cknopochkka {border:3px solid #fff;margin:25px 25px 25px 0px;font-family:Arial;background-image:url(http://favicon.yandex.net/favicon/kitajskie-smartfony.ru);background-repeat:no-repeat;font-size:19px;display:inline-block;padding: 5px 15px;text-decoration: none;color:#fff;} </style> </head> <body> <div> <h1><span>Александр Петров</span></h1><h2><span>«Мастер своего дела»</span></h2><div class="hc"><h3>Антология</h3><p><img src=http://www.imageup.ru/img288/2013662/cover.jpg class="oblogcka"/>Великие люди прошлого — такие как Леонардо да Винчи, Михаил Ломоносов или Бенджамин Франклин — преуспевали сразу во многих, если не во всех, науках, искусствах и ремёслах. Однако со временем подобная универсальность знаний и умений становится всё более и более труднодостижимой: мир, в котором живёт человек, усложняется в геометрической прогрессии и, чтобы оставаться хоть сколько-нибудь понятным, дробится и дробится на мельчайшие осколки. Отрасли наук становятся всё более специальными и требующими фундаментального образования хотя бы для понимания их в общих чертах; то же происходит и в других сферах человеческой деятельности. Количество информации вокруг стремительно увеличивается — наглядным примером тому может служить Интернет, — и всё сложнее следить за появлением нового даже в какой-либо отдельно взятой области. </p><img src=http://www.imageup.ru/img288/2013699/i.jpg class="oblogcka2"/><p>Уже XX век стал веком специалистов, людей, компетентных в чём-то одном, мастеров одного-единственного, своего, дела. XXI век лишь усугубил подобное положение вещей. </p><p><img src=http://www.imageup.ru/img288/2013700/1306051195_rrrryo-rrs-srrrsrrir-34.jpg class="oblogcka3"/>В нашем сборнике мы решили рассмотреть это явление с разных сторон, включая весьма неожиданные, с привлечением фантастического инструментария: кто он такой, специалист узкого профиля? как он мыслит, чем ограничен, как справляется с ситуациями, требующими широкого кругозора? как взаимодействует с другими людьми, каким предстаёт в их глазах? и что вообще значит — «быть мастером»?</p> <table><tr><td>АВТОР</td><td>НАЗВАНИЕ</td></tr><tr><td>Святослав Логинов </td><td>«Город мастеров«</td></tr><tr><td>Владимир Аренев</td><td>«Хорошие новости»</td></tr><tr><td>Александра Давыдова</td><td>«Черный дворецкий»</td></tr></table><a href=http://www.flibusta.net/b/305697 class="cknopochkka">Источник</a></div></body></html>Вопросы такие 1 Как сместить кнопку "Источник" в правый нижний угол? (применение Margin не помогло однако) 2 Как убрать пробел между двумя подзаголовками? (скрин 1 - между "Мастер своего дела" и Атология)
  10. в ЧЕМ ГЛАВНАЯ МОЯ ТРУДНОСТЬ Я не пойму как оба этих куска кода: 1 Ссылка с самоназванием 2 блок с описаниеМ св-в всплывающей подсказки Соединить в одно целое? В какой последоватеьности? Что куда встраивается? Что после чего идет?
  11. Если не css в html встраивать ("пихать" по вашему) то как тогда? За белый цвет шрифта pardon
  12. http://codepen.io/GreatRash/pen/Cujkf Лык мачало – начинай сначала <a href="https://yadi.sk/d/EWSoCxZWbRE44"data-tooltip="Сохранить">Герадот «История»</a>так? дальше <a {display:inline-block;position:relative;}href="https://yadi.sk/d/EWSoCxZWbRE44"data-tooltip="Сохранить">Герадот «История»</a>почему дата-тоолтип в скобках оказывается? Откуда еще одна а перед hover? И точка продолжение <a {display:inline-block;position:relative;}href="https://yadi.sk/d/EWSoCxZWbRE44"hover:after {content: attr(data- tooltip="Сохранить");position:absolute;top:0;left:100%;margim:0 0 0 5px;padding:0 5px; white-space:nowrap;text-decoration;none; border: 2px solid white;background-color:darkred;color:white;}Герадот «История»</a>Есес-но результат ошибка
  13. http://www.xiper.net/collect/html-and-css-tricks/content/css3-tooltips <a href="#" class="tooltip"> your text <span>Your tooltip description</span></a>попытка все сделать как в материале только со своей ссылкой шаг 1 <a href="https://yadi.sk/d/EWSoCxZWbRE44" class="tooltip"> Сохранить<span>Герадот «История»</span></a>шаг 2 <a href="https://yadi.sk/d/EWSoCxZWbRE44"title="Сохранить">Герадот «История»</a>шаг 3 <a href="https://yadi.sk/d/EWSoCxZWbRE44"data-title="Сохранить">Герадот «История»</a>до сих пор все понятно а вот дальше….. .tooltip:hover:before { content: attr(data-title); /* дальше идет просто оформление */}Откуда опять взялся totlip и пр.? Если мы от него только ушли? Встраивать его в понятный html код как? Так? <a href="https://yadi.sk/d/EWSoCxZWbRE44".tooltip:hover:before {content: attr(data-title="Сохранить" );Герадот «История»</a>Или так? <a href="https://yadi.sk/d/EWSoCxZWbRE44".tooltip:hover:before {content: attr(data-title="Сохранить" );position: absolute;bottom: 30px;left: 50%;z-index: 999;width: 230px;;padding: 10px;border: 2px solid white;opacity:.9;background-color: darkred;color:white;}Герадот «История»</a>Разметка того…не рабочая совсем Но вот как правильно?
  14. Всем прЕбольшое спасибо! За конкретную ( с примерами) помощь, понимание, отсутствие едкой критики, необоснованной и юмора черного.
  15. Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный мне результат так и не получился ГДЕ же ошибки в кодах? 1 <a href="https://yadi.sk/d/9ZvR5g1XagZGJ"><div id="totlip" display:inline-block;position:relative style="showTitle:hover:after ;content: attr(data-title);position: absolute;z-index: 1;font-family: Arial, sans-serif;padding: 5px 10px; font-size:18px;background-color:darkred;color:white; border:1px solid #fff; ">Сохранить файл<span style="font-size:18px;background-color:darkred;color:white;border: 1px solid #fff;"> «Я умею прыгать через лужи» </span></a>2 <a href="https://yadi.sk/d/qbhLcr71b6CqW" class="totlip"{display:inline-block;position:relative;}:hover::after {content: attr(data-text);"Сохранить" position:absolute;z-index:1;font-family:Arial,sans-serif;padding: 5px 10px;font-size:18px;background-color:darkred;color:white;border:4px solid #fff;}<span style="font-size:18px;background-color:darkblue;color:white;border:1px solid #fff;"> «Нашествие» </span></a>3 <a href="https://yadi.sk/d/9ZvR5g1XagZGJ"><DIV.HELP (width:155px;height:86px;background-color:indigo;color:white; border:1px solid #fff;position:absolute;{display:none;Ъсохранить</div><span style="font-size:18px;background-color:darkblue;color:white;border:1px solid #fff;"> «Воспоминания»(1963) </span></a>Ведь ни один не сработал Огромная просьба не нужно «пулять» в меня ссылками с примерами решения моей проблемы. Именно по аналогии с их содержимым я и конструировал свои коды.(может и нелепые но кто не был новичком?) В идеале мне надо видеть перед глазами два кода полностью прописанных Один мой неверный Второй наоборот правильный
×
×
  • 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