Witam. Mam mały porblem z wpisami. Tworzę nowy wpis. Po lewej stronie wstawiam obrazek. Chcę aby otaczał go tekst po prawej stronie. W edytorze wizualnym tak więc robię. Jednak po wejściu na stronę tekst nowego wpisu pojawia się pod obrazkiem. Szukałem rozwiązania na internecie, lecz bezskutecznie. Udało mi się tylko dowiedzieć, że chodzi o alignleft, lecz nie udało mi się samodzielnie rozwiązać problemu. Dodam, że w całej swojej "karierze" stworzyłem jak na razie dwa szablony. Postanowilem sprobować wdrożyć do jednego z nich wordpress, którego też dopiero poznaję od zera.
Oto kod css
Oto kod css
Kod:
/* Theme Name: wp */
html
{
background:#f1f9ff url(images_layout/tlo.png) repeat-x;
background-attachment: fixed;
}
#calosc
{
width:1000px;
margin:0 auto;
}
#logo
{
width:1000px;
height:189px;
background:url(images_layout/logo.png) no-repeat;
padding-bottom:30px;
}
div#mainnav ul {float:right; padding: 130px 1px 0; font: normal .80em/1.5em Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 9 0px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);}
div#mainnav li {margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
div#mainnav a,
div#mainnav a:link {font-weight: bold; color: #800080; text-decoration: none; display: block; padding: 8px 20px; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: 0 1px 1px rgba(0,0,0, .3); }
div#mainnav a:hover {background: #000;}
div#mainnav .active a,
div#mainnav li:hover > a {background: #ffdb00 repeat-x 0 -40px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); }
div#mainnav ul ul li:hover a,
div#mainnav li:hover li a {background: none; border: none; color: #17760a; -webkit-box-shadow: none; -moz-box-shadow: none;}
div#mainnav ul ul a:hover { color: #17760a !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(0,0,0, .1);}
div#mainnav li:hover > ul {display: block;}
div#mainnav ul ul {display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 40px; left: 0; background: #17760a url(images/overlay.png) repeat-x 0 0; border: solid 10px #17760a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 10px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 10px 3px rgba(0,0,0, .3); box-shadow: 0 10px 3px rgba(0,0,0, .3);}
div#mainnav ul ul li {float: none; margin: 0; padding: 3px; }
div#mainnav ul ul a {font-weight: normal; text-shadow: 0 10px 0 #17760a; }
div#mainnav ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html div#mainnav ul {height: 1%;}
#tekst
{
background-color: #f9f9f9;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width:1000px;
}
#pokaz
{
padding-left:10px;
padding-top:10px;
width:506px;
}
#aktualnosci
{
padding-top:55px;
width:506px;
}
#czcionka_tytul
{
font-family: Chaparral Pro;
}
#aktualnosci h1
{
color:#591500;
}
#stopka
{
background:url(images_layout/stopka.png) no-repeat;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width:1000px;
padding-bottom:30px;
padding-top:15px;
}
#odstep
{
width:1000px;
}
#panele
{
float:right;
width:250px;
padding-right:10px;
padding-top:10px;
}
#tytul_aktualnosci
{
background:url(images_layout/aktualnosci.png) no-repeat;
padding-top:5px;
padding-bottom:20px;
}
#tytul
{
padding-top:5px;
background:url(images_layout/tytul.png) no-repeat;
}
#panel1
{
width:247px;
height:300px;
border-left-color: blue;border-right-color: blue;border-bottom-color: blue; border-left-style: dotted;border-right-style: dotted;border-bottom-style: dotted; border-width:thin;
}
#panel1 x a {
background:url(images/p.png) no-repeat left 3px;
padding-left:25px;
}
#panel1 a:hover {
background:url(images_layout/p.png) no-repeat 10px 3px;
padding-left:35px;
color:#fea80e;
}
#odstep
{
width:250px;
height:50px;
}
#panel2
{
width:247px;
height:300px;
border-left-color: blue;border-right-color: blue;border-bottom-color: blue; border-left-style: dotted;border-right-style: dotted;border-bottom-style: dotted; border-width:thin;
}
#panel3
{
padding-top:7px;
width:247px;
height:100px;
border-left-color: blue;border-right-color: blue;border-bottom-color: blue; border-left-style: dotted;border-right-style: dotted;border-bottom-style: dotted; border-width:thin;
}
#panel4
{
width:250px;
height:300px;
}
#panel5
{
padding-top:5px;
padding-bottom:20px;
width:247px;
height:30px;
border-left-color: blue;border-right-color: blue;border-bottom-color: blue; border-left-style: dotted;border-right-style: dotted;border-bottom-style: dotted; border-width:thin;
}