Marijn

//Resolved

Hi Chris,

You are absolutely right. In case of my own website’s, I would always use -, but my client just wants the + back. Thank you so much for helping me out, stupid from my side I didn’t think of this solution :-)! Modifying this will be simple.

Thanks,
Marijn

Thanks for your redirection

I’m not using WordPress for this project indeed, its just an empty webserver, just looking for some help from this beautiful community

This is a part of an assignment for school. I am not allowed to use any kind of library. So any ideas without jQuery :)?

Love it!

Thanks man!

Thanks for all your comments!

Hi,

I discovered the error. The following code works:

.post-num-1 {
	background: white;
	float: left;
	width: 70%
}

.post-num-2 {
	background: white;

}

.post-num-3 {
	background: white;
}

.staticcustomfield {
	background: white;
	float: right;
	width: 30%;
}

But the post-num-2 and 3 are wrong placed. If I give them a width, it goes wrong. Can you help me with this last thing?

Thanks, I will look at it!

I tried it, but i get the following problem:

.post-num-1 {
	background-color: #FFF;
	float:left;
	width: 65%;
	margin-left:40px;
}

.post-num-2 {
	background-color: #FFF;
	width: 40%;
	float: left;
}

.post-num-3 {
	background-color: #FFF;
	width: 40%;
	float:left;
}

.staticcustomfield {
	width:25%;
	height:50px;
	background:#FFF;
	float:right;
}

Basic CSS to have all the elements on the right place. What I get:
https://cl.ly/image/2M2G0r203u3x

The footer is between the field now, and if I look in ‘Inspect element’ from Chrome:
https://cl.ly/image/0b1l1Z3g2h0c

The content-area (and also the site-main) haven’t a height, but I cant set it to xx pixels because it isn’t dynamic.

Thanks, works exactly how you describe. But how can I style it now like this image:
https://cl.ly/image/1e1X271T0k3P?

I thought that I, if the code above describe how many post I want and how I mention them, the following code display the post so I could place them were I want.

<div class="post-num-1">
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	<ul>
	<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
	<li><?php the_excerpt();?></li>
	</ul>
</div>

<div class="post-num-2">
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	<ul>
	<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
	<li><?php the_excerpt();?></li>
	</ul>
</div>

<div class="post-num-3">
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	<ul>
	<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
	<li><?php the_excerpt();?></li>
	</ul>
</div>

Or have you an other solution?

Just a couple of last questions :-);
The excerpt won’t show up. There is a empty line under the permalink. Is there a little fix for that?
Further, the most important one, which styles can I use to style the box around it? The post-id will change if you have a new post. Can’t I use post_on_page1 or something to style it :)?

Thanks!

Yeaah! It works now! Both of you thanks for the great help!

I will look for it!

I have implemented te fix, but get the same error over an over again.

It says: “An unexpected condition was encountered while the server was attempting to fulfill the request”

The header and footer work in the ‘normal’ template as expected, so there isn’t the error.

Thanks!