psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Если предположим у меня Есть меню, Пункты состоят из Закруглённых углов по бокам и ввехнего фона соответственно, что-бы при растягивании этот пункт тянулся в ширину на сколько угодно. При этом мне нужно, что-бы всё таки начальная задача была соблюдена, а точнее что-бы при переносе слов В Пункте было Вертикальное выравнивание, даже в ИЕ6-7, как на рисунке http://psywalker.ru/Forum/vert.png . Вобщем что-бы тянулось в ширину, да ещё было вертикальное выравнивание!
-
Justnewone Спасибо за идею, а вот если например пункты меню должны быть Не фиксированные, то тогда Задавая позиционирование ссылке Пункт схлопывается, но зато вертикальное выравнивание получается. Вот как бы убить двух зайцев для ИЕ6-7?
-
Павел Билькис Не понял, о чём ты? s0rr0w Согласен, всегда стараюсь думать, но также часто просматриваю форум и не раз уже слышал от экспертов, что логотип нужно делать "ИМГ" а не фоном, поэтому и возникли сомнения
-
Всем доброй ночи, а ситуация следующая: Есть вот такое вот меню: http://psywalker.ru/Forum/vert.png Сделано оно таким образом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none;} ul { text-align: center;} ul li { width: 110px;} ul li { display: inline-table; vertical-align: middle;} </style> </head> <body> <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> <li><a href="#">Ондо слово</a></li> </ul> </body> </html> Задача: Нужно, что-бы в LI всегда было Вертикальное выравнивание, независимо от количества слов, тоесть допустим пусть Пункт меню будет шириной 110px и все слова, которые не помещаются, просто оказывались на нижней строке, но при этом все слова в других пунктах и в этом всегда были выровнены по вертикали (как на рисунке: http://psywalker.ru/Forum/vert.png ).Все Кроссбраузерные Решения, которые я нашёл в Инете - только для Одной строки, а мне надо, чтобы я мог вписывать много слов, даже с переносом на другую строку и что-бы даже в ИЕ6-7 отображалось отлично! И ещё интересно узнать способы наших экспертов и не только, как Вы решаете эту задачу и что вообще думаете об этом?
-
вот тебе тогда начало, а доработай сам <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} ul { margin: 0 10%; text-align: center;} li { width: 200px; height: 200px; float: left; margin: 1px; background: #033;} </style> </head> <body> <ul> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />h</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />h</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> <li><img src="" />n</li> </ul> </body> </html>
-
s0rr0w Спасибо, а тогда вопрос: А разве можно использовать фон вместо ИМГ? я вроде слышал, что наоборот нужно что-бы логотип был именно картинкой, ну например для того, что-бы его можно было скачать при желании и вообще?
-
раз такое дело, тогда я не понимаю, как они должны выравниваться, если блоки постоянно прибавляются и ширина постоянно гуляет, я бы делал так: Взял бы, посчитал ширину вот этих 4 блоков http://s41.radikal.ru/i094/0907/f5/709286ac1a41.jpg, и задал бы её обрамляющему диву, а потом выровнял бы всё это добро по середине. А вопрос: У тебя получаеться, что Максимальная ширина - это ширина 4 блоков, да? а если экран сужается, то минимальная Один блок?
-
1) Основной шрифт на странице был обычный, который есть на всех компах 2) Может быть и можно замутить, я к сожалению тоже не знаю способа 3) Исправь обязательно 4) А вот тут уже сегодня у меня появились сомнения с утра и я даже создал топик, за ответом сюда: http://forum.htmlbook.ru/index.php?showtop...mp;#entry109114 5) Понял тебя, тогда конеш еда необходимее, молодец!
-
Выслушав ваши мнения я подведу итог, если я правильно понял, то: 1) Заголовок H1 ни в коем случае нельзя использовать для логотипа? 2) Заголовок Н1 нужен только для Контента? 3) Логотип должен выглядеть так: <div class="logo" id="logo"><a href="ссылка"><img src="logo.png" alt="Лого" /></a></div> ? или <div class="logo"><a href="ссылка"><img src="logo.png" alt="Логотип" /></a></div> (без id)? 4) И всё таки хотелось бы уточнить: Можно использовать просто "А", а в ней картинка-логотип?
-
Забудь
-
-
вот разбери вот этот пример и сделай под себя, тут две колонки по бокам тянуться всегда вниз за текстом, который будет в Центре http://psywalker.ru/Forum/l-r-bg/main2.html
-
поставь в пустые ячейки пробел http://html.manual.ru/book/info/specialchars.php
-
Ээхх, вот думали бы так все заказчики
-
rus А почему Рустамыч? Ведь ИЕ6 ещё далеко не в ауте?
-
rash 1) А если текстовая часть будет в H1, то это нормально для Поисковиков? 2) Мне не нравится такой способ из-за кучи лишних блоков, а почему бы вообще например не сделать логотив в А? Павел Билькис А правильно ли вообще считается делать Фоном? Я слышал, что вроде лучше Картинкой?
-
Я давно использую заголовок Первого уровня (h1), для Логотипа-картинки обрамлённого в ссылку. Выглядит это примерно так: <h1><a href="#"><img src="img/logo-trans.png" alt="Acgroup" /></a> — недвижмость за рубежом</h1> Но сегодня у меня с одним знакомым зашёл спор о том, правильно ли это или нет. Дорогие эксперты, помогите разобраться и ответить на вопросы: 1) Можно ли использовать заголовок первого уровня для этой цели? 2) Правильно ли это со стороны семантики, да и вообще? 3) Часто замечаю, что многие используют такую конструкцию: <div class="logo">, но по-мне это как то неправильно и добавляет лишний элемент с классом. 4) Как правильно всё таки писать Логотип и H1? и можно ли их совмещать? Заранее спасибо!
-
Я просто не понял суть проблемы, но могу дать пару советов 1) Поставь у меню большой z-index; и у главного и выпадающего 2) У меня в ИЕ6 выпадающий список не имеет полупрозрачного фона, если в этом проблема, тогда нужно посмотреть, каким способом ты делаешь его в отдельном Файле стилей для ИЕ6?
-
Вообще попробуй сам догадаться, сложного я ничего не вижу, даже для новичка. 1) Вот у тебя есть общий контейнер, в котором должно всё выравниваться: <div style="border: 1px solid; margin:0 auto; width: 100%;"> 2) Зачем ему задавать Ширину 100%, если он и так по умолчанию 100%? А потом тебе не кажется странным, как ширина 100% от экрана будет выравниваться? Если учесть, что экран сам 100% 3) Да и потом должны в нём выравниваться блоки(3х3), и мы имеем внутренний div <div style="border: 1px solid; margin:0 auto; width: 100%;"> <div>, который обрамляет всё содержимое, но болтается без дела собственно 4) Так вот не кажется ли тебе, что нужно перекинуть с главного Контейнера кое какие правила? Например margin:0 auto; и ещё ширину, только сделать её не 100%, а ровно столько, сколько нужно для твоих внутренних блоков
-
Так, хорошо, это основной блок, тогда Нахрена ему ставить ширину 100%, если он по умолчанию блочный элемент, у которого ширина 100%, да ещё и выравнивать его по середине?? И где внутри него блок, который Обрамляет всё содержимое в середине и выравнивается по центру?
-
Вот объясни мне, как может выравниваться блок - Шириной 100%??? <div style="border: 1px solid; margin:0 auto; width: 100%;">
-
Cabalist 1) Твой стиль, а точнее опять шрифты, размеры, жирность опять не соответствуют макетным! 2) Меню с Коттеджами желательно сделать правильно, но так как ты не знаешь JS, это тебе прощается, я сам не знаю, но мне сделал знакомый, позже продемонстрирую 3) Блоки: "Агенство трали-валли" в шапке, и Блок: "Банковский конфискат в Испании" в центре, при заполнении текстом становятся нечитаемыми, это плохо, позже опятьже покажу, как нужно было сделать. 4) Логотип нужно было поместить в h1, а не в <div class="logo"> и вообще на будущее так делать всегда! Пока визуально вроде всё Вот я давно уже верстал, посмотри, как примерно должно было выглядеть. На то, что немного не доделано и т. д., не обращай внимание, главное улови суть! http://psywalker.ru/SAITS/Acgroup/acgroup/main-page.html p.s. - кстати замути себе уже платный хостинг наконец, или ты себя вообще не уважаешь? Запарили эти твои скрипты и прочее говно, да и потом ты уже достиг уровня, на котором просто необходимо обзавестись таковым вот тебе ссылка на мой хост, я им уже давно пользуюсь, нормальная вещь, для твоих нужд выше крыши хватит http://hc.ru/ru/ , неужели у тебя не найдётся 200 рублей в месяц ради такого дела, а тем-более раз ты встал на этот путь, то тебе это нужно полюбому
-
DJ Sergeich Как-же они интересно выстроятся? Может ты чё то не так делаешь, возьми Всю свою конструкцию, все 12 блоков или сколько там у тебя их и засунь в общий обрамляющий Див, пропиши ему Ширину и margin:0 auto; Должно работать Вот тебе пример: http://psywalker.ru/table-div/
-
Несогласен, атрибуты нынче не в моде. CSS уже давно доказал, что он лучший!
-
И ширину ему ещё не помешало-бы задать!
