Tekst obok obrazka - wordpress

[twoja mama]

Witam,

Mam problem z wordpressem. Po dodaniu zdjęcia do wpisu, który publikuję tekst jest pod obrazkiem. Czy coś powinienem dodać do CSS lub wyedytować ? Proszę o pomoc. Oto mój plik css:

Kod: Zaznacz wszystko

body {
    background: #000000 url('images/bodybg.jpg') repeat-x top left;
    color: #333333;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
}

img {
    border: none;
}

a {
    color: #f1cd05;
    text-decoration: none;
}


#container {
    width: 900px;
    background: #ffffff url(images/containerbg.jpg);
    text-align: left;
    margin: 0px auto;         
}

#contentup {
    height: 30px;
    background: #fff url(images/insbg.jpg) no-repeat;
    padding: 10px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    text-align: center;
}


#header {
    height: 200px;
    background: #fff url(images/headerbg.jpg) no-repeat;
    border: 5px solid #f1cd05;
}

#header h2 {
    margin: 0px 0px 5px 550px;
    padding-top: 75px;
}

#header h2 a {
    color: #000000;
    text-decoration: none;
    font-size: 25px;
    overflow: hidden;
}

#header h2 a:hover {
    text-decoration: none;
}

#header h3 {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
    margin: 5px 0px 5px 550px;
}

#headerup {
    height: 30px;
    background: #fff url(images/headerup.jpg);
    margin: 0px 5px;
}

#menuholder{
    background: #555403;
    height: 30px;
    font-size: 11px;
    border: 5px solid #f1cd05;
    border-bottom: none;
}

#menu {
    text-align: left;
}

#menu ul {
    margin: 0px;   
    padding: 8px;
    list-style: none;
}

#menu li {
    display: inline;
    border-right: 1px solid #f1cd05;
}

#menu a {
    padding: 0px 15px;
    text-decoration: none;
    color: #f1cd05;
}

#menu a:hover {
    text-decoration: underline;
}

#content {
    width: 570px;
    padding: 0px 20px 0px 20px;
    margin-top: 10px;
    text-align: justify;
    float: left;   
    overflow: hidden;
}


#content .title {
    background: #ffffff url(images/commentbg.jpg) no-repeat;
    margin-top: 8px;
    margin-right: 8px;
    text-decoration: none;
    padding-bottom: 5px;
    padding-left: 60px;
    padding-top: 10px;
}

#content .comment a {
    text-decoration: none;
}   


#content b{
    color: #777;
}

#content h3 {
    font-size: 14px;
}

#content a {
    color: #f1cd05;
    line-height: 14pt;
    text-decoration: underline;
}

#content p {
    margin: 0px;
    line-height: 16px;
    padding: 0px 0px 10px 0px;
    margin-top: 5px;
}

#content p img{
    border: none;
    margin-right: 15px;
    margin-bottom: 10px;
}

#content h1 {
    color: #f1cd05;
    font-size: 22px;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
    line-height: 150%;
    margin: 0px;
}


#content h1 a  {
    color: #8c0501;
    text-decoration: underline;
}

#content h1 a:hover {
    text-decoration: none;
}

#content h2 {
    font-size: 22px;
    color: #f1cd05;
    margin: 0px;
    font-weight: normal;     
}

#content h2 a  {
    font-size: 18px;
    color: #f1cd05;
    margin-bottom: 10px;
    text-decoration: none;
    letter-spacing: 0.5px;
}

#content h2 a:hover {
    text-decoration: none;
}

#content ol {
    list-style-type: decimal;
    line-height: 18px;
    margin: 0px;
    padding: 0px 0px 10px 30px;
}

#content ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 10px 0px;   
}

#content li {
    margin: 0px;
    padding: 0px;
}

#content ul li {
    list-style: disc inside;
    margin: 0px 0px 0px 10px;
    padding: 5px 0px 0px 0px;
}

#content ul li a {
    color: #f1cd05;
    text-decoration: none;
}

#content ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
}


#content .navigation a {
    background: #f1cd05;
    color: #fff;
    padding: 5px;
    text-decoration: none;
   
}

#content .comment {
    background:url(images/comments.gif) no-repeat;
    float: left;
    width:58px;
    text-align: center;
    font-size: 32px;
    padding-top:20px;
    margin-top: 2px;
    text-decoration: none;
    margin-left: 5px;
    padding-bottom: 10px;
   
}


#content .comment a {
    color: #f1cd05;
    text-decoration: none;
}

blockquote{
    margin: 0px;
    margin-left: 15px;
    margin-bottom: 12px;
    padding: 7px;
    border-left: 8px solid #f1cd05;
}

.postspace {
    height: 30px;
    margin: 0px;
    padding: 0px;
}



#left {
    width: 280px;   
    float: left;
    margin-bottom: 20px;
    padding-right: 3px;
    padding-left: 5px;
    color: #ffffff;
}

#left a {
   color: #f1cd05;
}


#left h2 {
    color: fff;
    font-size: 12px;
    list-style: none;
    padding: 8px;
    padding-top: 25px;
    padding-bottom: 20px;
    margin: 20px 0px 0px 0px;   
    background: #a36d47 url(images/menubg.jpg);
}

#left ul {
    list-style: none;
    margin: 0px 0px 20px 0px;

    padding: 0px 0px 0px 0px;
}

#left li {
    list-style: none;
    margin: 0px;
    padding: 0px; 
}

#left ul li {
    font-size: 12px;
    list-style: none;
    margin: 0px;
    line-height: 0pt;
    padding: 5px 5px 5px 20px;
    border-bottom: 1px dashed #f1cd05; 
}

#left ul li a {
    display: block;
    color: #f1cd05;
    text-decoration: none;
    line-height: 12pt;
}


#left ul li a:hover {
    color: #ffffff;
}

#left .ads {

}

#left .ads h2 {
    margin-top: 0px;
}

#left .ads img {
   padding: 10px 2px 0px 10px;
}

#footer {
    background: #371101 url(images/footerbg.jpg);
    color: #97950c;
    padding:  10px 0px 10px 400px;
    font-size: 11px;
    clear: both;
    border: 5px solid #f1cd05;
}


#footer p {
    padding: 0px;
    margin: 0px;   
}

#footer a, #footer a:visited {
    color: #97950c;
    text-decoration: none;
    border: none;   
}

#footer a:hover {
    color: #fff;
}

#wp-calendar {
    margin-left: 22px;
    margin-bottom: 10px;
    width: 250px;
}


.entry {
    margin-bottom: 12px;
}   

#author {
    border:1px solid #cccccc;
    margin:0;
    padding:4px;
    color: #fff;
}

#email {
    border:1px solid #cccccc;
    margin:0;
    padding:4px;
    color: #fff;
}

#url {
    border:1px solid #cccccc;
    margin:0;
    padding:4px;
    color: #fff;
}

#comment  {
    width: 550px;
    border:1px solid #cccccc;
    margin:0;
    color: #fff;
}


img.avatar {
    float:right;
    margin-right:5px;
    margin-left: 5px;
}


.searchform form {
    width: 265px;
    background: #555403 url(images/search.png) no-repeat center;
    float: right;
}

.searchform form input {
    border: 0;
    float: left;
    width: 180px;
    margin: 7px 0 0 5px;
    background-color: transparent;
}

.searchform form button {
    border: 0;
    float: right;
    text-indent: -9999px;
    width: 70px; height: 30px;
    background-color: transparent;
}

.btn {
    color:#fff;
    font-weight: bold;
    border:1px solid #cccccc;
    padding: 6px;
    font-size: 11px;
    background: #555403;
}

.inputfeed {
    width:190px;
    float: left;
    margin-left: 20px; margin-top: 7px;
}

.formfeed {
    padding:3px;
    padding-top: 10px;
    text-align:center;
    border-top: none;
}



[Haczyk]

Nawet Salomon z pustego nie naleje - wrzuciłeś tylko css. Nie wydaje Ci się to trochę za mało ? Poza tym nie napisałeś czy korzystasz z jakiejś niestandardowej skórki ?
W ciemno można popróbować coś poprawić: jakie klasy przechowują tekst i obrazki ?

Autor postu otrzymał pochwałę

[twoja mama]

Haczyk, mistrzu mój ! Udało się
Kolega pomógł mi prywatnie. Do linii:

Kod: Zaznacz wszystko

#content p img{

musiałem dodać:

Kod: Zaznacz wszystko

float: right;

Dziękuję bardzo.

[johndavidd88]

To umieścić tekst obok obrazka w WordPress, można skorzystać z incredibox wtyczki "Advanced WordPress Columns". Wtyczka ta pozwala na łatwe dodawanie kolumn do postów i stron WordPress.

[marryjoy6374]

a great version of the wordle game heardle, is an extremely attractive song name guessing game. You will be immersed in a vibrant or sad music space, as long as you like and solve puzzles.

[Briel]

Jeśli tekst w Twoich wpisach na WordPressie wyświetla się pod obrazkiem, zamiast obok niego, możesz spróbować zmienić planet clicker ustawienia wyrównania zdjęcia lub dodać odpowiedni kod CSS, aby poprawić wyświetlanie.

[PatMosley]

Jeśli problem będzie się powtarzał, upewnij się, że nie ma żadnych dodatkowych stylów ani skryptów, które mogłyby wpływać na wyświetlanie obrazów i tekstu. W niektórych przypadkach, np. w przypadku motywu WordPress,world of goo 2 mogą istnieć dodatkowe reguły CSS, które również należy sprawdzić.

[Diana1327]

Players are challenged to click on a massive burger to earn points, which can then be spent on upgrades. These upgrades either enhance your clicking power or automate the clicking process. In whopper clicker success comes from effectively managing your resources and upgrades, allowing you to progress quickly and achieve top scores as you navigate through the game.