тег <input> внутри тегов <div>

Question

тег <input> внутри тегов <div>

0

Я изучаю Javascript какое-то время, и я делаю игру с кликером с файлами cookie с JS и HTML, однако я не очень многому научился в отношении HTML, и я все еще немного замешан в тегах div. Я попытался разбить веб-страницу на столбцы, используя тег div, который работал, но когда я помещал и помещал туда, он не отображался. Неужели я глуп?

Источник ниже:

<div id="JS" style="float:left; margin:0; width:33%;" align="center">

    <input onclick='addKittens()' type="image" src="kitten.jpg" alt="Add Kittens :)" width="96" height="96">T
</div>


<div id="KPSDiv" style="float:left; margin:0;width:33%;" align="center">


</div>

<div id="CrazyCatLadyDiv" style="float:left; margin:0;width:33%" align="center">


</div>

user3199751 17 янв. 2014, в 20:16

Источник

0

Не быть глупым. Вы пытались удалить атрибуты стиля из своих элементов div, чтобы они не перекрывали друг друга?
xspydr 17 янв. 2014, в 18:52
0

Тип ввода это изображение ??? Почему не просто тег img?
dcodesmith 17 янв. 2014, в 18:54
0

@ Джейсон У меня нет стиля для столбцов или ввода, поэтому я сомневаюсь, что они могут перекрываться.
DataMosh 17 янв. 2014, в 18:58
0

@dcodesmith Я выбрал вход, потому что он мне нужен был для работы с javascript, следовательно, с атрибутом onClick. Если тег img может сделать onClick, я могу использовать это: P
DataMosh 17 янв. 2014, в 18:59
0

событие клика может быть прикреплено к тегу img
dcodesmith 17 янв. 2014, в 19:00

Показать ещё 3 комментария

Теги:

javascript

html

1 ответ

Ещё вопросы

Не быть глупым. Вы пытались удалить атрибуты стиля из своих элементов div, чтобы они не перекрывали друг друга?
Тип ввода это изображение ??? Почему не просто тег img?
@ Джейсон У меня нет стиля для столбцов или ввода, поэтому я сомневаюсь, что они могут перекрываться.
@dcodesmith Я выбрал вход, потому что он мне нужен был для работы с javascript, следовательно, с атрибутом onClick. Если тег img может сделать onClick, я могу использовать это: P
событие клика может быть прикреплено к тегу img

Douglas Denhartog · Accepted Answer · 2014-01-17T17-54-00.000Z

0

Лучший ответ

Все в веб-дизайне - прямоугольник/квадрат/прямоугольник. DIV ничем не отличаются.

Тег DIV - это просто контейнер для ввода других вещей; например, поле INPUT.

создайте веб-страницу и попробуйте это css:

* { border: 1px solid red; }

Я переместил ваш код в JSFiddle и не имел проблем.

Douglas Denhartog 17 янв. 2014, в 17:54

0

Я сделал это. Но это выглядит как беспорядок prntscr.com/2k5xr7
DataMosh 17 янв. 2014, в 19:06
0

Где старая леди, где должна быть другая картина
DataMosh 17 янв. 2014, в 19:06
0

prntscr.com/2k5y8m Я просто превратил другое изображение в комментарий, чтобы его было легче увидеть.
DataMosh 17 янв. 2014, в 19:08
0

У вас есть три отдельных столбца. Что вы не выполняете, что вы хотите? Также см. CSS-хитрости
Douglas Denhartog 17 янв. 2014, в 19:09
0

Там должно быть и изображение в левом столбце. но его там нет.
DataMosh 17 янв. 2014, в 19:12
0

Неважно. Я начал снова, и это сработало, но спасибо за вашу помощь :)
DataMosh 17 янв. 2014, в 19:18
0

Не за что :) Я сделаю одно замечание: когда вы FLOAT элементы, они теряют свою "высоту", если это точно не определено.
Douglas Denhartog 17 янв. 2014, в 19:20
0

Без плавающих НИЧЕГО перекрытий, см. JSFiddle 4
Douglas Denhartog 17 янв. 2014, в 19:25
0

Плавающее перекрытие WITH происходит без высоты, явно определенной для элемента FLOATED : JSFiddle 3
Douglas Denhartog 17 янв. 2014, в 19:25
0

Обратите внимание, в JSFiddle 5 Как текст «lololol» не появляется ниже изображения?
Douglas Denhartog 17 янв. 2014, в 19:27

Показать ещё 8 комментариев