Въпрос за HTML/CSS

Blackmailer

Registered
Здравейте нов съм в програмирането и започнах създаването на своя първи уеб сайт, но се натъкнах на 1 проблем main_container и describtion не са на 1 ниво с 2рото ми меню.Как мога да оправя този проблем.Искам да създам връзка към феисбук и туитър и да сложа иконките от дясно на сеарчбара.Ще съм ви много благодарен ако ми кажете как може да стане това.

Ето го демото:file:///D:/My%20Work/New%20folder/page5.html
 
Blackmailer каза:
Здравейте нов съм в програмирането и започнах създаването на своя първи уеб сайт, но се натъкнах на 1 проблем main_container и describtion не са на 1 ниво с 2рото ми меню.Как мога да оправя този проблем.Искам да създам връзка към феисбук и туитър и да сложа иконките от дясно на сеарчбара.Ще съм ви много благодарен ако ми кажете как може да стане това.

Ето го демото:file:///D:/My%20Work/New%20folder/page5.html

Оправи си цялата тема с подробна информация , защото не сме гадатели какво съдържат тези класове като код в css-a & html-a , също така само ти можеш да си видиш демото , защото е на LAN ниво :) Ако незнаеш как да си качиш страницата в интернет , можеш да постнеш кода и да направиш един скрийншот да видим как се визуализира и кое не е наред :)
Поздрави stoqnski
 
Ето го кода:

HTML:
<body>

<div class="header">HEADER</div>
<div class="searchbar">SEARCHBAR</div>
<div class="menu1">MENU1</div>
<div class="menu2">MENU2</div>
<div class="main_container">MAIN_CONTAINER</div>
<div class="describtion">DESCRIBTION</div>
<div class="bottom">BOTTOM</div>

</body>

CSS:

@charset "utf-8";

body{
background:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:0 auto;




}

.header {
background-color:#1e1e1e;
background-image:url(../images/header.jpg);
background-repeat:no-repeat
height:120px;
width:960px;
margin:0 auto;
margin-top:10px;

}

.searchbar {

background-color:#333333;
height:22px;
width:960px;
margin:0 auto;
}

.menu1 {
background-color:#00CC66;
height:42px;
width:960px;
margin:0 auto;
margin-top:0;
}

.menu2 {
background-color:#FF66FF;
height:720px;
width:140px;
margin-left:152px;

}

.main_container {
background-color:#FFFFFF;
height:720px;
width:700px;
float:left;

margin-left:292px;

}

.describtion {
background-color:#0000FF;
height:720px;
width:120px;
margin-left:992px;

}

.bottom {
background:#660033;
height:18px;
width:960px;
margin: 0 auto;
}
 
Мерси оправих се, искам да направя News Box с картинки, като има и малко текст върху картинката, но не мога да намеря никъде такъв урок.Някой може ли да ми помогне ?
 
Blackmailer каза:
Мерси оправих се, искам да направя News Box с картинки, като има и малко текст върху картинката, но не мога да намеря никъде такъв урок.Някой може ли да ми помогне ?

Eми като си сложил пример:

HTML:
<div class="newsbox"> Текст </div>

Може да си наместиш в CSS текста с padding:

[css].newsbox {
background: url(img/newsboxs.gif) no-repeat;
width: 100px;
height: 200px;
padding: 10px 0 0 5px;
}[/css]

Ето един обикновен пример :) Ако има друго казвай :p
 
Мисля, че си наясно как да добавиш и картинки, а текст върху картинката можеш да сложиш като използваш програма за графична обработка или с помощта на сорс код като използваш тага title="някакъв текст върху картинката".
 

Горе