вопрос про перемещение

Rambo2045 · July 6, 2011

logo прижался максимально влево .Как его немного сдвинуть правее?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

body {

font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */

margin: 0; /* Отступы на странице */

}

#header {

position: absolute;

width: 100%;

min-width: 1000px;

height: 100px;

background: url(black.jpg) repeat-x left top;

}

#logo {

width: 64px;

height: 95px;

margin-left:55px;

background: url(logotip1.png) no-repeat;

}

#logo1 {

width: 200px;

height: 52px;

margin:-90px auto;

background: url(slogan.png) no-repeat;

}

</style>

</head>

<body>

</body>

</html>

Svatov · July 6, 2011

Если ты про

<a href= "главная.html"><img src= "logotip1.png"> </a>

то вероятно, что можно воспользоваться margin

а если брать в целом материал который ты предоставил, то не совсем понятно, что ты спрашиваешь...

(какой код - такой ответ)

Edited July 6, 2011 by Svatov

Rambo2045 · July 6, 2011

да я про это ,только вот так не получается

Svatov · July 6, 2011

В чем именно не получается, что для этого делаешь?...постарайся более развернуто дать материал, рекомендую ознакомиться с Рекомендациями, которые даны в начале твоей темы. Они помогут тебе оформить вопрос в более наглядном виде.

gibigate · July 6, 2011

очевидно же

#logo {

width: 64px;

height: 95px;

margin-left:55px;

background: url(logotip1.png) no-repeat;

}

margin-left: поставить больше

Rambo2045 · July 6, 2011

Я когда добавил ссылку к логотипу он прижался влево и margin не работает.Почему?

Svatov · July 6, 2011

margin-left к ссылке добавь...потому как ссылка обернула твою картинку.

2gibigate у него стиль #logo в коде не участвует

Edited July 6, 2011 by Svatov

gibigate · July 6, 2011

да я только css читал, спасибо за исправление.

Семантически правильно будет если обернуть ссылку в <div id="logo"></div>

Rambo2045 · July 6, 2011

напишите пожалуйста в коде как должно быть ,а то не выходит никак.

amelice · July 7, 2011

напишите пожалуйста в коде как должно быть ,а то не выходит никак.

css:

вместо

#logo {
width: 64px;
height: 95px;
margin-left:55px;
background: url(logotip1.png) no-repeat;
}

попробуйте вот это прописать:


.logo{
 margin-left:55px;
 }

html:

вместо:

<a href= "главная.html"><img src= "logotip1.png"> </a>

это:

<a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" alt="logo"></a>

Имейте в виду, что <а> строковый элемент, если вдруг захотите применить вертикальный margin, не прокатит. В таком случае нужно использовать блочный элемент. Или поменять представление элемента <а>.

Edited July 7, 2011 by cheburek

Rambo2045 · July 9, 2011

Подскажите пожалуйста почему логотип в IE теперь обводится синим цветом, и как это можно убрать?

psywalker · July 9, 2011

Подскажите пожалуйста почему логотип в IE теперь обводится синим цветом, и как это можно убрать?

Не было времени читать тему, но рискну предположить, что дело в img{border: none;}

Sign In

вопрос про перемещение

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information