harrids
-
Posts
34 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by harrids
-
Начну и я верстать потихоньку)
-
Воспроизвести баг у меня не получается. MS VirtualPC 2007 + WinXPSP3 + IE6, все нормально.
-
Great Rash Скинь весь док плз, посмотрю.
-
А по-конкретней? У меня проблем не наблюдается.
-
В общем, видимо, у оперы проблемы с вычислением позиции относительно inline элементов, чего не наблюдается у block элементов. Так что можно сделать a.tooltip { display: inline-block; }, а чтобы в IE тултип не перекрывался другими ссылками - перести position: relative из a.tooltip в a.tooltip:hover. Конечный вариант: a.tooltip { display: inline-block; } a.tooltip span { display:none; } a.tooltip:hover { font-size: 100%; /* IE6 fix */ position: relative; } a.tooltip:hover span { display: block; position: absolute; top: 1em; left: 2em; padding: 0.2em 0.6em; border: 1px solid #996633; background-color: #FFFF66; color: #000; white-space: nowrap; } Хотя в опере при этом по-прежнему образуется непонятная пустота снизу.
-
Ок, ладно-ладно) Просто встречая на первых строчках такую ерунду, дальше читать уже не хочется. Если по делу, то, имхо, вместо display: inline лучше использовать float: left, проблем куда меньше будет. Проверил на твоем коде - работает везде, и в FF3.5 тоже.
-
Прошерстил спецификации на w3, ни в HTML3.2, ни в HTML4 никакого background у td не упоминается. Откуда ему тогда на w3schools взяться? А названия таблиц тебе ничего не говорят?) Просто-напросто разделили атрибуты по категориям.
-
<!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>css tooltip</title> <style type="text/css"> <!-- body { font-family: Verdana, sans-serif; line-height: 1.2; } a.tooltip { position: relative; } a.tooltip span { display:none; } a.tooltip:hover { font-size: 100%; /* IE6 fix */ } a.tooltip:hover span { display: block; position: absolute; top: 1em; left: 2em; padding: 0.2em 0.6em; border: 1px solid #996633; background-color: #FFFF66; color: #000; white-space: nowrap; } --> </style> </head> <body> <p><a href="#" class="tooltip">Link<span>just a tooltip</span></a> plus simple tooltip.</p> </body> </html> Opera 9.64, Firefox 3.5, IE8 нормально. Чистого IE6 сейчас нет, так что проверял на http://www.xenocode.com/browsers/, вроде работает, но появляется андерлайн, не знаю чей баг) может придется еще text-decoration:none для спана делать. ps спойлер чего-то не работает
-
потому что он deprecated. Где какие три колонки?
-
да там похлеще, хэд и стайл в пустоте висят)
-
Если не вдаваться в подробности, от вида доктайпа зависит в каком режиме браузер будет отображать документ. Конкретно в данном случае, IE6 при указании только HTML 4.01 Transitional использует так называемый quirks mode. Если же указать HTML 4.01 Transitional+URI, используется standards mode. Советую погуглить на тему doctype switching.
-
Я б не отказался побатрачить за опыт, но с таким "профисионалом" лучше не связываться)