Skocz do zawartości

[css, html] 2 problemy z divami...


BlackHat

Rekomendowane odpowiedzi

Witam, moje dwa problemy wyglądają tak:

1. Jak zlikwidować ten odstęp?

Witam,

znów mam problem z odstępem który nie wiem skąd się wziął :)

Próbowałem już wszystkiego a oto efekt:

qhvn6jszfwy10al09n2.jpg

Kod:

<!-- ramka -->
<div class="featurepost" id="post-<?php the_ID(); ?>">

			<!-- miniaturka -->				
			<div style="clear: both;">
			<?php if ( get_post_meta($post->ID,'miniatura', true) ) { ?>
			<a href="<?php the_permalink() ?>">
			<img class="alignright" style="border: 2px solid #e6e6e6; margin: 5px;" width="150" height="150" src="<?php bloginfo('template_url'); ?>/miniatury/phpThumb.php?src=<?php echo get_post_meta ($post->ID, "miniatura", $single = true); ?>&w=150&h=150&zc=B"></a>
			<?php } ?>
			</div>				

			<!-- tytul -->
			<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
			<p class="postinfo">Autor: <?php the_author_posts_link(); ?>, wysłany <?php echo pl_date('j F, Y'); ?> w <?php the_category(', ') ?> | <?php comments_popup_link('0 komentarzy »', '1 komentarz »', '% komentarzy »'); ?><?php edit_post_link('<b>Edycja</b> »', ' | ', ''); ?></p>

			<!-- tresc -->
			<div class="entry">
			<?php the_content('Czytaj dalej »'); ?>
			</div>
</div>

próbowałem też z atrybutem float: right; dla obrazka, efekt ten sam.

------------------------------------------

problem 2. Dlaczego te 2 divy nie są koło siebie?

Witam, mam kolejny problem z ułożeniem divów :P

efekt:

a7jv6blkrbcvd7kr1l3j.jpg

Kod:

<?php get_header(); ?>

<div id="page_sin">

<div id="contentleft_sin">
<div id="content_sin">
tytul

<div class="entry">
<?php the_content(); ?>
</div>

</div>
<?php comments_template(); ?>

<?php endwhile; endif; ?>

<div class="navigation">blebleble</div>

<div style="clear:both;"></div>
</div>
</div>
<?php include (TEMPLATEPATH . "/sidebar_sin.php"); ?>	
</div>
</div>

oraz kod sidebar_sin [to ten bloczek co jest na dole właśnie]:

<div id="contentright_sin" style="display:inline;">

<h3>xxxx</h3>
<p style="text-align:left;">
<img src="xxxx"/>
blebleble
</p>

<div id="sidebar_sin">
	<ul>
	<?php if ( !function_exists('dynamic_sidebar')
       || !dynamic_sidebar(2) ) : ?>
	<?php endif; ?>	
	</ul>
</div>
</div>

jeżeli natomiast chodzi o klasy css:

#contentright_sin {
font-family:tahoma,geneva,verdana,sans-serif;
font-size: 8pt;
       width: 250px;
       float:right;
       padding: 15px 0 15px 15px;
       margin: 0 0 15px;
       } 

#sidebar_sin {
       width: 250px;
font-size: 8pt;
       float: right;
       margin: 0;
padding: 0;
} 

#contentleft_sin {
       width: 910px;
       float:left;
       padding: 0;
       margin: 0;
       } 

#content_sin {
       width: 629px;
       float: left;
       margin: 0 1px 0 0;
       padding: 0;
}
#page_sin {
display: inline;
   clear: both;
margin: 0 auto;
padding: 0;
}

Jak widać gdzieniegdzie przewija się clear both, display inline. Nic nie pomaga. Próbowałem też umieszczać include tego pliku php w różnych miejsach - również nic z tego :(

Pomocy! :(

naughty.gif
Odnośnik do komentarza
Udostępnij na innych stronach

Byłoby dużo łatwiej, gdybyś po prostu wrzucił tę stronę do sieci i dał adres.

Wtedy wystarczy rzucić okiem na kod i powiedzieć co jest źle.

Teraz kod HTML przeplata się z PHP, wszystko jest oddzielnie i trudno się w tym połapać.

Dodatkowo brakuje np. definicji tej klasy CSS:

<img class="alignright"

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chodzi o 1, to mogę zgadywać, że obrazek jest w divie który ma float:right

Natomiast następny element po obrazku (<p class="postinfo">Autor) musi mieć ustawione w stylach clear:both.

Wrzuć chociaż wygenerowany kod html bez php, bo na drugi problem to nikt nawet nie będzie próbował spojrzeć.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności