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

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

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 года в центр, и значки идут вправо. Но это не кажется правильным.

источник

2013-11-22 user2985771

Попробуйте также:

<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, если вы хотите, чтобы он работал.

Редактировать: Чтобы уточнить, выравнивание текста работает только с вещами внутри этого элемента. Например.

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

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

источник

2013-11-22 02:50:00 joshhunt

Спасибо, что это работает. Как бы я запустил значок вверх по той же строке, что и текст? если вы понимаете, о чем я? @joshhunt – user2985771

Я бы рекомендовал использовать позицию: абсолютный, таким образом вы можете управлять им и делать это, куда бы вы ни захотели, используя верхний, нижний, левый и правый. Например. Посмотрите обновленную скрипку. – joshhunt

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

ответ

Смежные вопросы