Hilfe! Blocksatz in linksbündig ändern?!

jacqueline

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

CSS

/* 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

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maboh

Ich bin vielleicht ein wenig doof, aber Blocksatz impliziert doch, dass der Text als "Block" dargestellt wird, das widerspricht "linksbündig", oder irre ich mich?
Hab ich dich falsch verstanden?

alchymyth

kannst du einen link zu deiner seite posten, zu einem artikel/einer seite mit dem 'blocksatz'-problem?

dann kann man sich die entsprechenden styles selber auslesen :roll:

bassqualle

ja, das ist echt etwas unübersichtlich.

Normalerweise heisst der entsprechende Eintrag, um einen Text zum Blocksatz zu machen "text-align: justify". Das justify müsstest Du auf "left" abändern, allerdings kommt das in dem CSS garnicht vor...

Tipp: falls mit Opera unterwegs: Dragonfly starten und auf der entsprechenden Seite mit der Maus über das Element hovern, welche es per CSS zu formatieren gilt. Dabei erfährt man den "Pfad" zu den entsprechenden CSS-Selektoren, Klassen oder Containerelementen und damit weiss man auch wo man die Eigenschaft dann in der CSS-Datei ändern muss. Zudem kann man auf das Element klicken und sieht bequem alle CSS-Eigenschaften die für das Element definiert sind und vor allem wo sie definiert sind (falls es mehrere CSS-Dateien gibt). Man kann dort dann das CSS auch live on-the-fly ändern, was natürlich nur für Ansicht der Webseite in diesem Browsertab gilt. Aber so kann man Testen und bei Gefallen das CSS dann direkt in die CSS-Datei pasten.

Im FireFox gibts das Plugin Firebug, welches ähnlich funktioniert und noch mehr kann.

Sonst: http://de.selfhtml.org/css/eigenschaften/index.htm

jacqueline

Blocksatzproblem

Danke für die schnellen Antworten.

Der Link: http://www.blaue-teufel-niederalbertsdorf.de/?cat=3
Der Text unter "Dorfteichliga" soll eine Tabelle sein. (Angelegt mit WP-Table Reloaded)

Aber der Text wird immer "breit" gezogen.
Eben wie es im Blocksatz der Fall ist.

Auf der Startseite war das auch schon so.
Da bin ich das Problem umgangen, indem ich einfach jede Zeile per html Editor geschrieben habe.

Ich habe die CSS auch schon rauf und runter gesucht.
Aber nix gefunden.

Das Theme heißt Fantasy Blue 1.0
... falls das noch was hilft.

bassqualle

also der Text unter "Dorfleichtliga" soll genau so tabellartisch formatiert aussehe wie unter "sonstige Ergebnisse"?

Was wie ne Tabelle unter "Sontige Ergebnisse" aussieht ist dfacto keine Tabelle, sondern jeweils ein eigener Absatz, startend mit dem html-element p. Die Trennung der Zellen scheint über Tabulatorwerte oder Abstände zwischen den einzelnen Wörter zu entstehen?! So etwas habe ich bisher noch nie gesehen... aber man lernt ja nie aus

Code

<div class="art-postcontent">
<!-- article-content -->
<p>Spiel                                Gegner                            Datum          Ergebniss</p>
<p>Freundschaftsspiel   River Rats Grimma   02.10.11      3:6</p>
<p>Freundschaftsspiel   Kieselstein Cracks     25.09.11      0:14</p>
<p>Freundschaftsspiel   Prellböcke Dresden  18.09.11       2:6</p>
<!-- /article-content -->
</div>

Der Text unter Dorfleichtliga ist auch kein Blocksatz, das ist einfach viel Text mit wenig Abständen was im Browser dann so umbricht dass es halt so aussieht, aber das ist linksbündig.

Der Code schaut momentan so aus:

Code

<div class="art-postcontent">
<!-- article-content -->
<p>
<strong/>
<strong> TeamSpiele 1Freital Pinguins 4 2RiverRats Grimma 0 3KIESELSTEIN-Cracks Chemnitz 0 4Prellböcke Dresden 0 5Dresdner Ice Pilots 2 6Dresdner Frösche 5 7SV Lauterbach 0 8Weißwasser 0 9Blaue Teufel Niederalbertsdorf 0 </strong>
</p>
<!-- /article-content -->
</div>

Wenn Du die zwei Code-Container vergleichst, dann wirst Du den unterschied den die Formatierung ausmacht sehen.
Vermutlich hilft es jede Zeile mit einem Absatz umzubrechen, damit quasi eine neue Tabellenzeile entsteht. Den Abstand bekommst Du dann per Tabulator bzw Leerzeichen hin.
Das ist echt dilettantisch...

jacqueline

Die untere Tabelle ist einfach per Leerzeichen gemacht.
Aber so will ich es nicht!

Ich möchte ganz einfach eine Tabelle einfügen.
Hat jemand eine Idee, wie ich das hin bekomme,
ohne 1000 Lehrzeichen zu tippen?

Bin davon ausgegangen, dass es am Theme liegt.
Aber scheinbar nicht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hilfe! Blocksatz in linksbündig ändern?!

Jetzt mitmachen!