2 Sidebars?


Reply to this topicStart new topicStart Poll





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
23. Apr 2013, 08:56
Link · · · · Zitat
ich poste nochmal die codes

index.php
CODE
<?php get_header(); ?>

<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<table width="481" height="94" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" height="10">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_01.png" width="481" height="12" alt=""></td>
</tr>
<tr>
<td class="newsleft" rowspan="2" style="width: 10px">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_02.png" width="10" height="65" alt=""></td>
<td class="newsdate" style="height: 67px; width: 47px">
<span class="month"><?php the_time('M'); ?></span><span class="day"><?php the_time('d'); ?></span>
</td>
<td class="posttitle" style="height: 67px; width: 414px">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(''); ?>"><?php the_title(''); ?></a></h1>
<h3>Por: <?php the_author(', ') ?></a><br>
Post a Comment: <?php comments_popup_link(__('0', '% Comment(s)')); ?></a><br>
Categoria: <?php the_category(', ') ?></a><h3>
</td>
<td class="newsright" rowspan="2" style="width: 10px">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_03.png" width="12" height="65" alt=""></td>
</tr>
<tr>
<td class="post-content" colspan="2">
<?php the_content('click to read more &raquo;'); ?>
</div>
</td>
</tr>
<tr>
<td colspan="4" height="10">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_04.png" width="481" height="10" alt=""></td>
</tr>
</table>
<br>


<?php endwhile; ?>
<center>
<?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>
</center>
<?php endif; ?>
</div>
<?php get_sidebar('left'); ?>
</div>
<?php get_footer(); ?>
</div>
<?php get_sidebar('right'); ?>
<div style="clear:both;">
</div>



sidebar_left
CODE
#sidebar-left {
margin-left: 0px;
margin-top: 0px;
float: left;
width: 210px;
}



sidebar_right
CODE
#sidebar-right {
margin-left: 0px;
margin-top: 0px;
float: left;
width: 210px;
}



content
CODE
#content {
margin-left: 261px;
margin-top: 0px;
float: left;
width: 481px;
}





Mega Star
*********

Gruppe: 4FANS-Mitglieder
Mitglied seit: 12. Feb 2006
Beiträge: 5796
23. Apr 2013, 17:27
Link · · · · Zitat
Das Content-DIV + die Tabelle direkt darunter muss zwischen die Sidebars, direkt über deinen Footer-Code. wink.gif Habe ich aber oben schon mal geschrieben gehabt was du machen musst.


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





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
23. Apr 2013, 17:47
Link · · · · Zitat
sorry versteh ich gerade nicht ganz wink.gif wink.gif wink.gif

ist es so richtig???

CODE
<?php get_header(); ?>


<?php endwhile; ?>
<center>
<?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>
</center>
<?php endif; ?>
</div>
<?php get_sidebar('left'); ?>
</div>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<table width="481" height="94" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" height="10">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_01.png" width="481" height="12" alt=""></td>
</tr>
<tr>
<td class="newsleft" rowspan="2" style="width: 10px">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_02.png" width="10" height="65" alt=""></td>
<td class="newsdate" style="height: 67px; width: 47px">
<span class="month"><?php the_time('M'); ?></span><span class="day"><?php the_time('d'); ?></span>
</td>
<td class="posttitle" style="height: 67px; width: 414px">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(''); ?>"><?php the_title(''); ?></a></h1>
<h3>Por: <?php the_author(', ') ?></a><br>
Post a Comment: <?php comments_popup_link(__('0', '% Comment(s)')); ?></a><br>
Categoria: <?php the_category(', ') ?></a><h3>
</td>
<td class="newsright" rowspan="2" style="width: 10px">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_03.png" width="12" height="65" alt=""></td>
</tr>
<tr>
<td class="post-content" colspan="2">
<?php the_content('click to read more &raquo;'); ?>
</div>
</td>
</tr>
<tr>
<td colspan="4" height="10">
<img src="http://mileycyrusportugal.com/wp-content/themes/miley_cyrus_portugal/news_content/news_content_04.png" width="481" height="10" alt=""></td>
</tr>
</table>
<br>
<?php get_footer(); ?>
</div>
<?php get_sidebar('right'); ?>
<div style="clear:both;">
</div>


Bearbeitet von Yukiko am 23. Apr 2013, 17:53





Mega Star
*********

Gruppe: 4FANS-Mitglieder
Mitglied seit: 12. Feb 2006
Beiträge: 5796
23. Apr 2013, 18:26
Link · · · · Zitat
Bingo wink.gif


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





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
23. Apr 2013, 18:58
Link · · · · Zitat
sorry Ich nochmal, hab das Gefühl bei mir schleicht sich der Fehlerteufel ein, sitz am Coding eines anderen Layouts und auch dort klappt es nicht so mit 2 Sidebars, ich poste mal den Link und die Codes, den ich finde den fehler einfach nicht

http://annakendrickweb.com/wordpress/


INDEX.PHP
CODE
<?php get_header(); ?>

<?php get_sidebar('left'); ?>
</div>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<table width="495" height="94" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" height="10">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_01.png" width="495" height="12" alt=""></td>
</tr>
<tr>
<td class="newsleft" rowspan="2" style="width: 10px">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_02.png" width="10" height="65" alt=""></td>
<td class="newsdate" style="height: 67px; width: 47px">
<span class="month"><?php the_time('M'); ?></span><span class="day"><?php the_time('d'); ?></span>
</td>
<td class="posttitle" style="height: 67px; width: 414px">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(''); ?>"><?php the_title(''); ?></a></h1>
<h3>Por: <?php the_author(', ') ?></a><br>
Post a Comment: <?php comments_popup_link(__('0', '% Comment(s)')); ?></a><br>
Categoria: <?php the_category(', ') ?></a><h3>
</td>
<td class="newsright" rowspan="2" style="width: 10px">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_03.png" width="12" height="65" alt=""></td>
</tr>
<tr>
<td class="post-content" colspan="2">
<?php the_content('click to read more &raquo;'); ?>
</div>
</td>
</tr>
<tr>
<td colspan="4" height="10">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_04.png" width="495" height="10" alt=""></td>
</tr>
</table>
<br>

<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; else: ?> <!--ends the loop-->

<!--this is displayed if you have no posts-->
<?php _e('Sorry, no posts matched your criteria.'); ?>
<?php endif; ?> <!--ends the loop-->

<center>
<?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>
</center>
</div>

<?php get_footer(); ?>
</div>
<?php get_sidebar('right'); ?>
</div>
<div style="clear:both;">
</div>



SIDEBAR_LEFT
CODE
#sidebar-left {
margin-left: 29px;
margin-top: -370px;
position: relative;
float: left;
width: 190px;
}



SIDEBAR_RIGHT
CODE
#sidebar-right {
margin-left: 367px;
margin-top: -2420px;
position: relative;
float: left;
width: 205px;
}



CONTENT
CODE
#content {
margin-left: 250px;
margin-top: -40px;
position: relative;
float: left;
width: 495px;
}



#wrapper {
width: 1004px;
margin: 0 auto;
position: relative;
}

#head {
width: 1004px;
height: 480px;
margin: 0 auto;
position: relative;
}





Mega Star
*********

Gruppe: 4FANS-Mitglieder
Mitglied seit: 12. Feb 2006
Beiträge: 5796
23. Apr 2013, 19:48
Link · · · · Zitat
Wie ich und Dennis bereits geschrieben haben, liegt es am position:relative + den margin-Angaben. Lesen und mitdenken wink.gif


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





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
23. Apr 2013, 19:55
Link · · · · Zitat
War vor allem vorhin nicht drin, wieso ist es wieder da? gruebel.gif





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
23. Apr 2013, 20:00
Link · · · · Zitat
sagte ja is ein neuer code nur nehme ich das position:relative raus, dann steht die sidebar unter dem header (ich hoffe ich versteht was ich meine) hab das nun mal aus dem code genommen und nun sieht es so aus http://annakendrickweb.com/wordpress/

Bearbeitet von Yukiko am 23. Apr 2013, 20:05





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
23. Apr 2013, 20:22
Link · · · · Zitat
Du hast Sidebar links, Content, Sidebar rechts, ich nehme mal an dass das Layout aber so aussehen soll: 2x Sidebar, Content. Die Reihenfolge stimmt wieder nicht.

Du müsst es in der index.php ändern indem du <?php get_sidebar('right'); ?> nach vorne stellst, irgendwo hinter <?php get_sidebar('left'); ?>, einfach mal probieren. Anschließend margin anpassen.





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
23. Apr 2013, 20:27
Link · · · · Zitat
super das hat schon mal geklappt denke das hab ich nun auch verstanden. Nun hab ich aber noch 2 Probleme die ich nicht verstehe das eine ist, wenn Ich die Sidebar einen Tick höher sitzen will sitzt sie unter statt auf dem Layout und wenn ich in die rechte Sidebar etwas eintrage verschiebt sich jedesmal der Content weiter nach unten, woran kann das liegen?

Edit:
kann mir da noch mal jemand helfen bitte? wub.gif

Bearbeitet von Dennis am 24. Apr 2013, 21:49





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
24. Apr 2013, 21:48
Link · · · · Zitat
Höher setzen könnte man mit "margin-top:-50px;" versuchen. Dass mit dem Content weiß ich nicht, könnte daran liegen dass da immer noch was drin ist was falsch aussieht, wofür soll das gut sein?

QUOTE
margin-left: 470px;
margin-top: -895px;





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
25. Apr 2013, 07:26
Link · · · · Zitat
wenn ich das nicht drin stehen hab steht der content nicht da wo er jetzt ist





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
25. Apr 2013, 11:26
Link · · · · Zitat
Wahrscheinlich passt es von der Breite nicht, die drei Spalten müssen nebeneinander passen. Du musst immer den Fehler suchen und nicht durch zusätzlichen Code alles richtig rücken, das führt auch zu den Problemen die du nun hast.





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
25. Apr 2013, 12:46
Link · · · · Zitat
also der Header hat eine breite von 1004px, die linke sidebar eine breite von 190px, die rechte sidebar eine breite von 205px und der content ist 495px breit. das passt doch von den größen dann alles nebeneinander eigentlich





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
25. Apr 2013, 13:02
Link · · · · Zitat
Was ist mit dem "header", das Bild rechts? Das muss in den "content"-Bereich damit es passt.





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
25. Apr 2013, 13:10
Link · · · · Zitat
normal mache ich das headerbild immer mit auf das layout nun habe ich es extra eingefügt in der header.php

CODE
#header {
width: 495px;
height: 310px;
margin-right: 40px;
margin-top: -10px;
float: right;
position: relative
}


CODE
<div id="header">
<img border="0" src="<?php bloginfo('template_url'); ?>/images/headerpic.jpg" width="495" height="310">
</div>



ist genauso mit dem code position: realitve wenn ich den weg nehme steht der content nicht auf dem layout sondern dahinter versteh aber nicht warum

Bearbeitet von Yukiko am 25. Apr 2013, 13:17





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
25. Apr 2013, 13:18
Link · · · · Zitat
Das meine ich ja, das geht so nicht, das ist auch der Grund wieso die drei Spalten nicht nebeneinander passen. Mach den ganzen div in den "content"-div rein und du musst wahrscheinlich auch das "float:right" und "position:relative" löschen und eventuell neu ausrichten, dann sollte es gehen.

Bearbeitet von Dennis am 25. Apr 2013, 13:19





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
25. Apr 2013, 13:31
Link · · · · Zitat
habs nun so gemacht

CODE
<?php get_header(); ?>

<?php get_sidebar('left'); ?>
</div>
<?php get_sidebar('right'); ?>
</div>

<div id="header">
<img border="0" src="<?php bloginfo('template_url'); ?>/images/headerpic.jpg" width="495" height="310">
</div>

<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<table width="495" height="94" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" height="15">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_01.png" width="495" height="12" alt=""></td>
</tr>
<tr>
<td class="newsleft" rowspan="2" style="width: 10px">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_02.png" width="10" height="65" alt=""></td>
<td class="newsdate" style="height: 67px; width: 47px">
<span class="month"><?php the_time('M'); ?></span><span class="day"><?php the_time('d'); ?></span>
</td>
<td class="posttitle" style="height: 67px; width: 428px">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(''); ?>"><?php the_title(''); ?></a></h1>
<h3>Por: <?php the_author(', ') ?></a><br>
Post a Comment: <?php comments_popup_link(__('0', '% Comment(s)')); ?></a><br>
Categoria: <?php the_category(', ') ?></a><h3>
</td>
<td class="newsright" rowspan="2" style="width: 10px">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_03.png" width="10" height="65" alt=""></td>
</tr>
<tr>
<td class="post-content" colspan="2">
<?php the_content('click to read more &raquo;'); ?>
</div>
</td>
</tr>
<tr>
<td colspan="4" height="10">
<img src="http://annakendrickweb.com/wordpress/wp-content/themes/the_kardashians/news_content/news_content_04.png" width="495" height="15" alt=""></td>
</tr>
</table>
<br>



<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; else: ?> <!--ends the loop-->

<!--this is displayed if you have no posts-->
<?php _e('Sorry, no posts matched your criteria.'); ?>
<?php endif; ?> <!--ends the loop-->


<center>
<?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>
</center>
</div>

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

<div style="clear:both;">
</div>





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
25. Apr 2013, 14:22
Link · · · · Zitat
klappt irgendwie trotzdem nicht, ich glaub da steckt allgemein ein fehler drin wink.gif





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
25. Apr 2013, 15:34
Link · · · · Zitat
In den "content"-div rein, also unter <div id="content">. wink.gif



Thema wird von 0 Benutzer(n) gelesen (0 Mitglieder, 0 Gäste und 0 Anonyme Benutzer)
 


Seiten: (3) 1 [2] 3 
Reply to this topic Start new topicStart Poll