(x)HTML/WML/CSS | html как разместить
bazcms 
Тема закрыта by
wladua2016
Причина: Решено
wladua2016
Причина: Решено
ПОдскажите как сделать так вот сама картинка ,а сейчас скину как должно быть
Вот так должно быть
Ничего не понял. Типа чтобы эти надписи были не на самой картинке, а кодом? :D
________
посл. ред. 28.11.2016 в 18:21; всего 2 раз(а); by etozhedanya
etozhedanya ________
посл. ред. 28.11.2016 в 18:21; всего 2 раз(а); by etozhedanya
etozhedanya, да
проблемно будет сделать линии в html
SayrusCraft
SayrusCraft, знаешь как сделать?
wladua2016 (28.11.2016 в 19:05)
SayrusCraft, знаешь как сделать?
SayrusCraft, знаешь как сделать?
а эти линии обязательны?
SayrusCraft, нет
wladua2016, я могу попробувать сделать
<!DOCTYPE html>
<html>
<head>
<title>Page.</title>
<meta charset="UTF-8" />
<style>
body
{
background-color:#FFF;
margin:10px auto;
max-width:400px;
}
.bg
{
background: url(bg.png) no-repeat 0 0;
padding:0;
margin:0;
}
.border
{
border:solid 10px rgba(255, 100, 100,0.3);
width:380px;
height:380px;
}
.button
{
text-align:center;
border:solid 3px #FFF;
width:195px;
margin:170px auto 0 auto;
padding:12px 12px;
}
.button a
{
text-decoration:none;
color:#FFF;
font-size:15px;
font-weight:bold;
}
.name
{
color:#FFF;
font-size:16px;
font-weight:bold;
text-align:center;
margin:132px 0 0 0;
}
</style>
</head>
<body>
<div class="bg">
<div class="border">
<div class="button"><a href="">ПОСМОТРЕТЬ АЛЬБОМ</a></div>
<div class="name">РУСЛАН И КАТЯ</div>
</div>
</div>
</body>
</html>
<html>
<head>
<title>Page.</title>
<meta charset="UTF-8" />
<style>
body
{
background-color:#FFF;
margin:10px auto;
max-width:400px;
}
.bg
{
background: url(bg.png) no-repeat 0 0;
padding:0;
margin:0;
}
.border
{
border:solid 10px rgba(255, 100, 100,0.3);
width:380px;
height:380px;
}
.button
{
text-align:center;
border:solid 3px #FFF;
width:195px;
margin:170px auto 0 auto;
padding:12px 12px;
}
.button a
{
text-decoration:none;
color:#FFF;
font-size:15px;
font-weight:bold;
}
.name
{
color:#FFF;
font-size:16px;
font-weight:bold;
text-align:center;
margin:132px 0 0 0;
}
</style>
</head>
<body>
<div class="bg">
<div class="border">
<div class="button"><a href="">ПОСМОТРЕТЬ АЛЬБОМ</a></div>
<div class="name">РУСЛАН И КАТЯ</div>
</div>
</div>
</body>
</html>
Стр.: 1, 2