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

world.en.cx

Choose your language:
en ru
RSS 2.0
Domain: https://world.en.cx/ (domain owner: Korzuk) Show avatars
Forum moderators: Korzuk, DeDinc, Техподдержка Сети, Ханя
On page: 
1  <<  12  13  14  15  16  17  18  >>  20

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

3/22/2011 7:27:13 AM / 398 messages / the topic was opened by _Серёга_ .

Lieutenant colonel
Boy
 crux
(
 Medal of the 3-rd rankMedal of the 3-rd rankMedal of the 2-nd rank
)
Attestate
[ 10/25/2013 2:57:02 PM (UTC +3), isterika.en.cx ]  
а если поступить тупо:

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

?
Lieutenant colonel
Boy
 Kh.d
(
)
Attestate
[ 10/25/2013 3:02:02 PM (UTC +3), kaluga.en.cx ]  
Изображение "Not found".

Уберите атрибуты width и height у ячеек. Не имея возможности видеть само изображение, могу предположить, что вы вставляете изображение в ячейку, у которой задан размер чуть больше размера самого изображения.
Major
(
)
Attestate
[ 10/25/2013 3:25:21 PM (UTC +3), lemon.en.cx ]  
Kh.d: вы вставляете изображение в ячейку, у которой задан размер чуть больше размера самого изображения.
Тоже вариант
Senior sergeant
Boy
(
)
Attestate
[ 10/25/2013 3:27:18 PM (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;' - пропали все отступы кроме нижнего
Colonel-general
Boy
(
)
Gold Medal of the 1-st rank Gold Medal of the 1-st rank
Attestate
[ 10/25/2013 3:45:07 PM (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;
}

Может тут что-то и не так, делал давно да и не шарю в этом
Lieutenant colonel
Boy
 crux
(
 Medal of the 3-rd rankMedal of the 3-rd rankMedal of the 2-nd rank
)
Attestate
[ 10/25/2013 4:37:14 PM (UTC +3), isterika.en.cx ]  
S_Lider:
crux: а если поступить тупо:
<td style='padding: 0px;'>
если так, то левого отступа уже нет
Ну тогда style='padding: 0px 0px 0px ?px;'

Вместо ? - какой нужен левый отступ.
Senior sergeant
Boy
(
)
Attestate
[ 10/25/2013 6:00:37 PM (UTC +3), kirovograd.en.cx ]  
crux: Ну тогда style='padding: 0px 0px 0px ?px;'
Вместо ? - какой нужен левый отступ.
пробовал и так, пропали все отступы кроме нижнего.
Надо, чтоб со всех сторон без отступов было

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

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

<td width="175" height="130" id="cell11"><img src="https://restformula.com.ua/p01.jpg"></td>
Junior lieutenant
Boy
(
)
Attestate
[ 10/25/2013 6:50:10 PM (UTC +3), rivne.en.cx ]  
id="cell11"
осмелюсь предположить что сувществует еще и какойто скрипт который document.getElementById() чето делает с этим тегом ну или содержимым или стилем... иначе зачем ИД этому тегу?
может бок в скрипте... ну это если он есть конечно.
Lieutenant colonel
Boy
 Kh.d
(
)
Attestate
[ 10/25/2013 7:02:28 PM (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>
Colonel-general
Boy
(
)
Gold Medal of the 1-st rank Gold Medal of the 1-st rank
Attestate
[ 10/25/2013 7:03:16 PM (UTC +3), dubna.en.cx ]  
ты вообще что реализуешь? тебе надо чтобы по мере ввода кодов по частям открывалась картинка?
Senior sergeant
Boy
(
)
Attestate
[ 10/25/2013 7:08:02 PM (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 это уже будет гонево
Senior sergeant
Boy
(
)
Attestate
[ 10/25/2013 7:12:23 PM (UTC +3), kirovograd.en.cx ]  
Kh.d: Эээх, залез на демо-домен. Увидел проблему, да, действительно забавно. Вот рабочий вариант (последний Хром):
Ёптель, так а в чем собственно прикол то был, я так и не понял?
ну и конечно же, премного Вам, сударь, благодарен ))*SMILE*

теперь можно и со скриптами побаловаться, надеюсь они новых косяков не накидают ))
Lieutenant colonel
Boy
 Kh.d
(
)
Attestate
[ 10/25/2013 7:28:02 PM (UTC +3), kaluga.en.cx ]  
Проблема была в том, что размеры ячеек таблицы зависят от параметров размера текста внутри них, даже если текста там и нет. Что и как точно тут работало - хз, но сбросив полуторный интервал до обычного и размер шрифта в 1 px мы нивелировали это виляние.

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


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

Lieutenant colonel
Boy
 Kh.d
(
)
Attestate
[ 10/25/2013 7:32:51 PM (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>

Senior sergeant
Boy
(
)
Attestate
[ 10/25/2013 7:37:51 PM (UTC +3), kirovograd.en.cx ]  
млин, а я думал, что это я фанатик )))
спс, буду пробовать
Colonel-general
Boy
(
)
Gold Medal of the 1-st rank Gold Medal of the 1-st rank
Attestate
[ 10/27/2013 11:59:15 PM (UTC +3), dubna.en.cx ]  
дайте кто-нибудь штуку чтобы при взятии штрафной подсказки вбивался ответ)
Colonel-general
Boy
(
)
Gold Medal of the 1-st rank Gold Medal of the 1-st rank
Attestate
[ 10/28/2013 5:14:12 AM (UTC +3), dubna.en.cx ]  
не актуально
On page: 
1  <<  12  13  14  15  16  17  18  >>  20
11/21/2024 6:05:38 PM
(UTC +3)

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