Będę wdzięczny za pomoc. Od lat zajmuję się historią mojego miasta Łódź. W związku z tym postawiłem Wordpressa w którym będę publikował teksty historyczne związane z tym miastem http://www.historialodzi.obraz.com.pl/ .
Mam jednak dwa problemy z wyglądem strony.
1. To wielkość czcionki tematów artykułów. Jest zbyt duża.
2. Zastanawiam się w jaki sposób można justyfikowac tekst artykułu.

Mój style.css :

/*
Theme Name: Organic
Description: Organic designed by <a href="http://bychosen.com">Chosen</a> and Developer <a href="http://www.shanestrong.com">Shane Strong</a>. Organic is a simple widget ready theme with a fixed width. Has been tested in IE7, IE8, Firefox, and others well known browsers. Ready for Wordpress 2.8.
Version: 1.3
Author: Chosen
Author URI: http://www.bychosen.com/
Tags: dark, fixed-width, two-columns, right-sidebar

Chosen v1.1
http://www.bychosen.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
* {padding: 0; margin: 0;}
ul, li {list-style: none;}
a {color: #fafafa; text-decoration: none;}
a:hover {color: #e4e4e4;}
a img {border: none;}
h1 {font-size: 5em;}
h2 {font-size: 1.8em;}
p {margin: .5em 0;}
small {font-size: 1em;}
.clear {clear: both;}
body {
color: #ffffff;
font-size: 10px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #0f0c05 url('images/bg.jpg') repeat-y center top;
}
#page {
width: 102.4em;
background: url('images/inner_bg.jpg') no-repeat;
margin: 0 auto;
}
.left {
float: left;
width: 76.4em;
}
.right {float: right; width: 26em;}
#content {
float: left;
padding: 0 2em 2em;
min-height: 60em;
}
#content h2 a:hover {color: #fafafa;}
#header .line {
background: url('images/line.png') repeat-x left bottom;
height: .1em;
margin: 0 3.5em;
position: relative;
top: -1.2em;
}
#header h1 {
padding: 0.8em 0.5em 0;
}
#header h1 a:hover {color: #fafafa;}
#header p {margin-top: -1.2em; margin-left: 22em; color: #000000; font-size: 1.2em;}
.nav {float: right;}
.nav li {float: left; padding: .5em 0; font-size: 1.4em;}
.nav li.current_page_item {float: left; padding: .5em 0;}
.nav a {padding:.5em 1em; color: #000000; text-transform: capitalize;}
.nav a:hover {color: #ecf0c8;}
.nav li.current_page_item a {color: #ecf0c8;}
.login {float: right;}
.login li {float: left; padding: 0 .5em;}
/* Begin Sidebar */
#sidebar {
float: right;
width: 25.9em;
color: #FFFFFF;
}
#sidebar .sidebar_top {
background: url('images/sidebar_image.jpg') no-repeat;
padding-top: 8.5em;
padding-left: 1em;
}
#sidebar h2 {padding: .3em; font-size: 2.5em; color: #DDE1BA;}
#sidebar #searchform, #sidebar a, #sidebar p {margin-left: 1em; width: 21em;}
/* End Sidebar */
/* Footer */
#footer {
margin: 0 auto;
width: 100em;
text-align: center;
padding-bottom: 1em;
}
/* End Footer */
/* End Structure */
/* Post */
.title {
background: url('images/post_top.png') no-repeat;
width: 72.1em;
padding-top: 2em;
margin-bottom: 3em;
min-height: 15em;
}
.post {background: url('images/post_bottom.png') no-repeat bottom left; min-height: 15em;}
.post h2 {float: left; padding-left: 1em; font-size: 3em;}
.post .entry {padding-left: 3.5em; width: 54em; color: #ffffff; font-size: 1.1em;}
.metainfo {
float: left;
text-transform: uppercase;
color: #000;
margin: 1.5em 0 0;
padding-left: 1em;
}
.postmetadata {padding-bottom: 3.5em; padding-left: 3.5em; width: 54em;}
.postmetadata a {color: #dde1ba; font-size: 1.1em;}
.comments {font-size: 1.2em;}
.commentlist li {padding: 1em 0;}
.commentlist img {float: left; padding-right: .5em;}
/* End Post */
/* Wordpress */
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

ad. 1



zmień wartość font-size na mniejszą niż 3em

ad. 2



tu doszło na końcu text-align: justify i zwiększono szerokość do 58em, celem optycznego wyrównania odstępu z prawej strony tekstu do tła pod nim

Dziękuję kejs
Wcześniej nie odświeżyła się strona.

Ten post edytował adrians 02.11.2009 - 07:50

Z tego co widzę na Twojej stronie to tekst jest wyjustowany. Może nie odświeżyła Ci się zawartość cache w Twojej przeglądarce? Wciśnij Ctrl+F5 po załadowaniu strony albo wyczyść zawartość pamięci podręcznej. Z tego co widzę większym problemem jest tutaj tło pod górną częścią tekstu, które jest w formacie png z przezroczystością, co IE interpretuje wiadomo jak... z tym też powinieneś zrobić. Poczytaj o hakach na IE i plikach png.