Евгений_SB
-
Posts
91 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Евгений_SB
-
Ребят помогите разобраться, не пойму где ошибка,есть макет в котором верхнее меню ведет себя как надо при сужении окна браузера а текстовый блок уезжает за его границы,никак не могу найти ошибку в коде код html <div class="slide-title"> <div class="info"> <h1>our strong <br> organaisation</h1> <span>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed do eiusmod tempor incididunt ut labore et. ectetur adig ipis cing elit, sed do eiusmod tempor incididunt.</span> <button>Contact us</button> </div> код css .slide-title { display: block; position: relative; max-width: 1250px; margin: 0 auto; top: 100px; } .info { display: block; position: relative; float: left; max-width: 500px; } .info h1 { display: block; position: relative; max-width: 500px; min-width: 70px; color: #1c1c1c; text-transform: uppercase; font: bold 55px 'OpenSans-Bold', sans-serif; } .info span { display: block; position: relative; float: none; max-width: 500px; top: 40px; color: #6f6d6d; font: bold 12px 'OpenSans-Bold', sans-serif; }
-
спасибо))
-
Ребят помогите какой то косяк у меня не могу врубиться из записи font: 25px bold Tahoma sans-serif; работает только размер текста, а если писать развернуто все работает отлично,может я неправильно что то пишу,уже и на сам сайт htmlbook залазил курил мануал по font там такая запись допустима ;
-
а почему меню не на ul а ссылками помоему это как то не очень хотя так можно наверно , и ни одна ссылка не реагирует на hover
-
напиши в личку посмотрим что можно сделать
-
Все ребят разобрался сам)) все из за моей невнимательности тег INPUT был обернут в тег LABEL и применял стили ко всему блоку
-
Ребят все сделал как вы написали, input с option выравнялись а label почему то улетели наверх хотя у вас на последнем скрине все ровно, ничего не пойму еще поменял значение в .container label ато не совсем ровно 90 было причем проверил в codepen там все работает как надо,что за
-
Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id="" size="1"> <option value="forsa motors">forsa motors</option> <option value="forsa motors">forsa motors</option> <option value="forsa motors">forsa motors</option> <option value="forsa motors">forsa motors</option> <option value="forsa motors">forsa motors</option> </select></p> <p><label for="text" class="mes">message: <input type="text"></label></p> </form> </div> </body> </html> body { padding: 0; margin: 0; } .container { width: 300px; height: 450px; margin: 40px auto; background: #f3f1f3; border: 10px solid; border-radius: 30px; border-color: #848484; } .container p { display: block; position: relative; text-align: center; color: #000; text-transform: uppercase; font: 16px tahoma; top: 80px; } .container input, option { width: 160px; height: 40px; color: #848484; }
-
mrnobody все спасибо все заработало, теперь понятно
-
Ребят здравствуйте, возникла небольшая проблема верстаю в общем то не сложный макет, но так как я новичок и толком еще ничего не умею, не знаю как решить эту проблему есть контейнер с 2 кнопками и картинкой согласно дизайна (скрин 1) кнопки должны быть внизу картинки но при верстке картинка на них наслаивается и кнопки не реагируют на нажатия (на скрине 2 видно) пробовал и z-index использовать ничего не выходит какие есть еще способы код HTML <div class="banner"> <a href="#" class="button_left"> <img src="images/button-left.png" alt=""> </a> <a href="#" class="button_right"> <img src="images/button-right.png" alt=""> </a> <img src="images/banner-img.png" alt="" class="banner_img_top"> </div> код css .banner { width: 960px; height: 290px; margin: 0 auto; } .button_left { display: block; float: left; margin-top: 200px; margin-left: 5px; } .button_right { display: block; float: left; margin-top: 230px; margin-left: 5px; } .banner_img_top { display: block; float: left; position: absolute; }
-
В интернете есть готовые формы вместе с файлами php. Обработчик в отдельном файле обычно
-
Что то какой-то мазохизм по-моему. Обернуть общий блок в фиксированный див задать р float left. Я бы так сделал
-
У вас всего 6 дивов, фотку и текст оборачивать не нужно, в том нет смысла,при правильном css они и так вниз будут уходить,и по моему чем проще тем лучше,чем меньше кода тем лучше, а то некоторые умудряются для такой задачи еще 10 файлов с js использовать,хотя достаточно 1 класса
-
Скачал посмотрел)) не поленился скачать все в одну папку, запустил, оказалось css не работает, полез в код добавил правильный путь,в итоге кроме надписи loading ничего не увидел,Посмотрел код дальше,ну думаю видимо нет файла с js посмотрел путь в пути написан файл href="css/plugin.css"> такого файла я вообще не нашел, Плюнул на это дело и не стал заморачиваться дальше, По коду: 1) вопрос зачем столько дивов? 2)зачем для каждой иконки перед ссылкой создавать свой собственный класс? для каждой картинки собственный класс? собственный класс КАРЛ,программист бы вас убил книжкой по html и был бы прав,Нельзя просто вставить перед ссылкой изображение и создать по 1 классу хотя бы! для каждого списка а не 24 дополнительных класса копирующих друг друга 3) третий скрин без комментариев как и чертвертый в итоге код очень плох даже я новичок это понимаю,про отсутствие коментариев отступы я уже не говорю валидатор ни прошел ни один файл, вопрос по последнему скрину где файлы? и кстати у меня закралось подозрение что вы макет просто откуда то сперли поэтому файлы не все ибо ссылка в футере перекидывает на сайт с шаблонам wordpres
-
Извините можно вопрос) @media screen and это у вас класс такой?
-
Все врубился спасибо большое,браузер же считывает начиная с корневой папки я картинка лежит в папке с html файлами все спасибо большое поправил
-
Здравствуйте ребят нужна помощь в казалась бы элементарных вещах, но сам никак не соображу почему не работает, не верстал уже года 3-4 где то а сейчас понадобилось сделать кнопку, банальная картинка ссылкой но почему то не работает,картинка лежит в той же самой директории,названия правильные,а картинка все равно не отображаеться, в чем может быть ошибка помогите пожалуйста) скрин директории сама картинка и файлик с html разметкой так же прилагаю скрин кода и сайта где картинка(ссылка) не отображается, вроде все элементарно а все равно не работает(
-
Как мне уже сказали этот макет полностью заточен под бутстрап)) и заместо иконок сделаных картинками в меню используй иконочный шрифт, он кстати и вставляется псевдоэлеменом
-
Специально скачал что бы посмотреть работы, впринципе неплохо, но и не очень хорошо, что раздражает больше всего (меня лично) это когда ссылки не реагируют на нажатия, спрашиваеться зачем они тогда нужны, это что правда так сложно написать пару класов с :hover ?, слишком как то все небрежно наврятли что нибудь заказал бы у такого верстальщика
-
ок переделаю почему то решил что надо резиновый)))
-
Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; margin-top: 0px; min-width: 900px; max-width: 1600px; height: 100%;}html код <header> <a href="#" title="Home" class="logo"><img src="img/logo.png" alt=""></a> <form action="#" method="post" name="search"> <input type="text" name="search" placeholder="Search"> </form> <ul class="nav"> <li><a href="#">People</a></li> <li><a href="#">Games</a></li> <li><a href="#">Musik</a></li> <li><a href="#">Help</a></li> </ul> <div class="picHeader"> <a href="#" class="icon-mail-alt"></a> <a href="#" class="icon-comment"></a> <a href="#" class="icon-bell-alt"></a> <a href="#" class="face"><img src="img/facepic.png" alt=""></a> <p>Vyacheslav Kornilov</p> </div> </header> <!-- конец шапки сайта--> <!-- боковая колонка с меню--> <aside> <ul class="navright"> <li><a href="#" class="icons-user">Friends</a></li> <li><a href="#" class="icons-picture">Photos</a></li> <li><a href="#" class="icons-video">Videos</a></li> <li><a href="#" class="icons-music">Music</a></li> <li><a href="#" class="icons-mail-alt">Messages</a></li> <li><a href="#" class="icons-users">Group</a></li> <li><a href="#" class="icons-edit">News</a></li> <li><a href="#" class="icons-info-circled">Recent</a></li> <li><a href="#" class="icons-export">Comments</a></li> <li><a href="#" class="icons-chat">Feedback</a></li> <li><a href="#" class="icons-star">Bookmarks</a></li> <li><a href="#" class="icons-cog">Setting</a></li> <li><a href="#" class="icons-gamepad">Games</a></li> <li><a href="#" class="icons-doc-text">Document</a></li> <li><a href="#" class="icons-soundclowd">Cloud</a></li> </ul> </aside> <!-- конец боковой колонки с меню--> <!-- основной контейнер--> <div class="container"> <div class="topHed"> <ul class="navtopHed"> <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> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> </div> </div>
-
В стандарте HTML5 - если ты даже напишишь <li><a href="#">Текст</li></a> - стандарт HTML5 - распознает что закрывающие теги перепутаны местами, валидатор придерживается строгого соблюдения правил и хорошо для XHTML. конечно перепутаны, надо <li><a href="#">Текст</a></li>
-
Что то мне подсказывает, что оно вообще ничего не понимает не только иронии, хотя по моему это просто жирный троль, потому что таких тугих людей я еще не встречал,хотя нет вру встречал, в армии
-
Да, я ни от кого не скрывал и уж тем более не говорил, что я сам писал этот js код. В шапке темы я попросил оценить html5 и CSS код, а не js/jq Сам bootstrap тут не используется и никакие библиотеки с его данными не подключались(Это можно банально увидеть, так как верста не резина, а фикс. Минимальная ширина составляет ~1180рх). Как писал выше, я решил поэкспериментировать и выбрал только элементы внешнего и внутренних отступов из bootstrap, а так же название колонок в декстопном разрешении. Вот тут не совсем понятно, что вы имели ввиду. Объясните по-подробнее. Что?! Простите, на кой мне нужно выкладывать на обсуждение работу, если код написан не мною? Я занимаю версткой проектов, а не их "внешним видом", это задача дизайнера. Зачем нужно изобретать "новый велосипед", если уже есть и хорошо функционируют данные плагины?! Тем более человеку, который не знает на данный момент js. Вы что то нашли криво работающим? Напишите, исправлю. Вы хоть понимаете, что пишите мне? По вашему css код пишется исключительно кириллицей? Спасибо за отзыв, [сарказм]сейчас все флэт сайты полное гавно [/сарказм] Не обращайте внимание)) сайт сверстан достаточно хорошо)) есть конечно некоторые моменты но в целом все ровно и самое главное работает, к тому же html проходит валидацию довольно хорошо, а это уже показатель достаточно хорошей верстки, и не важно что вы взяли некоторые решению у других, важно что вы их смогли настроить так что они работают без ошибок, некоторые пишут код сами при чем так что уж лучше бы они его воровали, а Zero-11 уже забанили так ему и надо, тут форум для серьезных людей, тролей нам еще не хватало)
-
Сверстаю для себя что бы посмотреть как будет выглядеть, по срокам не обещаю так как сейчас занят и верстать буду только в перерывах после работы вечером, Еще вопрос это окончательный вариант дизайна в конткте? или лично ваши наработки? и не растраивайтесь изза минусов)) их ставят только неудачники, оттого что вам влепили минус никто умнее не стал ни вы ни от кто влепил, помоему этот рейтинг вообще бесполезная вещь
