Заполнение между изображениями не дополняет - PullRequest
Новая
       8

Заполнение между изображениями не дополняет

1 голос
/ 30 апреля 2010 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<style type="text/css">
#action-icons
{
    float:right;
}
#action-icons.img
{
    position:relative;
    top:-30px;
    padding-right:200px;
}
</style>
</head> 

<body> 
    <h1 class="edit">Some nifty title
    <span id="action-icons"> 
    <img src="foo.png" width="64" height="64" alt="" id="newsticky"/> 
    <img src="bar.png" width="60" height="60" alt="" id="trash"/> 
    </span> 
    </h1> 
</body> 
</html>

Ответы [ 3 ]

2 голосов
/ 30 апреля 2010

Попробуйте margin-right

и используйте 

#action-icons img

для адресации изображения. 

#action-icons.img

означает «любой элемент с идентификатором action-icons и классом img.

2 голосов
/ 30 апреля 2010

Изменение 

#action-icons.img

Для 

#action-icons img

и чек

у меня работает на firefox

2 голосов
/ 30 апреля 2010

Попробуйте добавить: 

#action-icons.img
{
    position:relative;
    top:-30px;
    padding-right:200px;
}

Могу это сделать.

Редактировать: У вас есть #action-icons.img удалить точку, чтобы она #action-icons img.

Точка устанавливает img как класс, поэтому, если он у вас есть, HTML будет выглядеть следующим образом: 

<img src="bar.png" width="60" height="60" alt="" id="trash" class="img"/>

Надеюсь, это поможет.

Редактировать - Вот полный рабочий код: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<style type="text/css">
#action-icons
{
    float:right;
}
#action-icons img
{
    position:relative;
    top:-30px;
    margin-left:50px;
}
</style>
</head> 

<body> 
    <h1 class="edit">Some nifty title
    <span id="action-icons"> 
    <img src="foo.png" width="64" height="64" alt="" id="newsticky"/> 
    <img src="bar.png" width="60" height="60" alt="" id="trash"/> 
    </span> 
    </h1> 
</body> 
</html>
...