LINUX.ORG.RU

html, js, несколько вопросов


0

0

<Table> 
<tr>
   <td width=50%> name </td>
   <td width=50%> price </td>
</tr>
</table>

хотелось бы что бы name и price отделялись друг от друга .
т.е.
name..................40$
namedf................40$
namefd................40$

это можно зделать за счет стилей таблицы ?

и еще вопрос 
видел где-то на сайте когда на водишь на мышкой надпись появлялась над этой надписью небольшая  подсказка
это <div style="display: ????" >
не могу найти нужный параметр display ((
или я ошибся ?

1) "голыми руками" можно только для мозиллы, в остальном либо классы либо jquery & co.
2) display: absolute или relative, зависит от реализации, если ты задаешься такими вопросами -- найди готовое решение, если хочешь научится, странно что задаешься такими вопросами :), это элементарно, по этому есть куча инфы. находишь возможные значения и методом тыка подбираешь, если читать не умеешь

anonymous
()

>хотелось бы что бы name и price отделялись друг от друга .

Способов куча: задай ширину таблицы или задай отбивку для теста в ячейке или проч.

>видел где-то на сайте когда на водишь на мышкой надпись появлялась над этой надписью небольшая подсказка это <div style="display: ????" >

display: none;

:hover display: block;

PS Я ничего не пропустил - на лоре давно такое спрашивают???

Bebop ★★
()
Ответ на: комментарий от anonymous

>display: absolute или relative

WTF? Это тут каким боком?

Bebop ★★
()
Ответ на: комментарий от Bebop

>display: none; 

>:hover display: block;

display: block, inline inline-block  не катит (

мммм
приведу пример
<table background="{wwwroot}templates/i/border1.gif">
<tr>
  <td> <a href="#" onmouseover='ShowDiv("mydiv");'> bless me... </a>  
  <div style="display: none" id="mydiv">
   <p> tnx u for blessing... </p>
  </div>
  </td>
</tr>
</table>

// ShowDiv - что-то типа
function ShowDiv(name)
{
        document.getElementById(name).style.display = 'block';
}


но в таком случае <div> появляеться немного ниже и рвет картинку, вот
а мне нужно что бы он был именно НА надписи !!

ps вроде перебрал все св-ва display => поэтому и решил задать вопрос
pss что-то у меня подозрение это делаеться не через display 

hose
() автор топика
Ответ на: комментарий от hose

> 1) "голыми руками" можно только для мозиллы, в остальном либо классы либо jquery & co.
ммм
так и гуглить jquery & co. ??
если не сложно, можете написать расшифровку абвиатур

hose
() автор топика
Ответ на: комментарий от anonymous

> а когда-то тут обсуждали лисп... а нынешнее ... html осилить не может :( ппц, куда мир катицца...

lisp тут и сейчас обсуждают постоянно (ну, не прям тут, а в developement).

А HTML+CSS+JS - это огромный набор сущностей, в котором не так-то легко разобраться. И это даже если не вспоминать о несовместимостях между браузерами... Попроще, конечно, чем CL, особенно если вспомнить о несовместимостях между реализациями :-Р

anonymous
()
Ответ на: комментарий от anonymous

> а когда-то тут обсуждали лисп... а нынешнее ... html осилить не может :( ппц, куда мир катицца...

та да, вот ты бы только лучше помог с ответами )

hose
() автор топика
Ответ на: комментарий от hose

Если хочешь сделать всплывающую подсказку над курсором,
нужно у <div> указать position: absolute;
И выставить ему координаты через свойства top и left.
Для этого придется считывать координаты курсора.
Или жестко задать все размеры таблицы и прикинуть где
должна появлятся подсказка.

Deleted
()

>и еще вопрос >видел где-то на сайте когда на водишь на мышкой надпись появлялась над этой надписью небольшая подсказка

http://www.bosrup.com/web/overlib/ - наиболее просто.

roller ★★★
()
Ответ на: комментарий от Deleted

> Или жестко задать все размеры таблицы и прикинуть где
> должна появлятся подсказка.

Но лучше этого не делать, а разместить div'ы в сетке,
в нужных местах. Например над каждым рядом -- дополнительный
ряд со скрытым div'ом. Он унаследует позицию относительно ячейки
и появится там где надо. Но опять же, позиция курсора
влиять на положение подсказки никак не будет.

И тут лучше использовать <span>, а не <div>. Хотя при
display: inline; никакой разницы не будет, просто так
правильнее. Элемент <p></p> надо убрать.

Deleted
()
Ответ на: комментарий от Deleted

На счет всплывающей подсказки над текстом, если не надо форматирования, то достаточно указать атрибут title, вот так (например):

<abbr title="Hyper-Text Markup Language">HTML</abbr>

zzandy
()
Ответ на: комментарий от zzandy

Да, точно, так будет лучше всего ))
Я почему-то думал что в IE это не работает
или работает как-то не так. Проверил -- всё нормально.

Deleted
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.