• Ogłoszenie:

Tekst obok obrazka - wordpress

Wszystko odnośnie tworzenia grafiki - obróbka, problemy, oceny.
Tworzenia Stron internetowych - HTML, PHP, MySQL...

Tekst obok obrazka - wordpress

Postprzez twoja mama 01 Cze 2011, 16:28

reklama
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;
}

Awatar użytkownika
twoja mama
~user
 
Posty: 350
Dołączenie: 05 Paź 2006, 22:30
Miejscowość: ____
Pochwały: 49



Tekst obok obrazka - wordpress

Postprzez Haczyk 01 Cze 2011, 19:52

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łę
Pozdrawiam
Awatar użytkownika
Haczyk
~user
 
Posty: 797
Dołączenie: 21 Sty 2006, 16:11
Miejscowość: Drzewica/Bydgoszcz
Pochwały: 62



Tekst obok obrazka - wordpress

Postprzez twoja mama 01 Cze 2011, 20:56

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

Kod: Zaznacz wszystko
#content p img{


musiałem dodać:
Kod: Zaznacz wszystko
float: right;


Dziękuję bardzo.
Awatar użytkownika
twoja mama
~user
 
Posty: 350
Dołączenie: 05 Paź 2006, 22:30
Miejscowość: ____
Pochwały: 49



Tekst obok obrazka - wordpress

Postprzez johndavidd88 20 Lut 2023, 06:54

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.
johndavidd88
~user
 
Posty: 21
Dołączenie: 14 Wrz 2022, 10:49



Tekst obok obrazka - wordpress

Postprzez marryjoy6374 17 Lis 2023, 11:11

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.
marryjoy6374
~user
 
Posty: 1
Dołączenie: 17 Lis 2023, 11:04




Powróć do Grafika & Webmastering

Kto jest na forum

Użytkownicy przeglądający to forum: Brak zarejestrowanych użytkowników oraz 4 gości