cssview
-
Posts
50 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by cssview
-
Устраиваюсь на работу, вот тестовое задание
cssview replied to gibigate's topic in Discussion of works
Она никому не нужна. Попиксельная верстка очень актуальна у зарубежного заказчика. Та и для себя очень полезно попрактиковатся. -
Устраиваюсь на работу, вот тестовое задание
cssview replied to gibigate's topic in Discussion of works
Если говорить откровенно, после того как я открыл сайт и посмотрел что блоки в хидере высят на абсолюте... 1. Первое что бросилось, это изобилие position:absolute. В большинство случаев можно обойтись, расположением блоков с помощью float. 2. На некоторых блоках неправильно вычислены их ширины. Просто забыли отнять padding. 3. Не обнулены, так званые "отступы", на картинках. Это может повлиять на отображение в ie, да и не только. 4. Неправильная структура (следование) заголовков. Пропущен h1. 5. Не указано семейство шрифтов. Ну и много много разного. Это такой, беглый осмотр вёрстки. -
а у тебя папка fonts находится в папке css, что ты пишешь /fonts/имя_шрифт, может всё таки ../fonts/имя_шрифт
-
Сделай картинку(скриншот) того как должно быть
-
что случилось
-
А почему не меняешь фон background
-
Ответ: можно.
-
для body попробуй прописать min-width: 960px и что это за развилка для ie6 * html body {height: 100%;}
-
Используй логику, что относится к дизайну делаем через css, не нужно хардкодить. два блока bg1 и bg2 лишние(как сделать подсказали выше). С wrapper`а убрать position: relative; и все вытекающие, далее. Лого завернуть в h1 и сделать кликабельным, для телефона используй dl>dt>dd. Что за ОГРОМНЫЕ отступы в menu ( FAQ | Direction | Help). Форма поиска должна всегда оборачиваться в тег form. Неправильный отступ в форме (сабмит и т.д.). Лишний div.clear. Что за class="no" в навигации, где реакция на действие (хотя-бы подчеркивание)... Далее не хватило сил. Ну, а так, на 0.3 бала потянет. Учится и еще раз, учится.
-
Myriad Pro - не web fonts, будет не кроссбраузерно. Используйте, лучше web font, такие как Arial, Tahoma, Verdana, Time New Romans и т.д. Еще вам нужно настроить photoshop, выставить хотя бы отображение в px.
-
Упс, не увидел что там нету текста. Ну тогда background на a и рули padding`ами.
-
А смысл этого телодвижения(absolute). У берите span`ы. И задайте на a {text-indent: -9999px; overflow: hidden;}
-
Что вы так взвинтились. То есть, вы хотите сказать, что этот макет не стоит верстать блоками? Что он сложен? И какие проблемы будут в IE.
-
Верстка макета от Verderа, авиация второй мировой
cssview replied to ceil100's topic in Discussion of works
А зачем ты используешь конструкцию clear: left; и float: left;??? -
Картинку чего хотите.И напишите полностью код
-
Все ответы находятся перед тобой. Смотри И второй вопрос обсуждали на форуме.
-
Поддерживаю. Всегда меряю отступы выделением, но и линейкой не брезгую.
-
Ну я бы сделал так бы. <body> <header> <hgroup> <h1><img ... /></h1><!-- логотип --> <h2>...</h2><!-- слоган --> </hgroup> <form ...></form><!-- форма поиска по сайту --> <nav>...</nav> <!-- горизонтальное меню на всю ширину --> </header> <aside><!-- фиксированный сайдбар --> </aside><!-- /sidebar --> <section id="content"> <article> <header><h2>Бобро пожаловать на сайт</h2></header> <section>траляля</section> </article> <article>...</article> </section><!-- /content --> <footer> Находится на одном уровне с футером из section id="sidebar". Тут, допустим, телефон и адрес. </footer> </body> Но сейчас придут профи и дадут свой ответ.
-
Я наверное профан. Но где при верстке мы пишем /IDE/и.т.д.
-
Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).
-
Что это значит.
-
Покажи css код. Или ссылку на проблему.
-
Странно но у меня ничего не наезжает. Вот посмотрите. <div style="min-width:650px; overflow:hidden;"> <div style="float:left;">1</div> <div style="float:right;">2</div> <div style="clear:both;"></div> <div style="float:left;">3</div> <div style="background: #cccccc;">Заливка картинкой</div> </div>
-
Что конкретно вы хотите получить.
