🔍Разыскиваются VueJs волонтеры!

  ENCOUNTER в Семипалатинске (Семее)
EN в Twitter EN В Контакте EN в Facebook
RSS 2.0
Домен: https://semipalatinsk.en.cx/ (владелец домена: N_A) Показать аватары
Модераторы форума: Бусинка.kz, Паника, N_A, oda, грюндик~
На страницу: 
1  <<  12  13  14  15  16  17  18  >>  20

HTML дизайн, обмен опытом, помощь новичкам.

22.03.2011 10:27:13 / 398 сообщений / автор темы _Серёга_ .

Подполковник
Мальчик
 crux
(
 Орден III степениОрден III степениОрден II степени
)
Аттестат
[ 25.10.2013 16:57:02 (UTC +6), isterika.en.cx ]  
а если поступить тупо:

<td style='padding: 0px;'><img style='margin:0px;'/> </td>

?
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 17:02:02 (UTC +6), kaluga.en.cx ]  
Изображение "Not found".

Уберите атрибуты width и height у ячеек. Не имея возможности видеть само изображение, могу предположить, что вы вставляете изображение в ячейку, у которой задан размер чуть больше размера самого изображения.
Майор
(
)
Аттестат
[ 25.10.2013 17:25:21 (UTC +6), lemon.en.cx ]  
Kh.d: вы вставляете изображение в ячейку, у которой задан размер чуть больше размера самого изображения.
Тоже вариант
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 17:27:18 (UTC +6), kirovograd.en.cx ]  
crux: а если поступить тупо:
<td style='padding: 0px;'>
если так, то левого отступа уже нет
Kh.d: Изображение "Not found".
поправил, просто уже надцать раз все менял и переименовывал ...
Kh.d: Уберите атрибуты width и height у ячеек. Не имея возможности видеть само изображение, могу предположить, что вы вставляете изображение в ячейку, у которой задан размер чуть больше размера самого изображения.
Размеры ячеек и размер изображения одинаковы 175 х 130
width и height уже пробовал убирать, до фени, реакции 0

Кстати, что интересно, в окне предварительного просмотра все выглядит нормально, а вот уже в превью уровня косяк вылазит
tabl2.jpg

Еще раз убрал все width и height, прописал в каждой ячейке style='padding: 0px; margin: 0;' - пропали все отступы кроме нижнего
Генерал-полковник
Мальчик
(
)
Золотой Орден I степени Золотой Орден I степени
Аттестат
[ 25.10.2013 17:45:07 (UTC +6), dubna.en.cx ]  
ну вот у меня на демо валяется:



Таблица с классом. И подключен css в котором:

.field {
border: #b38941 1px solid;
text-align: center;
vertical-align: middle;
padding: 0px;
}

.field td {
border: #00f 1px solid;
width: 52px;
height: 52px;
padding: 0px;
}

.field img {
vertical-align: middle;
}

Может тут что-то и не так, делал давно да и не шарю в этом
Подполковник
Мальчик
 crux
(
 Орден III степениОрден III степениОрден II степени
)
Аттестат
[ 25.10.2013 18:37:14 (UTC +6), isterika.en.cx ]  
S_Lider:
crux: а если поступить тупо:
<td style='padding: 0px;'>
если так, то левого отступа уже нет
Ну тогда style='padding: 0px 0px 0px ?px;'

Вместо ? - какой нужен левый отступ.
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 20:00:37 (UTC +6), kirovograd.en.cx ]  
crux: Ну тогда style='padding: 0px 0px 0px ?px;'
Вместо ? - какой нужен левый отступ.
пробовал и так, пропали все отступы кроме нижнего.
Надо, чтоб со всех сторон без отступов было

кажется мне, что связано это с CSS в движке.
от браузера не зависит, проверял на FireFox, Chrome, IE - везде тоже самое
Младший лейтенант
Мальчик
(
)
Аттестат
[ 25.10.2013 20:40:49 (UTC +6), rivne.en.cx ]  
https://seodon.ru/css/prioritety-stilej.php
Атрибут style имеет самый высокий приоритет. Поэтому вы скорее всего где-то оставили лишний символ типа пробела.
Забейте на таблицу делайте <div> ами. https://www.lysenka.net/web/3/ так проще.
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 20:44:57 (UTC +6), kaluga.en.cx ]  
DRIVER 01: Поэтому вы скорее всего где-то оставили лишний символ типа пробела.

Вроде как и нет:

<td width="175" height="130" id="cell11"><img src="https://restformula.com.ua/p01.jpg"></td>
Младший лейтенант
Мальчик
(
)
Аттестат
[ 25.10.2013 20:50:10 (UTC +6), rivne.en.cx ]  
id="cell11"
осмелюсь предположить что сувществует еще и какойто скрипт который document.getElementById() чето делает с этим тегом ну или содержимым или стилем... иначе зачем ИД этому тегу?
может бок в скрипте... ну это если он есть конечно.
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 21:02:28 (UTC +6), kaluga.en.cx ]  
Эээх, залез на демо-домен. Увидел проблему, да, действительно забавно. Вот относительно рабочий вариант (последний Хром):

<style>
#tabl1 td{
line-height:100%;
font-size:1px;
padding:0;
}
</style>

<table border="1" CELLPADDING="0" CELLSPACING="0" id="tabl1">
<tr>
<td width="175" height="130" id="cell11"><img src="https://restformula.com.ua/p01.jpg"></td>
<td width="175" height="130" id="cell12"></td>
<td width="175" height="130" id="cell13"></td>
<td width="175" height="130" id="cell14"></td>
</tr>
<tr>
<td width="175" height="130" id="cell21"></td>
<td width="175" height="130" id="cell22"></td>
<td width="175" height="130" id="cell23"></td>
<td width="175" height="130" id="cell24"></td>
</tr>
</table>
Генерал-полковник
Мальчик
(
)
Золотой Орден I степени Золотой Орден I степени
Аттестат
[ 25.10.2013 21:03:16 (UTC +6), dubna.en.cx ]  
ты вообще что реализуешь? тебе надо чтобы по мере ввода кодов по частям открывалась картинка?
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 21:08:02 (UTC +6), kirovograd.en.cx ]  
DRIVER 01: id="cell11"
осмелюсь предположить что сувществует еще и какойто скрипт который document.getElementById() чето делает с этим тегом ну или содержимым или стилем... иначе зачем ИД этому тегу?
может бок в скрипте... ну это если он есть конечно.
скрипты конечно есть в конечном итоге, и АйДи именно для него, но тут дело до скриптов даже не доходит, баг вылазит на уровне самой таблицы

а на счет
DRIVER 01: https://seodon.ru/css/prioritety-stilej.php
Атрибут style имеет самый высокий приоритет. Поэтому вы скорее всего где-то оставили лишний символ типа пробела.
Забейте на таблицу делайте <div> ами. https://www.lysenka.net/web/3/ так проще.
не однократно сталкивался с таким понятием как CSSreset, посему и решил, что есть CSS в движке который свои свойства ставит главнее тех, что я прописал в <style>

на счет ДИВной таблицы, боюсь что могут быть проблемы с отображением на разных браузер (хз, может я и ошибаюсь), но прописывать еще и кроссбраузерный CSS это уже будет гонево
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 21:12:23 (UTC +6), kirovograd.en.cx ]  
Kh.d: Эээх, залез на демо-домен. Увидел проблему, да, действительно забавно. Вот рабочий вариант (последний Хром):
Ёптель, так а в чем собственно прикол то был, я так и не понял?
ну и конечно же, премного Вам, сударь, благодарен ))*SMILE*

теперь можно и со скриптами побаловаться, надеюсь они новых косяков не накидают ))
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 21:28:02 (UTC +6), kaluga.en.cx ]  
Проблема была в том, что размеры ячеек таблицы зависят от параметров размера текста внутри них, даже если текста там и нет. Что и как точно тут работало - хз, но сбросив полуторный интервал до обычного и размер шрифта в 1 px мы нивелировали это виляние.

Вообще, можно было и
font-size:0px, line-height:0%


P.S. Тем не менее, в опере мини всё ещё наблюдается нижний отступ, 2-3 пикселя.... с этим вот сложнее, с ходу не смогу. Хотя это, может, не критично?
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 21:32:23 (UTC +6), kirovograd.en.cx ]  
Kh.d: Проблема была в том, что размеры ячеек таблицы зависят от параметров размера текста внутри них, даже если текста там и нет. Что и как точно тут работало - хз, но сбросив полуторный интервал до обычного и размер шрифта в 1 px мы нивелировали это виляние.
P.S. Тем не менее, в опере мини всё ещё наблюдается нижний отступ, 2-3 пикселя.... с этим вот сложнее, с ходу не смогу. Хотя это, может, не критично?
Понятно теперь, а то как-то, аж не интересно, прогойдаться два дня с этим кодом и так и не понять в чем была проблема.
Не критично, по крайней мере не на столько, чтоб ломать себе мозг.
Думаю, на этом вопрос можно закрыть, еще раз всем спасибо

Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 21:32:51 (UTC +6), kaluga.en.cx ]  
UPDT:

Альтернативное решение, работает в том числе и в опере-мини:

<style>
#tabl1 td{
padding:0;
position: relative;
}
#tabl1 td img{
position:absolute;
top:0;
left:0;
}
</style>

<table border="1" CELLPADDING="0" CELLSPACING="0" id="tabl1">
<tr>
<td width="175" height="130" id="cell11"><img src="https://restformula.com.ua/p01.jpg"></td>
<td width="175" height="130" id="cell12"></td>
<td width="175" height="130" id="cell13"></td>
<td width="175" height="130" id="cell14"></td>
</tr>
<tr>
<td width="175" height="130" id="cell21"><img src="https://restformula.com.ua/p01.jpg"></td>
<td width="175" height="130" id="cell22"></td>
<td width="175" height="130" id="cell23"></td>
<td width="175" height="130" id="cell24"></td>
</tr>
</table>

Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 21:37:51 (UTC +6), kirovograd.en.cx ]  
млин, а я думал, что это я фанатик )))
спс, буду пробовать
Генерал-полковник
Мальчик
(
)
Золотой Орден I степени Золотой Орден I степени
Аттестат
[ 28.10.2013 1:59:15 (UTC +6), dubna.en.cx ]  
дайте кто-нибудь штуку чтобы при взятии штрафной подсказки вбивался ответ)
Генерал-полковник
Мальчик
(
)
Золотой Орден I степени Золотой Орден I степени
Аттестат
[ 28.10.2013 7:14:12 (UTC +6), dubna.en.cx ]  
не актуально
На страницу: 
1  <<  12  13  14  15  16  17  18  >>  20
23.11.2024 21:16:43
(UTC +6)

www.en.cx
EncounterTM Ltd.
2004-2024 ©
  • Активные городские игры
  • Военный (внеаренный) лазертаг, 
  • Официальные и любительские авто- и мото- соревнования, 
  • Экстрим и технические виды спорта в Семипалатинске. 
©EN.O.T., 2007 - 2020