1
У меня есть небольшая проблема: я не могу добавить новую строку, используя hint.css Я думал, что это из-за функции эха, поэтому я помещаю ее в html-файл и он прекрасно работает на моем компьютере, но когда я отправить его на сервер, это не ... вот мой HTML код:PHP hint.css, добавляющий новую строку текста
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<link rel="stylesheet" href="hint.css">
</head>
<body>
<form action="#" method="post">
<center>
<div id="identyfikator" '.$hjk.'>
<font size="5"><b><label>Wybierz pakiet:</label></b></font><br><br>
<table align="center" width="600" cellpadding="0" cellspacing="0" border="0">
<tbody><tr>
<td align="center" valign="top" width="200">
<span class="hint--bottom hint--info" data-hint="'.$opu1.'"><label for="b4"><img src="images/1.jpg" border="0" alt="" onclick="formshowhide("0")" style="cursor: pointer;"></label></span>
</td>
<td align="center" valign="top" width="200">
<span class="hint--bottom hint--info" data-hint="'.$opu2.'"><label for="b5"><img src="images/2.jpg" border="0" alt="" onclick="formshowhide("1")" style="cursor: pointer;"></label></span>
</td>
<td align="center" valign="top" width="200">
<label for="b6"><img src="images/3.jpg" border="0" alt="" onclick="formshowhide("2")" style="cursor: pointer;"></label>
</td>
</tr>
<tr><td colspan="3" style="height:5px;"></td></tr>
<tr>
<td align="center" valign="top" width="200">
<span class="hint--bottom hint--info" data-hint="Cena przelewem: 7.38zł Cena SMS: 11.07zł Opis:"><input type="radio" id="b4" name="check_list[]" onclick="formshowhide("0")" value="V31"> <label style="cursor: pointer;" for="b4"><b>Vip na 31 dni</b></label></span>
</td>
<td align="center" valign="top" width="200">
<span class="hint--bottom hint--info" data-hint="'.$opu2.'"><input type="radio" id="b5" name="check_list[]" onclick="formshowhide("1")" value="DISCZ"> <label style="cursor: pointer;" for="b5"><b>Disco Zbroja</b></label></span>
</td>
<td align="center" valign="top" width="200">
<input type="radio" id="b6" name="check_list[]" onclick="formshowhide("2")" value="test"> <label style="cursor: pointer;" for="b6"><b>test</b></label>
</td>
</tr>
</tr>
</tbody></table>
<input type="submit" name="submit" value="Dalej" />
</div>
<br/>
и это мой hint.css конфигурации:
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms; }
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
visibility: visible;
opacity: 1; }
.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms; }
.hint:before, [data-hint]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001; }
.hint:after, [data-hint]:after {
content: attr(data-hint);
background: #383838;
color: white;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space : pre!important;
}
и URL-адрес для моего html: не имеет значения
Я буду greatefull за помощью (и простите за мой английский)
Что именно вы подразумеваете под «добавлением новой строки»? Где эта строка появится? – lucasnadalutti
Вы уверены, что «$. Opu1.» Являются допустимыми значениями для всплывающих подсказок? – ecarrizo
Я не знаю, что случилось, но теперь это работает. добавив новую строку, обозначающую sth. например,
, «$ opu1.» - это переменная PHP, которую я не удалял при размещении эхо-содержимого в html-файле, потому что это было второе значение подсказки, а первое - data-hint = «Cena przelewem: 7.38 zł Cena СМС: 11.07zł Opis: " – 10anat10