WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [HELP PHP and CSS coding ] Music Blog (9 posts)

  1. Ducky01
    Member
    Posted 6 years ago #

    First Id like to say Thank you to wordpress for its never-ending support to the commnunity. I think your new "Your WordPress" is a great idea and I hope it becomes a staple of what user can come to rely on when creating their sites. I plan to submit my final copy their for review upon completion of the site. I hope all my issues and bugs can be resolved in a timely matter. Me personally, I have been coding HTML for many years, but Im still relatively new to CSS, PHP, and WordPress, hence why Im here to look to the PROS for help :D

    Now on to business.

    site url:
    TMP Muzik

    This site is being created for my brother. The purpose of the site is to let him blog about his band TMP. Eventually it would host music samples in the sidebar for people to listening to.

    1. Content section
    - It should be centered, and the background color should be "BLACK". I can only achieve the black background only if the sidebar is also black which is not what I want to do. Because for some reason I cannot seperate my sidebar div bar from my content div.

    html file:

    <body>
    
    <div id="main_wrapper">
    
    <div id="header">
    <div id="tophead">
    <p>Search</p>
    <img src="images/searchbox.jpg">
    </div>
    	<div id="header_inner">
    	<h5>Music is our passion</h5>
    
    	<img src="images/logo.png">
    
     	</div><!-- end header_inner -->
    </div><!-- end header -->
    <div id="top">
    
    </div>
    <div id="nav">
    
    	<div id="nav_inner">
    		<h6>Top Links</h6>
    		<ul>
    			<li><a href="#">Nav item 1</a></li>
    			<li><a href="#">Nav item 2</a></li>
    	  </ul>
    	  	  <img src="images/navline.png">
    	<h6>Catergories</h6>
    		<ul>
    			<li><a href="#">Nav item 1</a></li>
    			<li><a href="#">Nav item 2</a></li>
    	  </ul>
    	  <img src="images/navline.png">
    	  	<h6>Archives</h6>
    		<ul>
    			<li><a href="#">Nav item 1</a></li>
    			<li><a href="#">Nav item 2</a></li>
    	  </ul>
    	</div><!-- end nav_inner -->
    </div><!-- end nav -->
    
    <div id="content">
    	<div id="content_inner">
    <p>hello</p>
    	</div><!-- end content_inner -->
    </div><!-- end content -->
    
    <div id="footer">
    	<div id="footer_inner" >
    
    	<p>
    &copy; 2008 TMP Muzik <a  href="http://www.wordpress.com"><em>WordPress</em></a></p>
    		<img src="images/arrows.png" class="floatRight" />
    	</div><!-- end footer_inner -->
    </div><!-- end footer -->
    
    </div><!--end main wrapper-->
    
    </body>

    index.php file:

    <?php get_header(); ?>
    <div id="content">
      <?php get_sidebar(); ?>
    
      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <div id="post-<?php the_ID(); ?>">
    
    <h2><a href="<?php the_permalink() ?>">
    
    <?php the_title(); ?></a></h2>
    
    <div class="meta">
    
    <?php _e("Posted in"); ?>
    
    <?php the_category(',') ?> by <?php the_author() ?> on the
    
    <?php the_time('F jS, Y') ?>
    
    <?php edit_post_link(__('Edit This')); ?></div>
    
    <div class="main">
    
    <?php the_content(__('(more...)')); ?>
    
    </div>
    
    </div>
    
    <div class="comments">
    
    <?php wp_link_pages(); ?>
    
    <?php comments_popup_link(__('<strong>0</strong> Comments'), __('<strong>1</strong> Comment'), __('<strong>%</strong> Comments')); ?>
    
    </div>
    
    <?php comments_template(); ?>
    
    <?php endwhile; else: ?>
    
    <div class="warning">
    
    <p><?php _e('Sorry, no posts matched your criteria, please try and search again.'); ?></p>
    
    </div>
    
    <?php endif; ?>
    
    </div>
     <?php get_footer(); ?>

    2. Comments
    - When you click on a comment link only the content is displayed

    3. Header
    - Where "Search" is should have a search bar right underneath it. Havent worked on that yet, but wanted to make it aware there is a purpose for that section.

    These are all the problems I can see, any additional comments, and suggestions would be greatly appreciated.

    `Thank You

  2. Joni
    Member
    Posted 6 years ago #

    After your top nav layout, you should have #main, which contains #sidebar and #content. Then a clearing division and your #footer. The main problem I see with your layout (and I'd do better at home with Firefox's developer tools, which I don't have access to where I am now) is that it looks like the sidebar is nested inside the content. I'll try to give this a better look once I'm home.

    On another topic, since this is a band site, have you checked GigPress, geared specifically toward touring bands?
    http://gigpress.com/

  3. Ducky01
    Member
    Posted 6 years ago #

    Well Thank You for the suggestion! I will get to work trying that, then post whether it worked or not. If your able to check with firefox that would be great too, but already you have done a lot for me.

    Also, I wasn't aware of gigpress, but it sounds like something to look into to, thanks again.

    Look forward to hearing back from you.

    btb, any suggestions on fixing the comments page? Or do you believe that will be fixed by fixing the content section?

  4. Ducky01
    Member
    Posted 6 years ago #

    Question

    What is the need of a clearing division? My footer seems to work fine

    `Thank You

  5. Joni
    Member
    Posted 6 years ago #

    Because, at least on the old crippled version of IE6 that I was using last night while looking at the site, it appeared that the sidebar was nested inside the content, and don't you want it along side it rather?

  6. Ducky01
    Member
    Posted 6 years ago #

    hey Joinmueller not sure if your still checking this page out, but if you read this, for some reason my database isnt working. The server my site is on might be down.. but I just wanted to let you know just incase you cross my site again.

    Also do you mean to say that the clearing division is what will separate my sidebar from content?

    And also are you saying I should create a "main" class(or is it a div?) in my css and put that tag in the index.php file? And anywhere else I happen to need it?

  7. Joni
    Member
    Posted 6 years ago #

    The clearing division will allow any footer contents to settle below the sidebar and the content areas.

    Your problem, at least last night, was that the sidebar was inside the content division, kinda like this:

    <div id="content">
    bla bla bla
    <div id="sidebar">
    sidebar bla sidebar bla
    </div>
    </div>

    When it should be like this:
    <div id="content">
    bla bla bla
    </div>
    <div id="sidebar">
    sidebar bla sidebar bla
    </div>

  8. Ducky01
    Member
    Posted 6 years ago #

    Right. In my html layout it is like that, but how do I do that in the index.php file?

    As you can see all I have is

    <?php get_header(); ?>
    <div id="content">
    <?php get_sidebar(); ?>

    should it be something like this?

    <?php get_header(); ?>
    <div id="content">
    </div>
    <?php get_sidebar(); ?>
    <div id="nav">
    </div>

  9. Ducky01
    Member
    Posted 6 years ago #

    Issue resolved !

    You can take a look at the site now. Im very pleased with the outcome, although there are still a few things Im going to tweak.

    Thanks for all your help Joni.

    I hope that we cross paths again, and maybe next time the positions will be reversed :D

    Take care!

Topic Closed

This topic has been closed to new replies.

About this Topic