вставка картинки в HTML и CSS

@Ильнар86 · Регистрация: 29.03.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте,дайте пожалуйста совет,как поставить картинку которую сделал через "онлайн-создание кнопок" ?

Вот отредактировал я себе картинку,далее мне дают CSS код определённый.Я так понимаю надо создать блок с названием .button { ?

Вот как и куда его вставить и как прикрепить к нему этот css ? С меня + в репутацию

@Golden Jack · 23.01.2016, 19:50

Создаешь кнопку с классом или id

HTML5
1
<input id="buttonReg" type="submit" name="submit" value="Отправить">

Потом в файле со стилями для кнопки вставляешь css код, который тебе дали

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#buttonReg {
   border-top: 1px solid #802424;
   background: #8f188b;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#8f188b));
   background: -webkit-linear-gradient(top, #000000, #8f188b);
   background: -moz-linear-gradient(top, #000000, #8f188b);
   background: -ms-linear-gradient(top, #000000, #8f188b);
   background: -o-linear-gradient(top, #000000, #8f188b);
   padding: 6px 12px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ababab;
   font-size: 17px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }

А почему тема в PHP, а не в HTML/CSS?

@Ильнар86 · 24.01.2016, 20:36 **[ТС]**

Сообщение от Golden Jack

Создаешь кнопку с классом или id

кнопку с классом или id ,это примерно так?

Да я ещё не совсем разбираюсь где php ,а где HTML

@siyanie · 24.01.2016, 20:56

Ильнар86, В HTML файле(index.html) вставляете

HTML5
1
<input class="button" type="submit" name="submit" value="Текст">

, в value указываете текст какой вам нужен. А то что вам сгенерировал генератор просто вставляете в css файл.

@Golden Jack · 25.01.2016, 09:54

HTML - это язык разметки, php - язык программирования. Как вы делаете сайт, если не различаете их?
У вас должен быть файл с HTML разметкой, index.php к примеру, в котором есть форма с кнопкой
Для кнопки задается идентификатор или класс, к которому уже в файл style.css вы вносите этот код

@Ильнар86 · 25.01.2016, 19:09 **[ТС]**

Сообщение от siyanie

В HTML файле(index.html) вставляете

тысячу извинений,но именно формата html я не нашёл

может в других директориях тоже нету

@Ильнар86 · 25.01.2016, 19:11 **[ТС]**

Сообщение от Golden Jack

HTML - это язык разметки, php - язык программирования. Как вы делаете сайт, если не различаете их?
У вас должен быть файл с HTML разметкой, index.php к примеру, в котором есть форма с кнопкой
Для кнопки задается идентификатор или класс, к которому уже в файл style.css вы вносите этот код

Дело в том что я лишь скачал шаблон темы для wordpress ,и сейчас по чуть-чуть редактирую под себя

@siyanie · 25.01.2016, 19:13

Ильнар86, в гугле вбейте "как вставить HTML код в PHP" и посмотрите как вставить код который я вам дал в Ваш index.php

@Resume · 25.01.2016, 19:14

в index.php нужно вставлять.
Вы PHP хорошо знаете?

@Ильнар86 · 25.01.2016, 19:23 **[ТС]**

так вы написали index.html вот я и ищу его

сейчас попробую

Добавлено через 37 секунд

Сообщение от Resume

в index.php нужно вставлять.
Вы PHP хорошо знаете?

на уровне младенца мне кажется знаю...

@Ильнар86 · 25.01.2016, 19:38 **[ТС]**

Сообщение от siyanie

в гугле вбейте "как вставить HTML код в PHP" и посмотрите как вставить код который я вам дал в Ваш index.php

я так понимаю что надо не в index.php ,а то он появился прям по середине моих записей

я поставил его в header.php

в style.css поставил те коды которые дал "онлайн-сервис" ,но кнопка не изменилсь почему-то

@Fedor92 · 25.01.2016, 19:40

Не по теме:

ММММ... Кажись вордпрессовцев нет...:) Интрига...

@siyanie · 25.01.2016, 19:47

Ильнар86, Гугли, там есть ответы как править в Wordpress файлах. Или жди знающих

Я до натягивания на вордпресс еще не дошел.

@Golden Jack · 25.01.2016, 20:08

Fedor92, Fedor92,

Сообщение от Fedor92

ММММ... Кажись вордпрессовцев нет... Интрига...

Я почувствовал себя на вашем месте)

@Ильнар86 · 25.01.2016, 20:09 **[ТС]**

ладненько,спасибо хоть на этом)))пойду CSS-ников тревожить))+ тебе поставил ,если не дошёл скажи

@Golden Jack · 25.01.2016, 20:11

Сообщение от Ильнар86

,но кнопка не изменилсь почему-то

, а вы точно используете правильное имя селектора? Какой класс у вас задан для кнопки? Он совпадает с селектором в css? Возможно они у вас разные, поэтому и вид остается прежним

@Ильнар86 · 25.01.2016, 20:28 **[ТС]**

Сообщение от Golden Jack

, а вы точно используете правильное имя селектора? Какой класс у вас задан для кнопки? Он совпадает с селектором в css? Возможно они у вас разные, поэтому и вид остается прежним

вот этот класс если не ошибаюсь <input class="button"

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287

	вставка картинки в HTML и CSS 23.01.2016, 12:30. Показов 1968. Ответов 16 Метки нет (Все метки) Здравствуйте,дайте пожалуйста совет,как поставить картинку которую сделал через "онлайн-создание кнопок" ? Вот отредактировал я себе картинку,далее мне дают CSS код определённый.Я так понимаю надо создать блок с названием .button { ? Вот как и куда его вставить и как прикрепить к нему этот css ? С меня + в репутацию Миниатюры 0

@Golden Jack 10 / 10 / 5 Регистрация: 31.01.2015 Сообщений: 120
	25.01.2016, 09:54
	HTML - это язык разметки, php - язык программирования. Как вы делаете сайт, если не различаете их? У вас должен быть файл с HTML разметкой, index.php к примеру, в котором есть форма с кнопкой Для кнопки задается идентификатор или класс, к которому уже в файл style.css вы вносите этот код 0

@siyanie 13 / 13 / 7 Регистрация: 21.11.2015 Сообщений: 85
	25.01.2016, 19:13
	Ильнар86, в гугле вбейте "как вставить HTML код в PHP" и посмотрите как вставить код который я вам дал в Ваш index.php 0

@Resume 143 / 133 / 69 Регистрация: 08.11.2013 Сообщений: 767 Записей в блоге: 5
	25.01.2016, 19:14
	в index.php нужно вставлять. Вы PHP хорошо знаете? 0

@Fedor92
	25.01.2016, 19:40
	Не по теме: ММММ... Кажись вордпрессовцев нет...:) Интрига... 0

@siyanie 13 / 13 / 7 Регистрация: 21.11.2015 Сообщений: 85
	25.01.2016, 19:47
	Ильнар86, Гугли, там есть ответы как править в Wordpress файлах. Или жди знающих Я до натягивания на вордпресс еще не дошел. 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	25.01.2016, 20:09 [ТС]
	ладненько,спасибо хоть на этом)))пойду CSS-ников тревожить))+ тебе поставил ,если не дошёл скажи 0

вставка картинки в HTML и CSS

Решение