41

Re: Вивчення HTML

Volodymyr Rizun написав:

Колись я теж грався з HTML, CSS,JavaScript. Можу стверджувати,що найкращий вчитель - це практика. Виконуйте різні завдання і тим отримаєте для себе досвід і це залишиться в пам'яті. А коли з'являються питання заглядайте в підручник або для цього є форум.

Так і роблю.....

42

Re: Вивчення HTML

В мене знову проблема.
<background-image>  не відображається якщо писати його в  HTML документ іа не в css таблиці.  В чому проблема? Підкажіть, будь-ласка.

43

Re: Вивчення HTML

Використання < і > навколо в background-image наводить на думку про HTML теґи.
Покажіть шматок коду де не працює. Може неправильний шлях до файлу з зображенням.

44 Востаннє редагувалося Q-bart (21.06.2014 19:12:00)

Re: Вивчення HTML

index.html

<li  class="menu" >Головна сторінка</li>

style.css

li.menu {
list-style-type: none;
text-align: center;
font-family: Calligraph, Times New Roman, Fantasy ;
font-size: 18px;
font-weight: lighter;
display: block;
background-image: url(knopa-menu.jpg);
}

Шлях до файлу точно правильний, пробував кидати зображення в папку з index.html

45

Re: Вивчення HTML

Всі файли в одному каталозі? Відкрийте консоль в Google Chrome, оновіть сторінку і подивіться чи є там повідомлення Failed to load resource…. Перевірив ваш код і все добре.

46

Re: Вивчення HTML

Invader написав:

Всі файли в одному каталозі?

Просто, як писав вище, пробував щоб посилання було 100 % діючим.

Invader написав:

Відкрийте консоль в Google Chrome, оновіть сторінку і подивіться чи є там повідомлення Failed to load resource…. Перевірив ваш код і все добре.

Так там є таке повідомлення

47

Re: Вивчення HTML

Шматок з одним <li> працює, перевірив в окремому документі.html, а в цілому - ні. В чому може бути проблема

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <link href="CSS/style.css" rel="stylesheet" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> Сайт</title>
    </head>
    <body>
            <div> <img id="header" src="RIZBA/Rizblennya.jpg"> 
        </div>
        <div id="left-col">
        
        <li  class="menu" >Головна сторінка</li>
        <hr>
        <li class='menu'>Пункт</li>
        <hr>
        <li class='menu'>Пункт</li>
        <hr>
        <li class='menu'>пункт</li>
        <hr>
        
        </div>
        <div id="coll">Text,text,text</div>
        <div id="down">Пiдвал</div>
    
    
    </body>
</html>

style.css

body{  background-image: url('knopa-menu.jpg');
margin: 0px
}
#header { 
clear: both; 
padding:5px;
height: 260px;
width: 1300px;
}
#coll {
padding:5px;
margin: 0px 0px 0px 210px;
background-color:#004A7F;
}
#down {background-color: #D3D333;
clear: both;
padding: 5px;

}
#left-col {
float: left;
width: 210px;
padding: 10px;
}

li.menu {
list-style-type: none;
text-align: center;
font-family: Calligraph, Times New Roman, Fantasy ;
font-size: 18px;
font-weight: lighter;
display: block;
background-image: url(knopa-menu.jpg);
}

48 Востаннє редагувалося ping (22.06.2014 15:19:15)

Re: Вивчення HTML

<hr> - навіщо? якщо треба лінія - зробіть border в css
<ul></ul> теж не мішало б використати

а що саме не працює?

http://www.w3schools.com/tags/tag_ul.asp

http://www.w3schools.com/cssref/pr_background-image.asp
background-image:url('paper.gif');

background-image: url(knopa-menu.jpg);  /*швидше всього, причина в відсутності лапок  */

крім того - один і той же файл для background-image для body і для li.menu , але може то так задумано?

п.с.
спробуєте користуватися якоюсь IDE - описок і мех помилок поменшає.
та і стиль поправиться

Подякували: Q-bart1

49 Востаннє редагувалося Q-bart (22.06.2014 15:37:23)

Re: Вивчення HTML

ping написав:

<hr> - навіщо? якщо треба лінія - зробіть border в css
<ul></ul> теж не мішало б використати

а що саме не працює?

http://www.w3schools.com/tags/tag_ul.asp

http://www.w3schools.com/cssref/pr_background-image.asp
background-image:url('paper.gif');

background-image: url(knopa-menu.jpg);  /*швидше всього, причина в відсутності лапок  */

крім того - один і той же файл для background-image для body і для li.menu , але може то так задумано?

п.с.
спробуєте користуватися якоюсь IDE - описок і мех помилок поменшає.
та і стиль поправиться

За лінію - дякую!!
З <ul></ul>   робить великі відступи
лапки - також пробував - не виходить, та й в підручнику пише що їх використовувати не обов'язково.

один і той же файл для background-image для body і для li.menu

пробував чи працює зображення в інших елментах, (думав що в <li> не вставляється зображення)

IDE -  Notepad++

А що не працює, проблема описана вище...

50

Re: Вивчення HTML

Q-bart написав:

З <ul></ul>   робить великі відступи

то доповніть css
наприклад :

margin-left: -20px

line-height: 50%;

Подякували: Q-bart1

51

Re: Вивчення HTML

ping написав:
Q-bart написав:

З <ul></ul>   робить великі відступи

то доповніть css
наприклад :

margin-left: -20px

line-height: 50%;

Дякую,  не знав що може бути від'ємне значення

52 Востаннє редагувалося ping (22.06.2014 16:06:30)

Re: Вивчення HTML

Q-bart написав:
ping написав:
Q-bart написав:

З <ul></ul>   робить великі відступи

то доповніть css
наприклад :

margin-left: -20px

line-height: 50%;

Дякую,  не знав що може бути від'ємне значення


тут відповідь, чому не варто упускати <ul> :

As you seem to define dangerous by "break in browsers for the end user's ability to view the page as intended", then yes it's dangerous.

Browsers are trying their best to compensate for invalid markup but there is no guarantee at all your page gets displayed correctly.

http://stackoverflow.com/questions/2031 … -dangerous


п.с.
Notepad++  - це хороший редактор, але не IDE

Подякували: Q-bart1

53

Re: Вивчення HTML

Tip: Always set a background-color to be used if the image is unavailable.

http://www.w3schools.com/cssref/pr_background-image.asp

54

Re: Вивчення HTML

Ну що ж, вже знаю чому не відображалось зображення..
Вся справа в тому що було невірне посилання. Я коли прописував в css, автоматично писав ніби початковий документ це index.html , а насправді це ж style.css.
Видно не до кінця засвоїв урок...
Але вчаться ж на помилках...

Подякували: ping1

55

Re: Вивчення HTML

Доброго дня!
Підкажіть в чому проблема...
Є один <div> блок, в якому має бути ще один... Але так не виходить...

http://jsfiddle.net/BYgTB/4/

56

Re: Вивчення HTML

Хтось, підкаже щось????

57

Re: Вивчення HTML

Скажіть хоч приблизно, в чому може бути проблема...
Дайте хоч якесь посилання, про приблизну цю проблему...

58

Re: Вивчення HTML

<div class='page'>
<br>
<p> TEXT TEXT TEXT</p>
<div class='right-i'>Один блок</div>
    <div style="clear: both;"></div>
</div>
Подякували: Q-bart1

59

Re: Вивчення HTML

<div class='page'>
<div class='right-i'>Один блок</div>
<br>
<p> TEXT TEXT TEXT</p>
</div>
Подякували: Q-bart1

60

Re: Вивчення HTML

koala написав:
<div class='page'>
<div class='right-i'>Один блок</div>
<br>
<p> TEXT TEXT TEXT</p>
</div>

Я так знаю,
Але зображення('Один блок') треба вкінці..
Та й чому так(http://jsfiddle.net/BYgTB/4/) не працює? Все ж ніби вірно?