thumbnail en content naast elkaar in wp

ottermannetje · 13 okt 2013

Hallo iedereen,
ik wil graag de thumbnail en de content naast elkaar op mijn wordpress site, maar ik kom er echt niet uit hoe ik ze nu naast elkaar krijg het is een childtheme van twentyten.
dit is mijn site.
de css:

Code:

/*
Theme Name: Generated with Lubith
Theme URI: http://www.lubith.com
Description: This theme was generated with <a target="_blank" href="http://www.lubith.com">Lubith Theme Generator</a> version 1.2.2.
Author: You
Author URI: 
Version:
License: GNU General Public License
License URI: license.txt
Tags: 
Generator: Lubith 1.2.2
*/
 
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: One, two or three columns
DESCRIPTION: One, two or three columns layout with content and two sidebars
*/

#content {
	margin: 37px 0 0 98px;
	width: 630px;
}
#primary {
	margin: 0 0 0 914px;
	width: 202px;
}
#secondary {
	display: none;
	margin: 90px 0 0 770px;
	width: 200px;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column {
	margin: 0 auto !important;
	margin-top: 37px !important;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.wide-column {
	width: 984px !important;
	margin-right: 98px !important;
}

/*
Additional layout elements
*/

.container {
	float: left;
	width: 100%;
	margin-left: 1px; /* fix for IE < 8 */
	margin-right: -100%;
}

#content, #primary, #secondary {
	overflow: hidden;
	position: relative;
	
}

.main-content-end {
	clear: both;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#wrapper {
	width: 1198px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #ffffff;
}
#header {
	font-family: Arial, sans-serif;
	height: 270px;
	position: relative;
	background: url(images/main-header.png) no-repeat center bottom;
}
#access {
	font-size: 13px;
	width: 539px;
	position: absolute;
	z-index: 2;
	margin: 202px 0 0 529px;
	padding: 0 0 0 1px;
}
#main {
	text-align: left;
	margin: 1px 0 0 0;
	padding: 1px 0 35px 0;
	background: #ffffff;
}
#footer {
	height: 45px;
	position: relative;
	clear: both;
	padding: 1px 0 0 0;
	background: #0d00ff url(images/button.png) repeat-x;
    color: #fff;
	}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	line-height: 1;
	padding: 20px 0 30px 0;
	background: #08203b;
}
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 1.5em;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link,
a:visited {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #08203c;
	text-decoration: underline;
	line-height: 1.5;
}
a:active,
a:hover {
	color: #000;
	text-decoration: bold;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Header
-------------------------------------------------------------- */

#headlink {
	display: block;
	position: absolute;
	width: 1200px;
	height: 270px;
}
#site-title a,
#site-title a:hover {
	font-family: Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 1.2;
	text-align: start;
	width: 450px;
	position: absolute;
	display: none;
	margin: 10px 0 0 0;
}
#site-description {
	font-size: 12px;
	font-style: italic;
	color: #666666;
	text-align: right;
	width: 450px;
	position: absolute;
	display: none;
	margin: 25px 0 0 450px;
}
#logo {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
	line-height: 1;
	text-align: start;
	direction: ltr;
	text-shadow: none;
	width: 142px;
	height: 142px;
	position: absolute;
	margin: 78px 0 0 94px;
	border: none;
	background: none
}

/* =Menu
-------------------------------------------------------------- */
#preloader {
	width: 0px;
	height: 0px;
	display: inline;
	background: #ccd132;
}

div.menu-header ul,
div.menu ul {
	list-style: none;
	display:inline-block;
	position: relative;
	top: 3px; 
	left: 111px;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access ul li a {
	font-family: Arial, sans-serif;
	font-size: 17px;
	color: rgb(149, 142, 130);
	color: rgba(43, 30, 6, 0.5);
	text-decoration: none;
	line-height: 5.2;
	text-align: left;
	height: 65px;
	border-color: rgb(149, 142, 130);
	display: list-item;
	float: left;
	padding: 0 21px 0 21px;
	background: #fff;
}
#access ul li a:hover {
	position: relative;
	text-decoration: underline;
}
#access ul ul {
	color: rgb(149, 142, 130);
	vertical-align: middle;
	width: 200px;
	top: 65px;
	left: 0;
	border-color: rgb(149, 142, 130);
	position: absolute;
	display: none;
	z-index: 10;
	padding: 10px 10px 10px 10px;
	background: #c7c7c7;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
#access ul ul li {
	width: 100%;
	margin: 0;
}
#access ul ul li a {
	color: rgb(149, 142, 130);
	line-height: 2.8;
	height: 60px;
	border-color: rgb(149, 142, 130);
	display: list-item;
	overflow: hidden;
	padding: 0 0 0 10px;
	background: #c7c7c7;
	float: none;
	background-color: #c7c7c7;
}
#access ul ul li a:hover {
	color: #958e82;
	background: #e8e8e8;
	float: none;
	overflow: hidden;
	background-color: #e8e8e8;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.5);
	line-height: 5.2;
	text-align: left;
	height: 65px;
	border-color: rgb(255, 255, 255);
	display: list-item;
	float: left;
	padding: 0 21px 0 21px;
	background: #0d00ff url(images/button.png);
}
#access ul li li.current_page_item > a,
#access ul li li.current-menu-ancestor > a,
#access ul li li.current-menu-item > a,
#access ul li li.current-menu-parent > a {
	color: #958e82;
	line-height: 2.8;
	height: 38px;
	display: list-item;
	overflow: hidden;
	padding: 0 0 0 10px;
	background: #b3b3b3;
	float: none;
	background-color: #b3b3b3;
}
#access ul ul li.page_item > a,
#access ul ul li.menu-ancestor > a,
#access ul ul li.menu-item > a,
#access ul ul li.menu-parent > a {
	margin: 0;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #958e82;
}


/* =Content
-------------------------------------------------------------- */

#content {
	line-height: 1.5;
	padding: 20px 10px 0 10px;
}
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
/* h1 */
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	font-family: Georgia, "Bitstream Charter", serif;
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #08203c;
}
#content . {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
}
.entry-title a:link,
.entry-title a:visited {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
}
.entry-meta {
	font-size: 12px;
	color: #888888;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary,
.entry-meta,
.entry-author-info {
	color: #08203b;
	

}
.pagina {
	border: 2px dashed #08203b;
	color: #08203b;
	margin: 0 0 0 -px;
	padding: 10px 0px 0px 10px;
	background: #fff;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-weight: bold;
}
.entry-content h1,
.entry-content h2,
.entry-content h3 {
	font-size: 20px;
	margin: 0 0px 20px 0px;
}
.entry-content h4 {
	font-size: 18px;
	margin: 0 0px 18px 0px;
}
.entry-content h5 {
	font-size: 17px;
	margin: 0 0px 17px 0px;
}
.entry-content h6 {
	font-size: 16px;
	margin: 0 0px 16px 0px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	font-family: Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content label,
.entry-content tr th,
.entry-content thead th {
	font-family: Helvetica, Arial, sans-serif;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.entry-footer {
	height: 10px;
	margin: 0 0 10px 0;
}
.page-link {
	color: #cc0000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #fff;
	line-height: 2;
	text-align: left;
	height: 30px;
	border-color: #fff;
	display: list-item;
	float: left;
	padding: 0 21px 0 21px;
	background: #08203c url(images/read-more.png);
	
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	font-size: 12px;
	color: #888888;
	padding: 0 0 20px 0;
	clear: both;
}
.entry-meta a {
	font-size: 12px;
	color: #888888;
}
.entry-utility a {
	font-size: 12px;
	color: #888888;
}
.entry-meta a:hover {
	color: #08203c;
}
.entry-utility a:hover {
	color: #08203c;
}
#content .video-player {
	padding: 0;
}
#border {
	border: 2px dashed #08203b;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

/* =Asides
-------------------------------------------------------------- */

.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.category-asides {
	padding: 0;
}
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	height: auto;
	max-width: 630px;
	width: auto;
}
#content .attachment img {
	max-width: 984px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	font-family: Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #333355;
}
.navigation a:active,
.navigation a:hover {
	color: #08203c;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	color: #333355;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.comment-body tr th,
.comment-body thead th {
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
}
.reply a:hover,
a.comment-edit-link:hover {
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #08203c;
	font-weight: bold;
}
#respond label {
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin: 0 0 0 0;
}
.widget-area ul ul {
	list-style: square;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
#primary .widget-title, #primary h3 widget-title {
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	line-height: 1.5;
	padding: 6.5px 0 6.5px 0;
}
#secondary .widget-title, #secondary h3 widget-title {
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	line-height: 1.5;
}
/*widget-content*/
#primary ul li ul, #primary ul li div {
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
	list-style: square;
	list-style-position: inside;
	overflow: hidden;
}
#secondary ul li ul, #secondary ul li div {
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
	list-style: square;
	list-style-position: inside;
	overflow: hidden;
}
.widget-area ul li div ul {
	padding: 0;
}
#primary a:link,
#primary a:visited {
	font-size: 12px;
	text-decoration: none;
}
#primary a:active,
#primary a:hover {
	font-size: 12px;
	color: #08203c;
	text-decoration: underline;
}
#secondary a:link,
#secondary a:visited {
	font-size: 12px;
	text-decoration: none;
}
#secondary a:active,
#secondary a:hover {
	font-size: 12px;
	color: #08203c;
	text-decoration: none;
}
.widget-area .entry-meta {
	font-size: 11px;
}
.widget-area ul li .widget-footer  {
	padding: 0;
}
#primary .widget-footer, #primary ul li .widget-footer {
	height: 10px;
	margin: 0 0 10px 0;
}
#secondary .widget-footer, #secondary ul li .widget-footer {
	height: 10px;
	margin: 0 0 10px 0;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #08203c;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#primary {
	padding: 31px 38px 7px 38px;
	background: #ffffff;
}
#secondary {
	padding: 40px 20px 7px 20px;
	background: #ffffff;
}

/* Footer widget areas */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	overflow: hidden;
}
#site-info {
	font-size: 16px;
	font-style: italic;
	color: #fff;
	text-align: right;
	width: 450px;
	position: absolute;
	margin: 15px 0 0 460px;
}
#site-info a {
	font-size: 16px;
	font-style: italic;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	text-align: center;
}
#site-info a:hover  {
	font-size: 16px;
	font-style: bold;
	color: #fff;
	text-decoration: underline;
	line-height: 1;
	text-align: center;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 21pt;
	}
	.entry-title h2{
	margin: 0 0 0 200px;
	padding:0 0 0 200px;
	}
	#access,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}

en de loop pagina:

PHP:

<?php
/**
 * The loop that displays posts.
 *
 * The loop displays the posts and the post content.  See
 * http://codex.wordpress.org/The_Loop to understand it and
 * http://codex.wordpress.org/Template_Tags to understand
 * the tags used in it.
 *
 * This can be overridden in child themes with loop.php or
 * loop-template.php, where 'template' is the loop context
 * requested by a template. For example, loop-index.php would
 * be used if it exists and we ask for the loop with:
 * <code>get_template_part( 'loop', 'index' );</code>
 *
 *
 * This theme was generated with Lubith - The Wordpress Theme Generator: http://www.lubith.com
 * It is based on Twenty Ten (Wordpress 3.x default theme).
 *
 */
?>

<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
	<div id="nav-above" class="navigation">
		<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
		<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
	</div><!-- #nav-above -->
<?php endif; ?>

<?php /* If there are no posts to display, such as an empty archive page */ ?>
<?php if ( ! have_posts() ) : ?>
	<div id="post-0" class="post error404 not-found">
		<h1 class="entry-title"><?php _e( 'Not Found', 'twentyten' ); ?></h1>
		<div class="entry-content">
			<p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyten' ); ?></p>
			<?php get_search_form(); ?>
		</div><!-- .entry-content -->
	</div><!-- #post-0 -->
<?php endif; ?>

<?php
	/* Start the Loop.
	 *
	 * In Twenty Ten we use the same loop in multiple contexts.
	 * It is broken into three main parts: when we're displaying
	 * posts that are in the gallery category, when we're displaying
	 * posts in the asides category, and finally all other posts.
	 *
	 * Additionally, we sometimes check for whether we are on an
	 * archive page, a search page, etc., allowing for small differences
	 * in the loop on each template without actually duplicating
	 * the rest of the loop that is shared.
	 *
	 * Without further ado, the loop:
	 */ ?>
<?php while ( have_posts() ) : the_post(); ?>

<?php /* How to display posts in the Gallery category. */ ?>

	<?php if ( in_category( _x('gallery', 'gallery category slug', 'twentyten') ) ) : ?>
		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
			<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>

			<div class="entry-meta">
				<?php twentyten_posted_on(); ?>
			</div><!-- .entry-meta -->

			<div class="entry-content">
<?php if ( post_password_required() ) : ?>
				<?php the_content(); ?>
<?php else : ?>			
				<?php 
					$images = get_children( array( 'post_parent' => $post->ID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC', 'numberposts' => 999 ) );
					if ( $images ) :
						$total_images = count( $images );
						$image = array_shift( $images );
						$image_img_tag = wp_get_attachment_image( $image->ID, 'thumbnail' );
				?>
						<div class="gallery-thumb">
							<?php echo $image_img_tag; ?></a>
						</div><!-- .gallery-thumb -->
						<p><em><?php printf( __( 'This gallery contains <a %1$s>%2$s photos</a>.', 'twentyten' ),
								'href="' . get_permalink() . '" title="' . sprintf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ) . '" rel="bookmark"',
								$total_images
							); ?></em></p>
				<?php endif; ?>
						<?php the_excerpt(); ?>
<?php endif; ?>
			</div><!-- .entry-content -->

			<div class="entry-utility">
				<a href="<?php echo get_term_link( _x('gallery', 'gallery category slug', 'twentyten'), 'category' ); ?>" title="<?php esc_attr_e( 'View posts in the Gallery category', 'twentyten' ); ?>"><?php _e( 'More Galleries', 'twentyten' ); ?></a>
				<span class="meta-sep">|</span>
				<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyten' ), __( '1 Comment', 'twentyten' ), __( '% Comments', 'twentyten' ) ); ?></span>
				<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
			</div><!-- .entry-utility -->
		</div><!-- #post-## -->

<?php /* How to display posts in the asides category */ ?>

	<?php elseif ( in_category( _x('asides', 'asides category slug', 'twentyten') ) ) : ?>
		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

		<?php if ( is_archive() || is_search() ) : // Display excerpts for archives and search. ?>
			<div class="entry-summary">
				<?php the_excerpt(); ?>
			</div><!-- .entry-summary -->
		<?php else : ?>
			<div class="entry-content">
				<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
			</div><!-- .entry-content -->
		<?php endif; ?>

			
		</div><!-- #post-## -->

<?php /* How to display all other posts. */ ?>

	<?php else : ?>
		
		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
					<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
			

			
	<?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>
			<div class="entry-summary">
				<?php the_excerpt(); ?>
			</div><!-- .entry-summary -->
	<<?php else : ?>
			<div class='pagina'>
			<div class="entry-content">
				<?php the_post_thumbnail('thumbnail');
				// small, thumbnail, medium, large, full ?>
				<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
				<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
			</div><!-- .entry-content -->
	<?php endif; ?>

			<div class="entry-utility">
				<?php if ( count( get_the_category() ) ) : ?>
					<span class="cat-links">
						<?php printf( __( '<span class="%1$s">Posted in</span> %2$s', 'twentyten' ), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( 'en ' ) ); ?>
					</span>
				<?php endif; ?>
				<?php
					$tags_list = get_the_tag_list( '', ', ' );
					if ( $tags_list ):
				?>
					<span class="tag-links">
						<?php printf( __( '<span class="%1$s">Tagged</span> %2$s', 'twentyten' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?>
					</span>
					
				<?php endif; ?>
				<span class="comments-link"><?php comments_popup_link( __( '', 'twentyten' ), __( '1 Comment', 'twentyten' ), __( '% Comments', 'twentyten' ) ); ?></span>
				<?php edit_post_link( __( '', 'twentyten' ), '<span class="edit-link">', '</span>' ); ?>
			</div>
			</div><!-- .entry-utility -->
			<div class="entry-footer"></div>
		</div><!-- #post-## -->

		<?php comments_template( '', true ); ?>

	<?php endif; // This was the if statement that broke the loop into three parts based on categories. ?>

<?php endwhile; // End the loop. Whew. ?>

<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if (  $wp_query->max_num_pages > 1 ) : ?>
				<div id="nav-below" class="navigation">
					<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
					<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
				</div><!-- #nav-below -->
<?php endif; ?>

weet iemand hoe ik dit voor elkaar kan krijgen?
google levert ook weinig op.
gr. Merijn

rolfohtar · 15 okt 2013

Dat is gelukkig vrij simpel

Ga in je stylesheet op zoek naar de volgende regel:

Code:

#content img {

Voeg daar een paar attributen toe:

Code:

float: left;
margin: 0 10px 10px 0;

Float zorgt er voor dat de afbeelding links 'zweeft', zodat de tekst eromheen valt. Met margin zorg je voor wat ruimte aan de rechter- en onderkant van je afbeelding zodat deze niet tegen de tekst aan zit.

ottermannetje · 15 okt 2013

bedankt rolf, het werkt.
maar nu wil ik dat ook bij verhalen en filmpjes maar ik krijg het maar niet voor elkaar in page.php

PHP:

f<?php
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * This theme was generated with Lubith - The Wordpress Theme Generator: http://www.lubith.com
 * It is based on Twenty Ten (Wordpress 3.x default theme).
 *
 */

get_header(); ?>
	
		<div class="container">
			<div id="content" role="main">

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
				
					<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
						<?php if ( is_front_page() ) { ?>
							<h2 class="entry-title"><?php the_title(); ?></h2>
						<?php } else { ?>
							<h1 class="entry-title"><?php the_title(); ?></h1>
						<?php } ?>

						<div class="pagina">
							<div class="entry-content">
						<?php the_post_thumbnail('thumbnail');
					// small, thumbnail, medium, large, full ?>
						<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
					<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
							</div><!-- .entry-content -->
							<div class="entry-footer"></div>
						</div><!-- #post-## -->
					<?php comments_template( '', true ); ?>
	<?php endwhile; ?>
						</div>
			</div><!-- #content -->
		</div><!-- .container -->
	<
<?php get_sidebar(); ?>
<?php get_footer(); ?>

weet iemand hoe ik dit opgelost krijg, ik heb ook dingen gelezen over een tweede template en dat ik daar dit probleem mee kan oplossen maar ik snap er niks van.
gr. Merijn
gr. Merijn

rolfohtar · 15 okt 2013

Je H2 heading zegt dat hij de hele regel wil gebruiken en geen ruimte laat voor iets ernaast.

Toevoegen in je CSS:

Code:

.entry-content h2 {
 clear: right;
}

thumbnail en content naast elkaar in wp

ottermannetje

Gebruiker

rolfohtar

Gebruiker

ottermannetje

Gebruiker

rolfohtar

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy