Въпросче за хтмл

BaHKaTa

Registered
При този код защо не ми излизат картинките а просто бяла страница...Къде ми е грешката.Трябва ли да задавам точните размери на дивовете?!
<html>
<head><title>Funsite.data.bg</title>
<style type="text/css">
div.all{
width:600px;
height:600px;
}
div.header{
background-image: url(images/untitled-1_01.gif);
float:left;
}
div.left{
background-image: url(images/untitled-1_02.gif);
float:left;
}
div.box{
background-image: url(images/untitled-1_03.gif);
float:left;
}
</style>
</head>
<body>
<div class="all">
<div class="header"></div>
<div class="left"></div>
<div class="box"></div>
</div>
</body>
</html>
 
DrViS каза:
Я сложи кавички ето така:

background-image: url('images/untitled-1_01.gif');
Нямам файл цсс...само тфа ми е цсс'а и си е в HTML документа...и картинките са отделно в images.
 
<html>
<head><title>Funsite.data.bg</title>
<style type="text/css">
div.all{
width:600px;
height:600px;
}
div.header{
background-image:url('images/untitled-1_01.gif');
float:left;
}
div.left{
background-image:url('images/untitled-1_02.gif');
float:left;
}
div.box{
background-image:url('images/untitled-1_03.gif');
float:left;
}
</style>
</head>
<body>
<div class="all">
<div class="header"></div>
<div class="left"></div>
<div class="box"></div>
</div>
</body>
</html>
 
DrViS каза:
<html>
<head><title>Funsite.data.bg</title>
<style type="text/css">
div.all{
width:600px;
height:600px;
}
div.header{
background-image:url('images/untitled-1_01.gif');
float:left;
}
div.left{
background-image:url('images/untitled-1_02.gif');
float:left;
}
div.box{
background-image:url('images/untitled-1_03.gif');
float:left;
}
</style>
</head>
<body>
<div class="all">
<div class="header"></div>
<div class="left"></div>
<div class="box"></div>
</div>
</body>
</html>
Не ми помагаш...
 
Напротив помагам ти
<html>
<head><title>Funsite.data.bg</title>
<style type="text/css">
div.all{
width:600px;
height:600px;
}
div.header{
background-image:url('images/untitled-1_01.gif');
float:left;
}
div.left{
background-image:url('images/untitled-1_02.gif');
float:left;
}
div.box{
background-image:url('images/untitled-1_03.gif');
float:left;
}
</style>
</head>
<body>
<div class="all">
<div class="header">ааааааааааааааааааааааааааааааааа</div>
<div class="left">ббббббббббббббббббббббббббббббббб</div>
<div class="box">ввввввввввввввввввввввввввввввввв</div>
</div>
</body>

Виж така че излизат картинките.
background = фон :wink:
 
Не е от това...аз го открих...Трябваше на секи див да задам размера на картинката дето ще е фон
<html>
<head><title>Funsite.data.bg</title>
<style type="text/css">
div.all{
width:600px;
height:600px;
}
div.header{
background-image: url('images/untitled-1_01.gif');
width:600px;
height:127px;
float:left;
}
div.left{
background-image: url('images/untitled-1_03.gif');
width:162px;
height:471px;
float:left;
}
div.box{
background-image: url('images/untitled-1_04.gif');
width:438px;
height:471px;
float:left;
}
div.line{
background-image: url('images/Untitled-1_02.gif');
width:600px;
height:2px;
float:left;
}
</style>
</head>
<body>
<div class="all" align="center">
<div class="header"></div>
<div class="line"></div>
<div class="left"></div>
<div class="box"></div>
</div>
</body>
</html>
 
Еми ако искаш да е без текст задаваш размери както си го направил.
Не разбрах, че искаш да излиза само картинка, без текст :lol:
 

Back
Горе