Jump to content

koekto93

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by koekto93

  1. Вау, я уже и не надеялся на ответ!!! Спасибо большое!
  2. значит только у меня такая проблема)
  3. Полностью согласен с Вами, Jack_V. Картинки тащил из ВК, поэтому у них появился белый фон. Не знаю в чём проблема, но в ссылке указана цирфа 5, а когда открываешь выставляется 2 и в результате не пускает до моего проекта( Вот что получилось в итоге https://jsfiddle.net/koekto93/amcnjqzm/5/
  4. Jack_V, для того, чтобы Вы могли внести изменения в реальном времени? И каким редактором лучше всего воспользоваться?
  5. <div id="wrapper"> <header> <div id="logo"> <a href="/"><img src="images/logo.png"/></a> </div> <div id="top"> <div id="menu_top_left"> <table> <tr><td><img src="images/soska.png"/> Всего родов: 90060</td><td><img src="images/boy.png"/> Мальчиков: 8</td></tr> <tr><td><img src="images/igrushka.png"/> За сутки: 17</td><td id="girl"><img src="images/girl.png"/> Девочек: 9</td></tr> </table> </div> <div id="menu_top_right"> <p>Автоматическая справочная служба:<br>+ 7 (495) 718-20-88<br></p> <p id="point"><img src="images/point.png"/><a href="/"> Контактная информация</a></p> </div> </div> <nav> <ul> <li><a href="/">Главная</a></li> <li><a href="/">О центре</a></li> <li><a href="/">Сотрудники</a></li> <li><a href="/">Полезная информация</a></li> <li><a href="/">Отзывы</a></li> </ul> </nav> </header> <div class="top_area"> </div> <section> <aside class="left"> </aside> <article> </article> <aside class="right"> </aside> </section> <footer></footer> </div>#wrapper { width: 1280px; margin: -8px auto;}header { width: 1280px; height: 171px; background: url(images/menu_bg.png) no-repeat;}#logo { width: 194px; height: 236px; float: left; margin-left: 157px;}#top { overflow: hidden; color: #66698b; font: regular 16px Trebuchet MS Regular, Arial, sens-serif;}#menu_top_left table { border-spacing: 26px 2px; float: left; margin-top: 12px;}#menu_top_right p { float: right; margin-right: 160px; margin-top: 30px; text-align: right; padding-left: 50px;}#menu_top_right #point { margin-top: -27px;}nav ul { padding-top: 13px; padding-left: 32px; overflow: hidden;}nav ul li { float: left; list-style-type: none; color: #66698b; font: regular 16px Trebuchet MS Regular, Arial, sens-serif; margin-right: 75px; }nav .active, nav ul li a:hover { color: b2b2b2; text-decoration: none;}nav ul li a { color: #252c65; font: regular 16px Trebuchet MS Regular, Arial, sans-serif;}.top_area { width: 1077px; height: 481px; margin: 0 auto; background: url(images/roddom.jpg) no-repeat;} Veseloff, про такой вариант я не подумал, он будет намного лучше))) Вопросы в следующем: правильно ли я поступил, что начал делать ту часть, где есть надписи "Всего родов", "Мальчиков" и т.д через таблицу? Не особо получается подогнать надписи в ячейках, чтобы совпадало с исходной картинкой. С прилипанием блока к правому краю лого справился)) Теперь нужно создать много блоков <p>, кратных количеству линий, задать каждому индификатор и выравнивать попиксельно?
  6. Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?
×
×
  • 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