Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]WordPress Theme - Problem
Forum PHP.pl > Forum > Przedszkole
pear
31.08.2009, 09:23:11
Witam! Wziąłem się za zakodowanie pierwszego thema do WordPressa. Top działa poprawnie. Gdy napiszę 2 wpisy, to menu zamiast przylegać do pierwszego wpisu - przylega do tego ostatniego.

Wygląda to tak: http://i28.tinypic.com/snifes.png
ArekJ
31.08.2009, 09:43:09
A kod mamy sobie wyczarować?!
pear
31.08.2009, 09:47:48
style.css
[HTML] pobierz, plaintext 
  1. #wpis {
  2.    float: left;
  3.    width: 655px;
  4. }
  5.  
  6. .nwpis {
  7.    background-color: #f6f6f6;
  8.    border: 1px solid #eae9e9;
  9.    font-family: Tahoma;
  10.    font-size: 12px;
  11.    color: #000;
  12.    text-align: justify;
  13.    margin-bottom: 8px;
  14. }
  15.  
  16. div#wpis h1 {
  17.    text-align: left;
  18.    padding-left:7px;
  19.    padding-top:4px;
  20.    font-family: Tahoma;
  21.    font-size: 14px;
  22.    font-weight: bold;
  23.    text-transform: uppercase;
  24.    color: #0d4c80;
  25. }
  26.  
  27. div#wpis h2 {
  28.    text-align: left;
  29.    padding-left:7px;
  30.    font-family: Tahoma;
  31.    font-size: 11px;
  32.    font-weight: normal;
  33.    color: #0d4c80;
  34. }
  35.  
  36. div#wpis p {
  37.    margin-right: 5px;
  38.    margin-left: 5px;
  39.    margin-top: 2px;
  40.    margin-bottom: 5px;
  41.    font-family: Tahoma;
  42.    font-size: 12px;
  43.    font-weight: normal;
  44.    color: #000
  45. }
  46.  
  47. #menu {
  48.    margin-left: 11px;
  49.    float: left;
  50.    width: 299px;
  51. }
  52.  
  53. .nag1 {
  54.    width: 299px;
  55.    height: 33px;
  56.    background-image: url(images/ok_21.png);
  57. }
  58.  
  59. .linki {
  60.    padding-left: 5px;
  61.    padding-right: 8px;
  62.    padding-top: 3px;
  63.    padding-bottom: 13px;
  64.    width: 284px;
  65.    background-color: #f6f6f6;
  66.    border: 1px solid #eae9e9;
  67.    font-family: Tahoma;
  68.    font-size: 11px;
  69.    color: #000;
  70.    text-align: justify;
  71.    margin-bottom: 8px;
  72. }
[HTML] pobierz, plaintext


sidebar.php

[HTML] pobierz, plaintext 
  1. <div id="menu">
  2. <div class="nag1"></div>
  3. <div class="linki"><img src="http://s209.photobucket.com/albums/bb314/tei187/tei187_avatar_90x90.jpg" alt="Tekst alternatywny" />
  4. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
  5. </div>
  6.  
  7. <div class="nag1"></div>
  8. <div class="linki"><img src="http://s209.photobucket.com/albums/bb314/tei187/tei187_avatar_90x90.jpg" alt="Tekst alternatywny" />
  9. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
  10. </div>
  11.  
  12. <div class="nag1"></div>
  13. <div class="linki"><img src="http://s209.photobucket.com/albums/bb314/tei187/tei187_avatar_90x90.jpg" alt="Tekst alternatywny" />
  14. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
  15. </div>
  16. </div>
  17. </div>
[HTML] pobierz, plaintext


index.php

[HTML] pobierz, plaintext 
  1. <?php get_header(); ?>
  2.  
  3. <?php if (have_posts()) : ?>
  4.  
  5. <?php while (have_posts()) : the_post(); ?>
  6.  
  7. <div id="con">
  8. <div id="wpis">
  9. <div class="nwpis" id="post-<?php the_ID(); ?>">
  10. <h1><?php the_title(); ?></h1>
  11. <h2>dodane przez: gary; 30.08.2009r.</h2>
  12. <p><?php the_content('Czytaj więcej...'); ?></p>
  13. </div>
  14. </div>
  15.  
  16. <?php endwhile; ?>
  17.  
  18. <?php get_sidebar(); ?>
  19.  
  20. <?php get_footer(); ?>
  21.  
  22. <?php else : ?>
  23.  
  24. <?php endif; ?>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.