выровнять изображение справа от h3 - PullRequest
Новая
       3

выровнять изображение справа от h3

0 голосов
/ 21 сентября 2010

Я пытаюсь расположить следующие предметы, но не могу все сделать правильно.

Ее желаемый результат:

| Blah Bah (img) Ссылка |

Изображение выровнено по правому краю Н3 слева, а ссылка расположена в крайнем правом положении. Все на одной линии. 

    <div style="float:left;"><h3>Blah Bah</h3></div>
      <a href="#"><img src="image\edit.png" /></a>
    <div style="float:right;">Link</div>

<html>
<style>
    h3
    {
        color: #0066CC;
        font-size: 130%;
        font-weight: bolder;
        padding-top: 0px;
        margin: 0px;
    }
</style>
<body>
    <div style="float: left;"><h3>Blah Bah</h3></div>
    &nbsp;<a href="#" style="padding-top: 25px;"><img src="go.gif" style="padding-top: 2px;" /></a>
    <div style="float: right;">Link</div>
</body>
</html>

Ответы [ 2 ]

3 голосов
/ 21 сентября 2010

По умолчанию тег h3 имеет margin-top и margin-bottom, поэтому ваши элементы не находятся в одной строке.

Это можно изменить, добавив следующий стиль: 

h3 {
   margin: 0;
}

Но лучше использовать таблицу стилей сброса, чтобы вы знали, что все элементы сбрасываются.http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

0 голосов
/ 21 сентября 2010

Я буду честен с вами, я прочитал его несколько раз, и я до сих пор не могу расшифровать это предложение, поэтому я не знаю, что вы хотите:

Изображение выровнено по правому краю Н3 слева, а ссылка расположена в крайнем правом положении. Все на одной линии.

Я рекомендую загрузить изображение в Photoshop, чтобы продемонстрировать, каким должен быть конечный результат.

Между тем, вот мой треск:

alt text

...