Merhaba arkadaşlar bir projem için tema düzenliyorum fakat img scr ile eklediğim resimler alt alta çıkıyor. Bunun sorunu elbette CSS fakat neden olduğunu bir türlü anlayamadım.
Kod bütünü:
Benim kullandığım class:
Yardımlarınız için teşekkürler.
Kod bütünü:
Kod:
#news .ropo {
float: left;
width: 370px;
margin-bottom: 30px;
margin-left: 15px;
background: url("../images/news_bk.png");
border: 5px solid #e5e5e5;
padding: 10px;
}
#news .ropo .title {
width: 150px;
margin: -15px 0 15px -15px;
padding-left: 15px;
background: #e65700 url("../images/arrows.png") no-repeat right;
font-size: 22px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
line-height: 16px;
}
#news .ropo .ntitle {
font-size: 9pt;
margin-bottom: 5px;
border: none;
}
#news .ropo .ntitle a {
color: #c14900;
text-decoration: none;
}
#news .ropo .ntitle a:hover {
color: #c10000;
text-decoration: underline;
}
#news .ropo .ntitle .edit img {
border: 0;
margin-left: 5px;
style="filter:alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#news .ropo .ntitle .edit img:hover {
style="filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#news .ropo .ntitle .edit img:active {
style="filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#news .ropo .text {
font-size: 9pt;
color: #444;
line-height: 12pt;
margin-bottom: 20px;
}
#news .ropo .text a {
color: #0045d0;
text-decoration: underline;
}
#news .ropo .text a:hover {
text-decoration: none;
}
#news .ropo .text img {
background: #f2f2f2;
padding: 5px;
border: 1px solid #d8d8d8;
margin: 0 8px 3px 0;
}
#news .ropo .stext {
height: 105px;
overflow: hidden;
font-size: 8pt;
color: #444;
line-height: 12pt;
margin-bottom: 15px;
}
#news .ropo .stext a {
color: #0045d0;
text-decoration: underline;
}
#news .ropo .stext a:hover {
color: #c10000;
text-decoration: none;
}
#news .ropo .stext img {
width: 90px;
height: 90px;
background: #f2f2f2;
padding: 5px;
border: 1px solid #d8d8d8;
margin: 0 5px 3px 0;
}
#news .ropo .allnews a {
float: right;
background: #AAA;
padding: 3px 6px 3px 6px;
margin: -10px -15px 0 0;
font-size: 8pt;
font-style: italic;
color: #FFF;
text-decoration: none;
}
#news .ropo .allnews a:hover {
background: #427837;
text-decoration: underline;
}
Benim kullandığım class:
Kod:
#news .ropo .stext img {
width: 90px;
height: 90px;
background: #f2f2f2;
padding: 5px;
border: 1px solid #d8d8d8;
margin: 0 5px 3px 0;
}
Yardımlarınız için teşekkürler.