Jump to content

BituM

Newbie
 View Profile  See their activity

  • Posts

    17

  • Joined

  • Last visited

BituM's Achievements

Explorer

Explorer (1/14)

-1

Reputation

  1. BituM

    Пункты меню

    BituM replied to BituM's question in HTML Coding

    Н-даа помогли можно сказать и так
  2. BituM
    Всем привет вот линк на скриншот проблемы 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. BituM
    Мне бы код для наглядност иисправленный
  4. BituM
    В наличии код 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. BituM
    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. BituM
    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. BituM
    Если с ентим: .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. BituM
    1 http://www.imageup.ru/img220/2017640/2015-01-16-13-46-00-skrinshot-ehkrana.jpg
  9. BituM
    Всем привеТ! Помощь нужна снова 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. BituM
    в ЧЕМ ГЛАВНАЯ МОЯ ТРУДНОСТЬ Я не пойму как оба этих куска кода: 1 Ссылка с самоназванием 2 блок с описаниеМ св-в всплывающей подсказки Соединить в одно целое? В какой последоватеьности? Что куда встраивается? Что после чего идет?
  11. BituM
    Не по-ни-ма-ю все равно
  12. BituM
    Если не css в html встраивать ("пихать" по вашему) то как тогда? За белый цвет шрифта pardon
  13. BituM
    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>Есес-но результат ошибка
  14. BituM
    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>Разметка того…не рабочая совсем Но вот как правильно?
  15. BituM
    Всем прЕбольшое спасибо! За конкретную ( с примерами) помощь, понимание, отсутствие едкой критики, необоснованной и юмора черного.
×
×
  • 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