Добавить иконку в нижний колонтитул

Question

Добавить иконку в нижний колонтитул

0

Как добавить значок в нижний колонтитул? Вот следующий код, который я выполнил.

CSS:

#footer {
    padding: 0 10px;
    background:#EEE;
    bottom:0px;
    right:0px;
    left:0px;
    position:fixed;
    box-shadow: 0px 0px 8px 0px #000000;

    }
    #footer p {
    margin: 0;
    padding: 10px 0;
}

и HTML:

<div id="footer">
    <p><center>2013 - Index</center>
    <img style="text-align:right" src="./images/ranbir.jpg"  height="25" width="25"></p>
</div>

Спасибо за любую помощь!

Я пытаюсь поставить индекс 2013 в центре, и значки идут правильно. Но это не кажется правильным.

user2985771 22 нояб. 2013, в 03:54

Источник

Теги:

html

icons

footer

1 ответ

Ещё вопросы

joshhunt · Answer 1 · 2013-11-22T00-25-00.000Z

Попробуйте либо:

<img style="float:right" src="./images/ranbir.jpg"  height="25" width="25"></p>

или

<img style="position:absolute; right:0;" src="./images/ranbir.jpg"  height="25" width="25"></p>

Дайте мне знать, если это поможет вам и посмотрите на http://jsfiddle.net/s89s7, если вы хотите, чтобы он работал.

Изменение: Чтобы уточнить, text-align работает только с вещами внутри этого элемента. Например

<body>
    <p style="text-align:center">Text</p>
</body>

Выровнят "Текст" внутри "p", но не будет выровнять "p" внутри "тела". Надеюсь, это имеет смысл.

Спасибо, это работает. Как сделать так, чтобы иконка поднималась на одну строку с той же строкой, что и текст? если вы понимаете, о чем я? @joshhunt
Я бы порекомендовал использовать position: absolute, чтобы вы могли управлять им и делать так, чтобы он двигался куда угодно, используя top, bottom, left и right. Например, <img style = "position: absolute; right: 0px; top: 20px;" src = " destil.cz/images/stackoverflow.png " height = "25" width = "25"> Посмотрите на обновленную скрипку.