Ich suche schon seit Stunden, wie ich die Css so ändere, damit der Blocksatz in den einzelnen Artikeln linksbündig erscheint.
Z.B. habe ich eine Tabelle erstellt, diese wird nicht dargestellt, bzw. alles hintereinander weg geschrieben..
Hier ein Auszug der CSS:
Bitte um Hilfe. Liebe Grüße Jacqueline
/* begin Layout */
.art-content-layout
{
display: table;
padding: 0;
border: none;
width: 898px;
}
.art-content-layout .art-content-layout
{
}
div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
{
display: table-cell;
}
div.art-layout-cell div.art-layout-cell
{
display: block;
}
div.art-content-layout-row
{
display: table-row;
}
.art-content-layout
{
table-layout: fixed;
border-collapse: collapse;
background-color: Transparent;
border: none !important;
padding:0 !important;
}
.art-layout-cell, .art-content-layout-row
{
background-color: Transparent;
vertical-align: top;
text-align: left;
border: none !important;
margin:0 !important;
padding:0 !important;
}
/* end Layout */
/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}
.art-vmenublock-body
{
position: relative;
z-index: 1;
padding: 0;
}
.art-vmenublock-cc
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFFFFF;
}
.art-vmenublock
{
margin: 10px;
}
/* end Box, Block, VMenuBlock */
/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}
.art-vmenublockcontent-body
{
position: relative;
z-index: 1;
padding: 5px;
}
.art-vmenublockcontent-cc
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFFFFF;
}
.art-vmenublockcontent
{
position: relative;
z-index: 0;
min-width: 1px;
min-height: 1px;
}
.art-vmenublockcontent-body
{
position: relative;
z-index: 1;
padding: 5px;
}
.art-vmenublockcontent-cc
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFFFFF;
}
/* end Box, Box, VMenuBlockContent */
/* begin Box, Block */
.art-block
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}
.art-block-body
{
position: relative;
z-index: 1;
padding: 0;
}
.art-block
{
margin: 10px;
}
/* end Box, Block */
/* begin Box, BlockContent */
.art-blockcontent
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}
.art-blockcontent-body
{
position: relative;
z-index: 1;
padding: 7px;
}
.art-blockcontent-body,
.art-blockcontent-body a,
.art-blockcontent-body li a
{
color: #3F5255;
}
.art-blockcontent-body a,
.art-blockcontent-body li a
{
color: #1C5482;
text-decoration: none;
}
.art-blockcontent-body a:link,
.art-blockcontent-body li a:link
{
color: #1C5482;
text-decoration: none;
}
.art-blockcontent-body a:visited, .art-blockcontent-body a.visited,
.art-blockcontent-body li a:visited, .art-blockcontent-body li a.visited
{
color: #759499;
}
.art-blockcontent-body a:hover, .art-blockcontent-body a.hover,
.art-blockcontent-body li a:hover, .art-blockcontent-body li a.hover
{
color: #09BDDC;
text-decoration: underline;
}
.art-blockcontent-body ul
{
list-style-type: none;
color: #4E666A;
margin: 0;
padding: 0;
}
.art-blockcontent-body ul li
{
line-height: 1.25em;
overflow:hidden;
padding: 0 0 0 12px;
background-image: url('images/blockcontentbullets.png');
background-repeat: no-repeat;
}
/* end Box, BlockContent */
/* begin Box, Post */
.art-post
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}
.art-post-body
{
position: relative;
z-index: 1;
padding: 10px;
}
.art-post
{
margin: 7px;
}
a img
{
border: 0;
}
.art-article img, img.art-article
{
margin: 7px;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width: auto;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color: Transparent;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #7B999D;
vertical-align: top;
text-align: left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
pre
{
overflow: auto;
padding: 0.1em;
}
/* end Box, Post */
/* begin PostMetadata, PostMetadataHeader */
.art-postmetadataheader
{
padding: 1px;
overflow:hidden;
background-color: #BFDDEE;
border-color: #C1CFD1;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata, PostMetadataHeader */
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #577175;
}
.art-page-footer
{
margin: 1em;
text-align: center;
text-decoration: none;
color: #2B78A1;
}
/* end PageFooter */
/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
background-color: #DDECF8;
width: 30%;
}
/* end LayoutCell, sidebar1 */
/* begin LayoutCell, content */
.art-content-layout .art-content
{
width: 70%;
}
.art-content-layout .art-content .art-block
{
background-color: #DDECF8;
}
.art-content-layout .art-content-wide
{
width: 100%;
}
/* end LayoutCell, content */
textarea#comment{width:100%;
.commentlist, .commentlist li
background: none;
}
.commentlist li li
{
margin-left: 30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
margin: 1px;
background: #fff;
}
.commentlist li cite
{
font-size: 1.2em;
}
#commentform textarea
{
width: 100%;
}
img.wp-smiley
{
border: none;
margin: 0;
padding: 0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by [URL="http://codex.wordpress.org/CSS"][COLOR=#000080]http://codex.wordpress.org/CSS[/COLOR][/URL] */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}
.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}
.wp-caption
{
border: 1px solid #ddd;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.wp-caption, .wp-caption p
{
text-align: center;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
.gallery {
letter-spacing: normal;
}
.art-content {
position: relative;
z-index: 1;
}
#todays-events{
position: relative;
z-index: 11;
}
#upcoming-events{
position: relative;
z-index: 10;
}
img.wp-post-image
{
margin:0 5px 5px 0 !important;
}
div.art-footer li, ul.commentlist li
{
list-style-image: none;
background:none;
list-style-type:none;
}
div.art-footer div.art-content-layout
{
margin:0 auto;
width:95%;
}
div.art-layout-cell-size1
{
width:100%;
}
div.art-layout-cell-size2
{
width:50%;
}
div.art-layout-cell-size3
{
width:33%;
}
div.art-layout-cell-size4
{
width:25%;
}
Alles anzeigen