Herkese Merhaba,
sitemde marka bölümü yapıyorumda genişliği ve yüksekliği %100; yapıyorum direk markaların giriş bölümündeki yan yana marka sayısı 4 ama filtreleme yapınca mecburen 2, 3,4 veya 5'e bile çıkıyor o yüzden genişliği ve yüksekliği %100; yaptığım zaman alttada görüldüğü gibi bozukluklar oluyor ben bunu css veya html ile nasıl düzeltebilirim kodlarıda alta bırakıyorum bu konuya giren veya yardımcı olacak herkese şimdiden teşekkürler...
▂▃▄▅▆▇█▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█▇▆▅▄▃▂
▂▃▄▅▆▇█▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█▇▆▅▄▃▂
sitemde marka bölümü yapıyorumda genişliği ve yüksekliği %100; yapıyorum direk markaların giriş bölümündeki yan yana marka sayısı 4 ama filtreleme yapınca mecburen 2, 3,4 veya 5'e bile çıkıyor o yüzden genişliği ve yüksekliği %100; yaptığım zaman alttada görüldüğü gibi bozukluklar oluyor ben bunu css veya html ile nasıl düzeltebilirim kodlarıda alta bırakıyorum bu konuya giren veya yardımcı olacak herkese şimdiden teşekkürler...
▂▃▄▅▆▇█▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█▇▆▅▄▃▂
Kod:
[SIZE="1"]*********
.markab1 {
padding: 3px;
}
.alfabe:hover, a:active {
color: #DD0000;
text-decoration: underline;
outline: 0;
-webkit-transition: color 300ms ease-in;
-moz-transition: color 300ms ease-in;
-o-transition: color 300ms ease-in;
}
</style>
<table width="[COLOR="red"]100%;[/COLOR]"><tbody><tr><td><strong> <font size="4" color="#e36c09">MARKA FİLTRE:</font></strong><br><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0A" style="color: inherit; transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;"><span style="color: rgb(192, 0, 0);">A</span></a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0B" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">B</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0C" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">C</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0CC" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">Ç</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0D" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">D</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0E" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">E</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0F" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">F</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0G" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">G</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0H" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">H</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0İİ" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">I</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0İ" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">İ</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0J" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">J</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0K" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">K</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0L" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">L</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0M" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">M</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0N" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">N</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0O" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">O</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0OO" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">Ö</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0Q" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">Q</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0P" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">P</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0R" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">R</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0S" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">S</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0SS" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">Ş</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0T" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">T</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0U" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">U</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0UU" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">Ü</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0V" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">V</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0W" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">W</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0X" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">X</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="http://https://www.endustriyelcarsi.com/markalar0Y" style="color: rgb(192, 0, 0); transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;">Y</a></div><div class="box p-top p-right" style="margin: 0px; padding: 0px 0px 10px 10px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: "Open Sans", sans-serif; vertical-align: baseline; float: left; color: rgb(0, 0, 0);"><a href="https://www.endustriyelcarsi.com/markalar0Z" style="color: inherit; transition-duration: 0.2s; transition-timing-function: ease-in-out; margin: 0px; padding: 9px; font: inherit; cursor: pointer; border: 1px solid rgb(236, 236, 236); vertical-align: baseline; float: left;"><span style="color: rgb(192, 0, 0);">Z</span></a><div><span style="margin: 0px; padding: 0px; color: rgb(192, 0, 0);"><br></span></div></div></td></tr></tbody></table><br><br><table class="markab1" border="1" bordercolor="bfbfbf" bgcolor="#ffffff" style="width: [COLOR="Red"]100%;[/COLOR] height: 270px;"><tbody><tr><td> <a href="http://endustriyelcarsi.com/bambum"><img src="/Uploads/EditorUploads/270x270%20marka/Arisco.jpg" style=""></a></td><td> <a href="http://endustriyelcarsi.com/by-kitchen"><img src="/Uploads/EditorUploads/270x270%20marka/Atalay.jpg" style=""></a></td></tr></tbody></table><br><p style="text-align: center;"><strong><font size="4" color="#262626"><br><br>ARANILAN KELİME: "A"<br><br></font></strong></p>[/SIZE]
Moderatör tarafında düzenlendi: