Форум Сайтостроение Веб-строительство

Спасайте друзья!Расположение блоков.

12
B
На сайте с 10.01.2012
Offline
42
brokkoli
944

Привет уважаемые вебмастера!

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

#header {

	height: 80px;

	background: #FFF;

}

#logo {

	height:80px;

	width:100px;

	background-image:url(/images/vse/logo.jpg);

	background-repeat:no-repeat;

}



#rekl {



        height:80px;

	width:375px;

	background-image:url(/images/vse/ris.jpg);

	background-repeat:no-repeat;

      

	

}

#telephone {

        display:inline;

	width:200px;

        height:80px;

	font-family: Verdana, Arial, Helvetica, sans-serif; 

        font-size: 20pt; /* Размер шрифта в пунктах */ 

	font-variant:small-caps;

        text-align:center;

        margin:right;

}

Для вызова: 


<div id="header">



<a href="/"><div id="logo"></div></a>

<a href="/stati/"><div id="rekl"></div></a>

<div id="telephone">8 812 300-69-71</div>



</div>

Где ошибка?

Посмотреть можно тут: stellaji-pro.ru

SS
На сайте с 04.04.2009
Offline
43
s_s
#1

float, не?

B
На сайте с 10.01.2012
Offline
42
brokkoli
#2

Нет, float:left; не помогает =(

Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#3

нельзя брать div в a

что-то типа этого:

<div id="header">

<div id="logo"><a href="/"></a></div>
<div id="rekl"><a href="/stati/"></a></div>
<div id="telephone">8 812 300-69-71</div>

</div>

#logo, #rekl, #telephone {
float:left;
}
//TODO: перестать откладывать на потом
B
На сайте с 10.01.2012
Offline
42
brokkoli
#4

float частично решил проблему. Частично, потому что в opere криво отображается все равно. в firefox и chrome всё путем... 





Uploaded with ImageShack.us


---------- Добавлено в 16:44 ---------- Предыдущее сообщение было в 16:44 ----------

а почему нельзя???
C
На сайте с 04.02.2005
Offline
291
Chukcha
#5
а почему нельзя???

<a> инлайновый тег

<div> блочный

SS
На сайте с 04.04.2009
Offline
43
s_s
#6

потому что есть блочные и инлайн (строчные) элементы.

B
На сайте с 10.01.2012
Offline
42
brokkoli
#7

а как же тогда эти дивы сделать ссылками?

C
На сайте с 04.02.2005
Offline
291
Chukcha
#8

а зачем дивы делать ссылками?

Сколько контента вы хотите в ссылку запихнуть?

SS
На сайте с 04.04.2009
Offline
43
s_s
#9
brokkoli:
а как же тогда эти дивы сделать ссылками?

a#bla-bla-bla {
display: block; 
width: 100%;
height: 100%;
}
####
<div><a id="bla-bla-bla">ссылка будет на весь див</a></div>
B
На сайте с 10.01.2012
Offline
42
brokkoli
#10

S_S

Чего то не пашет...И блоки все слетели.

а куда адрес ссылки прописывать, перед id?

---------- Добавлено в 14:54 ---------- Предыдущее сообщение было в 14:51 ----------

Chukcha:
а зачем дивы делать ссылками?
Сколько контента вы хотите в ссылку запихнуть?

Ну например у меня есть логотип, я его пихаю в див и нужно, чтобы при кллике на лого я попадал на главную.

Второй вопрос несколько не понял:

Chukcha:

Сколько контента вы хотите в ссылку запихнуть?

У меня один из дивов - это ссылка на раздел статей.

Как повлиять на скорость Новый виджет Яндекс.Вебмастера с Как создать продающий лендинг
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий