🔍Разыскиваются VueJs волонтеры!
EN в Twitter EN В Контакте EN в Facebook
Предстоящие игры:
(#112) "Футбольный МШ. Часть 2. [Гибкий старт]"
командная игра,
05.02.2025 / 13:00:00
Игра: Мозговой штурм
Авторы: GrafiN, Ловлю
Участие: 1 000 en usd
(#115) "Игра"
командная игра,
07.07.2025 / 16:00:00
Игра: Схватка
Авторы: Camikadze, Бессонница, Laz454
Участие: бесплатное
(#116) "Жаркое лето"
одиночная игра,
23.08.2025 / 09:00:00
Игра: Мокрые войны
Автор: Camikadze
Участие: 200 руб.
(#119) "В Пупырь Ежа через Блям"
командная игра,
24.08.2025 / 13:00:00
Игра: Точки
Автор: Camikadze
Участие: 500 руб.
(#121) "У ТАГАНА ЕСТЬ РОГА [Чемпионат пешеходных игр 2025. Игра 5]"
командная игра,
06.09.2025 / 10:00:00
Игра: Схватка
Автор: Camikadze
Участие: 3 000 руб.
RSS 2.0
Домен: https://rnd.en.cx/ (владелец домена: GrafiN) Показать аватары
Модераторы форума: GrafiN
На страницу: 
1  <<  12  13  14  15  16  17  18  >>  20

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

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

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

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

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

Уберите атрибуты width и height у ячеек. Не имея возможности видеть само изображение, могу предположить, что вы вставляете изображение в ячейку, у которой задан размер чуть больше размера самого изображения.
Майор
(
)
Аттестат
[ 25.10.2013 15:25:21 (UTC +3), lemon.en.cx ]  
Kh.d: вы вставляете изображение в ячейку, у которой задан размер чуть больше размера самого изображения.
Тоже вариант
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 15:27:18 (UTC +3), 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 15:45:07 (UTC +3), 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 16:37:14 (UTC +3), isterika.en.cx ]  
S_Lider:
crux: а если поступить тупо:
<td style='padding: 0px;'>
если так, то левого отступа уже нет
Ну тогда style='padding: 0px 0px 0px ?px;'

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

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

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

<td width="175" height="130" id="cell11"><img src="https://restformula.com.ua/p01.jpg"></td>
Младший лейтенант
Мальчик
(
)
Аттестат
[ 25.10.2013 18:50:10 (UTC +3), rivne.en.cx ]  
id="cell11"
осмелюсь предположить что сувществует еще и какойто скрипт который document.getElementById() чето делает с этим тегом ну или содержимым или стилем... иначе зачем ИД этому тегу?
может бок в скрипте... ну это если он есть конечно.
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 19:02:28 (UTC +3), 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 19:03:16 (UTC +3), dubna.en.cx ]  
ты вообще что реализуешь? тебе надо чтобы по мере ввода кодов по частям открывалась картинка?
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 19:08:02 (UTC +3), 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 19:12:23 (UTC +3), kirovograd.en.cx ]  
Kh.d: Эээх, залез на демо-домен. Увидел проблему, да, действительно забавно. Вот рабочий вариант (последний Хром):
Ёптель, так а в чем собственно прикол то был, я так и не понял?
ну и конечно же, премного Вам, сударь, благодарен ))*SMILE*

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

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


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

Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 19:32:51 (UTC +3), 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 19:37:51 (UTC +3), kirovograd.en.cx ]  
млин, а я думал, что это я фанатик )))
спс, буду пробовать
Генерал-полковник
Мальчик
(
)
Золотой Орден I степени Золотой Орден I степени
Аттестат
[ 27.10.2013 23:59:15 (UTC +3), dubna.en.cx ]  
дайте кто-нибудь штуку чтобы при взятии штрафной подсказки вбивался ответ)
Генерал-полковник
Мальчик
(
)
Золотой Орден I степени Золотой Орден I степени
Аттестат
[ 28.10.2013 5:14:12 (UTC +3), dubna.en.cx ]  
не актуально
На страницу: 
1  <<  12  13  14  15  16  17  18  >>  20
26.12.2024 21:01:27
(UTC +3)

www.en.cx
EncounterTM Ltd.
2004-2024 ©