• Страница 1 из 2
  • 1
  • 2
  • »
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему верстки » Оптимизация сайта под разные браузеры (вопросы/ответы)
Оптимизация сайта под разные браузеры (вопросы/ответы)
Дата: Понедельник, 01.02.2010, 14:38 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


... Такая же тема обсуждается на форуме uCoz ... а так как я в неё достаточно часто пишу, да и вообще, тема импонирует мне как таковая, потому что достаточно актуальная, во всяком случае на сегодняшний день и для меня лично, я решил, вроде как, создать похожую (для кого-то удобнее будет слово "продублировать") и на своём форуме.

Почему?
Я уже где-то писал об этом, но могу повториться.

Для того, чтобы собирать дорогие мне, как память, и грамотно написанные посты разных пользователей CMS uCoz и не только их.
А еще для того, чтобы, так сказать, под рукой иметь ответы на интересующие меня вопросы.

Так как форум uCoz-а оочень большой, и в нём оочень много откровенно глупых и некорректных вопросов/ответов, найти на нём что-то достаточно быстро не представляется возможным.

Во всяком случае приходиться просматривать очень много ненужных постов (о которых, впрочем, написано выше...).
Воть.

Тема, вроде как, и по названию понятна, и не требует дополнительного пояснения.
Во всяком случае я надеюсь на это.

Если это не так - вы пришли не по адресу.

Соответственно, это моё мнение, как и вообще всё, что написано в моих постах (с подписью Flesh а иногда и без неё...).

 
Дата: Пятница, 16.04.2010, 06:06 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Пишет Mac[gamer] (пост#107)

У меня таблица, созданая в ксс не хочет полностью закрывать картинки. Получается так, что картинки на ней, а она где-то на 1/3 закрывает картинки.
Вобщем скрин и сами убедиться можете.(В самом низу страницы скриншоты)

Код таблицы в CSS:

Code
.downloads {font-family:Arial; font-size:12px; display: block;color: #57861A;padding: 10px 10px 10px 20px;margin: 5px 0; border: 1px dotted #debc1d; background: #232323;}

Это наблюдаеться только если код добавлять в материал каталога файлов, при добавлении в новости сайта все нормально "ложится" - вот убедитесь.

 
Дата: Пятница, 16.04.2010, 06:08 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Mac[gamer],

Quote (Mac|gamer|)
Это наблюдаеться только если код добавлять в материал каталога файлов, при добавлении в новости сайта все нормально "ложится" - вот убедитесь.

- это потому, что у вас в к модуле новостей инфа в таблицах-ячейках, а в каталоге файлов основной контент в DIV-ах ...

Всё оч. просто - добавьте в css, для блока «.downloads» свойство "overflow:hidden;" ... (хак, для мозиллы) и "height:1%;" - «костыль» для IE (для закрытия плавающих блоков ...)
То есть после всех манипуляций, ваш стиль должен выглядеть так:

Quote (code)

Quote (code)
.downloads {font-family:Arial; font-size:12px; display: block;color: #57861A;padding: 10px 10px 10px 20px;margin: 5px 0; border: 1px dotted #debc1d; background: #232323;overflow:hidden;height:1%;}

Flesh

Сообщение отредактировал likbezz - Пятница, 16.04.2010, 06:10
 
Дата: Пятница, 16.04.2010, 06:14 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Mac[gamer] (Сообщение # 109) »»
fflesh, Да, в файерфоксе и в IE работает, а как на счет оперы? - В ней все по прежнему съезжает=(
---------
fflesh»»
- Не знаю .. у меня всё OK - модуль LOAD ... ヅ

Flesh
---------
Mac[gamer] »»
Да в опере тоже норма))
А допустим если пользователь зайдет с иного браузера, как там будет просматривать?
Ну там Google Chrome какой-нибудь=)
---------
fflesh»»
На, наблюдай ...
Flock v1.2.6
Google Chrome v3.0
Navigator v9.0.0.6
Explorer v6.0
Green Browser v5.3

Flesh

Прикрепления: Clean_box.html (0.5 Kb)

Сообщение отредактировал likbezz - Пятница, 16.04.2010, 22:00
 
Дата: Воскресенье, 02.05.2010, 15:45 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Сайт: www.tdu2.do.am

Возникла проблема с Логотипом TDU2 на сайте. Гуляет то влево, то вправо, в разных браузерах и разрешений мониторов. Помогите пож-та. Делал наложение слоев через CSS. Все картинки норм встали, а вот последняя не хочет :(((

 
Дата: Понедельник, 03.05.2010, 05:31 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Fouzer,
Quote (Fouzer)
Возникла проблема с Логотипом TDU2 на сайте. Гуляет то влево, то вправо, в разных браузерах и разрешений мониторов.

.. OK взгляну ...
Прикольный диз .... ヅ - молодец, если сам нарисовал .. ヅ

Вот здесь:

кавычка «вылезла» (<) - поправь ...

Кнопка:
«Мы будем очень благодарны
если вы разместите нашу
кнопку у себя на сайте!»
- А где сама кнопка, может она мне по дизайну не подходит??? ... или по высоте ... ヅ

И футер прижми к краям - не смотрится ...

... Ты вот это имеешь в виду под «Возникла проблема с Логотипом TDU2 на сайте» ... ???

Если это - то я представляю, как это решить ... кстати, при малом (относительно) разрешении экрана картинка искажается ... ... нехорошо ...

1024px (MSIE)

Flesh

Прикрепления: 3359552.png (17.4 Kb) · 9519598.png (14.3 Kb) · 7968873.png (9.4 Kb) · 7653122.png (17.4 Kb) · 6150453.jpg (142.6 Kb)

 
Дата: Вторник, 04.05.2010, 04:47 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


My WebPage

 
Дата: Вторник, 04.05.2010, 09:03 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Quote
Если это - то я представляю, как это решить ... кстати, при малом (относительно) разрешении экрана картинка искажается ... ヅ ... нехорошо ...

1024px (MSIE)

Flesh

Как это исправить???=)

 
Дата: Вторник, 04.05.2010, 12:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Fouzer,
Quote (Fouzer)
Как это исправить???=)

... Пример, то есть «исправленная версия» лежит вот здесь, там же и CSS и HTML - в исходнике ...

Пример исправленной страницы v1 ........... (исправлена шапка и блоки и футер)

Пример исправленной страницы v2 ... Сегодняшняя ... исправлено всё, кроме CSS - лень было «мусор» выгребать ... мои стили прокомментированы ...

Flesh

 
Дата: Среда, 05.05.2010, 13:51 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Спасибо большущее =))))

Вопрос последний:

Как сделать выпадающее меню? Если я дам скрипты, которые нужны, можешь их чуток подредактировать? их нужно будет вставить

http://s003.radikal.ru/i203/1005/12/859917bd9507.jpg

Сообщение отредактировал Fouzer - Среда, 05.05.2010, 13:54
 
Дата: Среда, 05.05.2010, 14:59 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Все супер работает и за шапку большое спасибо =) щас бы меню и се)
Прикрепления: 0390008.jpg (48.5 Kb)

Сообщение отредактировал Fouzer - Среда, 05.05.2010, 15:36
 
Дата: Среда, 05.05.2010, 21:01 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Fouzer,
Quote (Fouzer)
Как сделать выпадающее меню?

Запхни меню в блок, спозиционируй его абсолютно, в процентах - по горизонтали и в пикселях по вертикали ...
Если (!!!) админ-панель будет сдвигать его, если будет, конечно, запихни его в релатив-позиционированный блок... вместе с картинкой, большой которая...

Quote (Fouzer)
Если я дам скрипты, которые нужны, можешь их чуток подредактировать?

- А что с ними  «не так»...? ...
Да и зачем скрипты? - проще можно - :hover » «ul» » «li» «a» ... всё ... и стили, конечно ...

Flesh

 
Дата: Среда, 05.05.2010, 21:13 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Спасибо большое=)))) ух чтоб я без тебя делал biggrin

Так

Quote
Да и зачем скрипты? - проще можно - :hover » «ul» » «li» «a» ... всё ... и стили, конечно ... ヅ

Хорошо, а тогда в кратце:

:hover - для чего? что означает?
«ul» - ?
«li» - ?
«a» - ссылка?

 
Дата: Четверг, 06.05.2010, 06:01 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Quote (Fouzer)
:hover - для чего? что означает?

... Читай ... ... Что такое «псевдоклассы» ...

Quote (Fouzer)
«ul» - ?
«li» - ?
«a» - ссылка?

- элементы меню, со ссылками ...

Quote (Левое меню этого сайта)
<ul id="navMenu">
<!--index-->
<li><a class=" menuA" title="Главная страница сайта" href="http://likbezz.ucoz.ru/">Главная</a></li>
<li><a href="http://likbezz.ucoz.ru/index/0-2">Информация о сайте</a></li>
<!--news-->
<li class="sub"><a class="in" title="Новости. Архив" href="http://likbezz.ucoz.ru/news/">Новости. Архив</a>
<ul class="submenu">
<li><a href="/news/1-0-1">Топ новых материалов</a></li>
<li><a href="/news/1-0-2">Новости сайта</a></li>
<li><a href="/news/1-0-3">Test</a></li>
</ul></li>
<!--/news-->
</ul>

Quote (Горизонтальное меню другого сайта)
<ul id="topMenu">
<li><a href="http://fflesh.ucoz.ru/" title="«FFLESH.Ucoz.Ru»">Главная</a></li>
<li><a href="http://fflesh.ucoz.ru/news/" title="Новости. Архив">Новости</a></li>
<li><a href="http://fflesh.ucoz.ru/blog/" title="Мои заметки">Заметки</a></li>
<li><a href="http://fflesh.ucoz.ru/publ/" title="Интересное чтиво">Чтиво</a></li>
<li><a href="http://fflesh.ucoz.ru/faq/" title="FAQ (вопрос/ответ)">ЧаВо</a></li>
<li><a href="http://fflesh.ucoz.ru/dir/" title="Сборничек видео-нарезок и клипов">Ролики</a></li>
<li><a href="http://fflesh.ucoz.ru/load/" title="Интересные файты, справки, программы доступные для бесплатного скачивания">Скачать</a></li>
<li><a href="http://fflesh.ucoz.ru/gb/" title="Моя гостевуха где можно оставить сообщение">Гостевая</a></li>
<li class="last"><a href="http://fflesh.ucoz.ru/forum/" title="Мой форум">Форум</a></li>
</ul>

Flesh

 
Дата: Четверг, 06.05.2010, 08:59 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


СПасибо biggrin буду пробовать

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему верстки » Оптимизация сайта под разные браузеры (вопросы/ответы)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Мобильная версия