PDA

Просмотр полной версии : Плавующие границы в Html


Варфоломей
18.04.2006, 14:27
Может не здесь надо было писать эту тему но...., что сделано то сделано!

Знатоки вы меня не раз выручали.
И опять я к вам!
Как убрать "Плавующие" границы.

В Operе рисунок уходит в правую сторону на 30-48px
В IE - там где надо! - точность 100%

Использовал вот этот код!

<!--begin code-->
<div style="position: absolute; top: 553px; left: 345px; border: 0px; width: 88; height: 31;">
<a target="_blank" href="http://www.-----.com/">
<img src="http://www.-----.com/butt.gif" width="88" height="31" border="0" alt="-----"></a></div>
<!--end code-->

Что я не так сделал?
P.S.: Рисунок т.е. кнопка находится в таблице

censored!
18.04.2006, 14:39
Такое бывает. Поэтому лучше использовать только top, а в сторону отодвигать изображением. Где изображение - прозрачный gif размерами 1 на 1 пиксель (его еще spacer.gif называют). Вот ему и задай ширину 345px.

Варфоломей
19.04.2006, 08:57
Спасибо! Тема закрыта!

Trinux
26.04.2006, 04:20
Простите что пиш в закрытую тему, но сколько я не верстаю на дивах (больше года уже), ни разу таких проблем небыло.
По коду из того что заметил:
width: 88; height: 31;
А надо
width: 88px; height: 31px;

blaga
26.04.2006, 10:42
2Trinux я делал как в первом варианте, прокатывало. Но все же конечно лучше писать с пикселями.

Trinux
26.04.2006, 11:36
2Trinux я делал как в первом варианте, прокатывало. Но все же конечно лучше писать с пикселями.
Не каждый браузер поймет такой css код. IE возможно поймет, но FF точно будет ругаться

censored!
26.04.2006, 13:29
Вообще - изображения лучше давать в пикселях всегда, а все остальное - в процентах (нефиксированные таблицы, размер шрифтов). Тогда сайт будет и резиновый, и подходить под слепоглухонемых пользователей, у которых "Вид"-"Размер шрифта"-"Самый крупный"

Trinux
26.04.2006, 14:49
Вообще - изображения лучше давать в пикселях всегда, а все остальное - в процентах (нефиксированные таблицы, размер шрифтов). Тогда сайт будет и резиновый, и подходить под слепоглухонемых пользователей, у которых "Вид"-"Размер шрифта"-"Самый крупный"
Резинка не всегда хорошо =) Если не учитывать дизайнов Лебедева, который помешан на рещинке, то практически все новостные и информационные сайты не имеют рзиновую структуру, имеют статику.
Тот же www.nnm.ru. Если бы он был резиновым, то на моем 19-ти дюймовом монике с соответствующем разрешении было бы ОЧЕНЬ трудно читать новости. То же самое можно сказать о
http://abcnews.go.com/
http://www.cnn.com/
http://worldnews.com/
и прочих. Все они имеют статичный вид. А все слепоглухонемые пользуются в таком случае специальными тулзами.
Хотя, подчеркиваю, речь идет о новостных и информационных проектах.

censored!
26.04.2006, 17:32
А у тебя какое разрешение экрана на 19-ти дюймах? Текст не мелко смотриться?
Если все в процентах расчитать (а не только таблицы), то сайт будет масштабироваться.
Лебедева я в этом уважаю. Но многие так не делают, так как гимморно расчитать чего и как будет на разных мониках и разрешениях, поэтому все и фиксированно.

Trinux
26.04.2006, 17:39
Но многие так не делают, так как гимморно расчитать чего и как будет на разных мониках и разрешениях, поэтому все и фиксированно.

Совсем не поэтому. Поситать - 15 минут. Всего-то 4-5 распространенных разрешений. Или ты думаешь что один из самых востребованных американских CSS дизайнеров Mike Davidson, который делал тот же abcnews.com, просто решил не высчитывать проценты, так как это гимор? =) брось. Лебедев помешан на резиновых дизайнах и любит писать слово "***", это не значит что это правильно. Мыслить нужно объекстивно, а не так как ты: "Раз он так делает - значит делать так нужно везде!"

Резинка хороша для портальных сайтов, но не для новостных.

censored!
26.04.2006, 18:05
Мыслить нужно объекстивно, а не так как ты: "Раз он так делает - значит делать так нужно везде!"
А кто сказал, что я так мыслю? Я его уважаю не за то что он так делает и так надо делать, а за то что к этому надо стремиться (по-моему) и именно он так делает.
Как Mike Davidson так и Лебедев востребован. Тока каюсь - я понятия не имею, кто такой Mike Davidson.

Да и сам дизайн - это только первое впечатление. Первый заход на сайт. Потом это уже не важно. Уже обращаешь внимание на наполнение (как постоянный и как пролетный посетитель), и навигацию (как постоянный). Правда с учетом того - как эта инфа предоставляется пользователю (опять вернулись к дизайну). Если взять тот же nnm, то народ ходит из-за наполнения. Но ему важна и навигация по этому наполнению. И дизайн тоже. Для 15-17 (1024 на 768) меню слева смотриться нормально. Для 19 и 21 (минимум 1280 на 960) - уже приходиться присматриваться. Хотя пока 21 не очень распространены, но 19-шки уже набирают обороты.

Поситать - 15 минут. Всего-то 4-5 распространенных разрешений
Больше выйдет. Да и посчитать - это одно. Потом надо нарисовать приблизительно, потом сверстать. И вон там вылазят гемморои и нестыковки и приходиться пересчитывать заново. Не так то это и просто.

Qwazar
26.04.2006, 19:48
А можно все размеры задать не в "px" а в "em", и тогда всё будет масштабироваться в зависимости от размера шрифта, но независимо от разрешения.

Как пример: http://www.palm.com/us/products/

Попробуйте поменять размеры шрифта. (лучше в сторону увеличения, а то у меня при уменьшении шрифта меньше нормального размера сайт ломается)

Trinux
26.04.2006, 20:47
Про "em" ниоднократно писали несколько ведущих европейских дизайнеров не очень то лестные отзывы =)

Qwazar
26.04.2006, 20:57
Мне както приходилось их использовать - непривычно, но в целом работает под FF, IE и Safari для Macintosh.