2 картинки на 1 ред (див позициониране)

[MontefuckeR]

Направих си дизайн нарязах го на картинки, като лявата страна я направих на 2 части:
1вата част е заглавието
2рата част е съдържанието
обаче как да ги сложа една под друга картините щото сега са една до друга ?

 

[shterev]

зависи кой метод си подхванал. и ако дадеш малко кода да видим , няма да е лошо. Ако е с position , не мисля че ще имаш проблем, но не е добре да ги слагаш така,а ако си изполвал float тряба да го махнеш и ше са една под друга.

 

[3o6k0]

Дай кода да ти кажем

 

[NewGuy]

Ако си с таблица направи и отделно <td> и на таблицата сложи cellpadding="0" cellspacing="0"

 

[Guest]

А кво ще кажете за това

 първа картинка <br> втора картинка

 

[3o6k0]

Absolute и Relative позициониране на елемент.
Код:

<html>
<head>
<style type="text/css">
h2.pos_left
{
position:relative;
left:-20px
}
h2.pos_right
{
position:relative;
left:20px
}
h2.pos_abs
{
position:absolute;
left:100px;
top:150px;
color: red;
}
</style>
</head>

<body>
<h2>Tozi natpis e normalno pozicioniran</h2>
<h2 class="pos_left">Tozi natpis e premesten na lqvo ot negovoto normalno poz.</h2>
<h2 class="pos_right">Tozi natpis e premesten da dqsno ot negovoto normalno poz.</h2>
<h2 class="pos_abs">Tozi natpis e sys absolute pozicionirane</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</body>

</html>

http://web-tourist.net/login/login/view.php?st=937

 

[MontefuckeR]

html:
<link rel="stylesheet" href="../style.css" type="text/css">
<div id="conten">
<div id="header">header</div>
<div id="leftl">leftl</div>
<div id="left">left</div>
<div id="centerc">centerc</div>
<div id="center">center</div>
<div id="centerf">centerf</div>
<div id="rightr">rightr</div>
<div id="right">right</div>
</div>
css:

body {
background: #ECBA77;
text-align: center;
margin: 0px auto;
background: url(images/bg.gif);
background-repeat: repeat;
background-attachment: fixed;
}
#conten {
width:826px;
margin-left: auto;
margin-right: auto;
}
#header {
background: url(images/2.png);
width:826px;
height:101px;
padding:30px;
}
#leftl {
background: url(images/4.png);
width:130px;
height:27px;
float:left;
}
#left {
background: url(images/9.png);
width:130px;
height:267px;
float:left;
}
#rightr {
background: url(images/8.png);
width:124px;
height:27px;
float:right;
}
#right{
background: url(images/11.gif);
width:124px;
height:267px;
float:right;
}
#centerc{
background: url(images/6.png);
background-repeat:no-repeat;
width:546px;
height:27px;
}
#center{
background: url(images/10.png);
background-repeat:no-repeat;
width:546px;
height:244px;
}
#centerf{
background: url(images/12.png);
background-repeat:no-repeat;
width:546px;
height:23px;
}
}

 

[antique]

пробвай със css da го позиционираш .

 

[MontefuckeR]

пробвай със css da го позиционираш .

ти четеш ли последния ми пост?

 

[debian]

Я дай и картинките че излиза с прозрачен фон дивовете и се бъркам..

 

[MontefuckeR]

Сложи ги като цветове аз ще си ги преправя после

 

[debian]

Ако си съгласен мога да вкарам малко таблици и ще стане..
Но ще пробвам само с дивове сега :?:

 

[MontefuckeR]

Ако си съгласен мога да вкарам малко таблици и ще стане..
Но ще пробвам само с дивове сега :?:

само с див ако беше с таблици...

 

[shterev]

значи виж сега като искаш това:left i towa: leftl да са един под друг, нетрябва да използваш float. сложи ги в отделен div ин а него задай float:left , а на тях не задавай и те ще са един под друг.А мисля че е добре да добавиш и това: background:url (putq na kartinkata ) no-repeat(ili tam ako isak6 da se povtarq) left top;