tam.
Męcze się (już kilka godzin) nad
ustawieniem elementów w CSS i nie
mogę dojść do zamierzonego efektu
(postęp prac tutaj: http://
gamestube.pl/gt-exclusive/). Przy
trzech elementach (Najnowsze,
Gameplay, Najnowsze) wszystko
działa poprawnie, ale po powieleniu
elementu Gameplay wszystko się
rozjeżdża. Tak miałoby to wyglądać:
http://img6.imageban.../
gtexclskos.png (chodzi teraz tylko o
pozycję).
Zamieszczam kod strony, muszę tutaj
o coś jeszcze zapytać. Bowiem
zachodzi dziwna sytuacja - w
pierwszej sekcji "Najnowsze", po <?
php endif; endwhile; ?> i przed <div
class="clear"></div> znajduje się
niepotrzebne zamknięcie </div>
(razem z nim jest nieparzysta liczba
znaczników otwarcia i zamknięcia),
ale gdy go usunę całość się rozjeżdza
- hmm, dlaczego się tak dzieje?
Kod strony:
<div class="exclusive">
<div class="exclusive_center">
<!-- // Ile postów ma być wyświetlane -->
<?php query_posts("cat=-7&paged=$paged&posts_per_page=10"); ?>
<?php $i = 0; while (have_posts()) : the_post();
$i++;
if($i == 1): ?>
<div class="exclusive_wpis_center"
<a href="<?php the
</div>
<?php else: ?>
<div class="exclusive_wpis_center"
<a href="<?php the_perma
</div>
<?php endif; endwhile; ?>
</div>
<div class="clear"></div>
</div>
<div class="exclusive_lewy">
<p class="GTE_tytul">Najnowsze</p>
<!-- // Ile postów ma być wyświetlane -->
<?php query_posts("cat=-7&paged=$paged&posts_per_page=6"); ?>
<?php $i = 0; while (have_posts()) : the_post();
$i++;
if($i == 1): ?>
<div class="exclusive_wpis">
<a href="<?php the
</div>
<?php else: ?>
<div class="exclusive_wpis">
<a href="<?php the_perma
</div>
<?php endif; endwhile; ?>
</div>
<div class="clear"></div>
</div>
<!-- // Gameplay -->
<div class="exclusive_prawy1">
<p class="GTE_tytul">Gameplay</p>
<?php
$paged = ( get_query_var ('paged') ) ? get_query_var ('paged') :1;
$offser = (5 * $paged) - 5;
query_posts( array(
'posts_per_page' => 6,
'paged' => $paged,
'order' => $ord,
'orderby' => $order,
'category_name' => gameplay,
));
?>
<?php $i = 0; while (have_posts()) : the_post();
$i++;
if($i == 1): ?>
<div class="exclusive_wpis">
<a href="<?php the
</div>
<?php else: ?>
<div class="exclusive_wpis">
<a href="<?php the_perma
</div>
<?php endif; endwhile; ?>
<div class="clear"></div>
</div>
<div class="exclusive_lewy">
<p class="GTE_tytul">Najnowsze</p>
<!-- // Ile postów ma być wyświetlane -->
<?php query_posts("cat=-7&paged=$paged&posts_per_page=6"); ?>
<?php $i = 0; while (have_posts()) : the_post();
$i++;
if($i == 1): ?>
<div class="exclusive_wpis">
<a href="<?php the
</div>
<?php else: ?>
<div class="exclusive_wpis">
<a href="<?php the_perma
</div>
<?php endif; endwhile; ?>
</div>
<div class="clear"></div>
</div>
<div class="exclusive_prawy1">
<p class="GTE_tytul">Gameplay</p>
<?php
$paged = ( get_query_var ('paged') ) ? get_query_var ('paged') :1;
$offser = (5 * $paged) - 5;
query_posts( array(
'posts_per_page' => 6,
'paged' => $paged,
'order' => $ord,
'orderby' => $order,
'category_name' => gameplay,
));
?>
<?php $i = 0; while (have_posts()) : the_post();
$i++;
if($i == 1): ?>
<div class="exclusive_wpis">
<a href="<?php the
</div>
<?php else: ?>
<div class="exclusive_wpis">
<a href="<?php the_perma
</div>
<?php endif; endwhile; ?>
<div class="clear"></div>
</div>
Fragment arkusza CSS:
.exclusive_wpis {
height: 300px;
width: 325px;
color: #fff;
float:left;
margin: 0 51px 51px 51px;
}
.exclusive_wpis_center {
width: 325px;
color: #fff;
margin: 0 auto;
}
.exclusive_center {
width: 715px;
text-align: center;
margin: 0 auto;
}
.exclusive_prawy1 {
width: 357px;
float: right;
text-align: left;
margin: -250px 0px 0px 0px;
}
.exclusive_lewy {
width: 357px;
float: left;
text-align: left;
}
.exclusive_wpis p {
color: white;
display: block;
margin: 0 auto;
line-height: 16px;
font-family: Helvetica;
font-size: 11px;
width: 260px;
}
.exclusive_wpis_center p {
color: white;
display: block;
margin: 0 auto;
line-height: 16px;
font-family: Helvetica;
font-size: 11px;
width: 260px;
}
.exclusive_wpis b {
color: #138f91;
display: block;
margin: 0 auto;
line-height: 16px;
font-family: Helvetica;
font-size: 15px;
width: 320px;
}
.exclusive_wpis_center b {
color: #138f91;
display: block;
margin: 0 auto;
line-height: 16px;
font-family: Helvetica;
font-size: 15px;
width: 320px;
}
a.exclusive {
width: 715px;
color: #fff;
display: block;
height: 33px;
padding: 22px 0 0 0;
text-align: center;
}
.GTE_tytul {
color: #09cdcf;
font-size: 25px;
margin: 20px 0 10px 0;
text-align: center;
width: 325px;
}
P
Liczę na jakieś porady.