Padding в CSS не работает

Question

Padding в CSS не работает

0

вот мой код по какой-то причине я не могу получить текст на картинке, почему?

HTML:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="ilo.css">
  <title>Drum World</title>
</head>
<body background="back.jpg">
  <center><strong><font face="arial" size="10" color="#3366CC">Perfect Gallery     OF         Drums!    </font></strong>
  </center>
  <br>
  <br>
  <font face="Verdana" size="3" color="#006666"><strong><center>Enjoy viewing all    sorts    of drums</center></strong></font>
  </br>
  </br>
  <img src="pearl drum.jpg" border="5px">
  <p id="txt">TEXTTEXTTEXT</p>
  </img>

и вот CSS:

#txt {
  padding: 15px 35px 5px 5px;
}

user3550204 18 апр. 2014, в 23:40

Источник

7

Вау, центр и теги шрифтов? Я чувствую себя так, словно вернулся в 90-х.
j08691 18 апр. 2014, в 20:56
0

Вы должны обновить свой HTML-код, HTML устарел
dippas 18 апр. 2014, в 20:58
0

Я знаю о проблемах, спасибо, но кто-нибудь может предложить решение?
user3550204 18 апр. 2014, в 20:58
3

Мне нравятся закрывающие теги <br> и <img> . Как будто вы создаете свой собственный язык разметки.
Brian Ray 18 апр. 2014, в 20:59
0

@ user3550204 Если бы мне пришлось угадывать, в чем твоя проблема, я бы склонялся к неверной разметке. Попробуйте исправить свой HTML и посмотрите, решит ли это ваши проблемы с CSS.
Brian Ray 18 апр. 2014, в 21:00
0

Привет, Брайан, моя проблема в том, что я не могу заставить работать отступы, я хочу, чтобы текст "TEXTTEXTTEXT" появился на фотографии, но, похоже, он не работает
user3550204 18 апр. 2014, в 21:01
0

вместо этого используйте изображение в качестве фона.
dippas 18 апр. 2014, в 21:06
0

Вы не можете использовать тег p в теге img.
aisin 19 апр. 2014, в 01:52

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

Теги:

html

css

padding

1 ответ

Ещё вопросы

Вау, центр и теги шрифтов? Я чувствую себя так, словно вернулся в 90-х.
Вы должны обновить свой HTML-код, HTML устарел
Я знаю о проблемах, спасибо, но кто-нибудь может предложить решение?
Мне нравятся закрывающие теги <br> и <img> . Как будто вы создаете свой собственный язык разметки.
@ user3550204 Если бы мне пришлось угадывать, в чем твоя проблема, я бы склонялся к неверной разметке. Попробуйте исправить свой HTML и посмотрите, решит ли это ваши проблемы с CSS.
Привет, Брайан, моя проблема в том, что я не могу заставить работать отступы, я хочу, чтобы текст "TEXTTEXTTEXT" появился на фотографии, но, похоже, он не работает
вместо этого используйте изображение в качестве фона.
Вы не можете использовать тег p в теге img.

arocketman · Answer 1 · 2014-04-18T18-30-00.000Z

если вы хотите, чтобы на картинке был "текст", вы могли бы дать вашему img относительное позиционирование, а p - абсолютное позиционирование. Кроме того, исправьте теги html, которые они устарели и испорчены>. <.

http://jsfiddle.net/GNkKL/

img{
    position:relative;
}

#txt
{
padding: 15px 35px 5px 5px;
    position:absolute;
    top:0;
}

Просто удалил мой ответ ... Мне больше нравится этот способ. ^^^
Добро пожаловать. Не забудьте исправить html tho!