Професионална програма
Loading...
+ Нов въпрос
ivandm5 avatar ivandm5 17 Точки

5.Japanese Kitchen

Някой ще даде ли идея как да сложа sidebara от 1 час се опитвам да оправя нещата ама не става.
 

@import url('https://fonts.googleapis.com/css?family=Lato');
* {


    margin: 0;


    padding: 0;}
body{
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    background-image: url('images/dark-wood.jpg');


}
body header h1{
    text-align: right;
    font-size: 40px;
    padding: 30px;


}
header{
    width: 940px;
    height: 130px;
    background-image: url('images/header-page.jpg');
    opacity: 0.6;
    margin: auto;

}
nav{
    width: 940px;
    height: auto;
    background-color: #ffffff;
    opacity: 0.6;
    margin: 3px auto;




}

body nav ul li{

    display: inline-block;
    color: #ffffff;
    list-style: none;
    padding: 10px;

}


body nav  a{


    font-size: 1.3em;
    color: #000000;
    text-decoration: none;

}
body nav  a:hover{


    font-size: 1.3em;
    color: #ff623b;
    text-decoration: none;

}
main{
    background-color: #ffffff;
    width: 940px;
    height: auto;
    margin: auto;


}
section.courses{
    text-align: left;


}
article{
width: 650px;
    height: 300px;


}
figure{
    width: 290px;
    float: left;
    padding: 25px;



}
img{
    width: 290px;

}


div {
     text-align: left;
     padding: 50px;









 }

article p{

    text-align: left;
    font-size: 1.1em;






}


aside
{



    width: 100px;


    float:right;
}

 

Тагове:
0
Web Basics
worminer avatar worminer 104 Точки
Best Answer

Здравей,
Не съм я решавал все още тази задача така че няма как да ти дам моя css така, че ето интерпретация на твоя..

@import url('https://fonts.googleapis.com/css?family=Lato');
* {
  margin: 0;
  padding: 0;
}

body{
  margin: 0 auto;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  background-image: url('images/dark-wood.jpg');
  width: 940px;
}

body header h1{
  text-align: right;
  font-size: 40px;
  padding: 30px;


}
header{
  height: 130px;
  background-image: url('images/header-page.jpg');
  opacity: 0.6;
  margin: auto;

}

nav{
  height: auto;
  background-color: #ffffff;
  opacity: 0.6;
  margin: 3px auto;
}

body nav ul li  {
  display: inline-block;
  color: #ffffff;
  list-style: none;
  padding: 10px;
}


body nav  a {
  font-size: 1.3em;
  color: #000000;
  text-decoration: none;


}
body nav  a:hover {
  font-size: 1.3em;
  color: #ff623b;
  text-decoration: none;

}

main {
  background-color: #ffffff;
  float: left;
  width: 100%;
  margin: 0 auto;
}

section.courses {
  text-align: left;
  float: left;
  width: 700px;
}

article {
  width: 650px;
  height: 300px;
}

figure{
  width: 290px;
  float: left;
  padding: 25px;
}

img{
  width: 290px;
}


div {
  text-align: left;
  padding: 50px;
}

article p {
  text-align: left;
  font-size: 1.1em;
}


aside
{
  width: 235px;
  float:left;
}

footer {
  clear: both;
}
0
13/02/2017 15:14:16
TeodorDimitrov89 avatar TeodorDimitrov89 264 Точки

Използвай http://codepen.io/ за поставяне на кода си, защото не става ясно какво точно не е наред. Може да използваш и снимки като screenshoot за да може човек да се ориентира по добре.

1
kitchstyle avatar kitchstyle 0 Точки

Based on the charge, you wouldn't expect this low priced garlic press to come out on top. But for just $14, this garlic press has a smart layout that is corresponding to even the maximum costly brands. thestylekitchen This press consists of a silicone curler for easy removal of garlic skin, and a small cleansing brush.

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.