( Zaloguj | Zarejestruj )
![]() ![]() |
06.2.2010 - 17:32
Post
#1
|
|
|
Grupa: Bloger Postów: 9 Nr: 4 159 |
Hej, mam problem z wyśrodkowaniem szablonu w wordpressie. Gdzie najlepiej dać znacznik <center> aby cała strona była wyśrodkowana. Już odało mi sie zrobic że częśc się wyśrodkowała ale reszta została. Chodzi mi również o wyśrodkowanie grafiki pod(background) i całej tabeli. Adres: http://macowiec.sajmon.cal.pl/
|
|
|
|
06.2.2010 - 19:06
Post
#2
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 254 Nr: 5 919 |
1. <center> stosowało się 15 lat temu
2. Żeś napsuł 3. Do klasy page, oraz footer w css, dodaj coś takiego: KOD margin:0 auto; width:900px; Musi być zdefiniowana szerokość, tutaj dla przykładu 900px, z headera możesz skasować text-align: center; i dodać to zarówno do klasy page jak i footer. |
|
|
|
18.2.2010 - 13:07
Post
#3
|
|
|
Grupa: Bloger Postów: 9 Nr: 4 159 |
Próbowałem to zrobić tak jak mówiłeś ale jakoś tego nie ogarnąłem. Możecie mi pomóc?
CYTAT /*
Theme Name: Macowiec.pl Theme Theme URI: http://macowiec.pl Tags: red, green, blue, yellow, one-column Author: Macowiec Author URI: http://macowiec.pl Version: 1.3.2 */ body{ width: 800px; font: 14px Helvetica; background: #565656 url('images/ColorSplash.png') no-repeat fixed; } hr{ width: 450px; height: 10px; background-image: url('images/hr.png'); border: none; } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /*Begin Header*/ #headerimg{ margin-left: 180px; } #header #menubar{ background: url('images/MenubarBackground.png'); width: 506px; height: 30px; padding: 1px; padding-bottom: 15px; margin-left: 4px; } #header #menubar #gettohome{ border: none; margin-left: 15px; float: left; height: 28px; width: 28px; background-image: url('Icons/home.png'); } #header #menubar #gettosearch{ border: none; margin-left: 95px; float: left; height: 28px; width: 28px; background-image: url('Icons/search.png'); } #header #menubar #gettomailrss{ border: none; margin-left: 460px; } /*End Header*/ /*Begin Index*/ #content{ background: url('images/Indexbg.png'); width: 455px; margin: 0 0 0 184px; padding-top: 10px; padding-bottom: 25px; padding-left: 28px; padding-right: 25px; } #content a{ text-decoration: none; color: #00B800; } #content a:hover{ text-decoration: underline; color: #ff00e4; } #content h2{ width: 300px; padding-top: 0px; } #content h2 a{ color: #00B800; text-decoration: none; text-shadow: #ddd 1px 1px 0px; } #content h2 a:hover{ color: #FF00E4; text-shadow: #ddd 1px 1px 0px; } #content #gettocategory{ background: url('images/seperator.png') no-repeat; padding: 10px 0 0 0; min-height: 15px; margin-top: 5px; margin-right: 5px; border: none; } #content #gettocategory a{ color: #111; text-decoration: none; } #content #gettocategory a:hover{ color: #ff00e4; text-decoration: underline; } #content #gettocomment{ float: right; background-image: url('Icons/Comment.png'); height: 32px; width: 32px; margin-top: -8px; margin-right: 1px; text-align: center; } #content #gettocomment a{ float: left; margin-top: 3px; margin-left: 6px; width: 15px; height: 10px; text-align: center; text-decoration: none; color: #000000; text-shadow: #333 1px 1px 0px; } #content #gettocomment a:hover{ color: #fff; text-shadow: #333 1px 1px 0px; text-decoration: none; } #content #thetime{ position: absolute; margin-left: -79px; margin-top: -50px; padding-top: 5px; width: 59px; height: 60px; text-align: center; background: url('images/Date.png') no-repeat; } #content #thetime span{ height: 15px; width: 15px; margin-top: 5px; font-size:15px; } #content .entry{ margin-top: 25px; color: #111; } #content .entry a{ color: #00B800; text-decoration: none; } #content .entry a:hover{ color: #ff00E4; text-decoration: underline; } #content .entry blockquote{ width: 350px; padding-left: 5px; margin-left: 10px; border-left: 5px solid #333; } #content .entry img{ border: none; } #content .metadata{ list-style-type: none; word-spacing: 5px; width: 433px; min-height: 12px; padding: 10px; background-color: #777; border-top: 1px solid #333; border-bottom: 1px solid #333; } #content .metadata .tag{ border: none; float: left; width: 28px; height: 28px; background-image: url('http://macowiec.pl/upload/Tag1.png'); } #content .metadata a{ margin-left: 7px; color: #FFFFFF; text-shadow: #333 1px 1px 0px; text-decoration: none; } #content .metadata a:hover{ color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: underline; } #content .pagetitle{ width: 450px; text-align: center; } /*End Index*/ /*Begin Footer*/ #footer{ width: 508px; height: 174px; margin-left: 184px; margin-top: -14px; background-image: url('images/ColorBloomFooter.png'); } #footer p{ color: white; text-shadow: #333 1px 1px 0px; width: 500px; height: 60px; text-align: center; } #footer a{ color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: none; } #footer a:hover{ color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: underline; } /*End Footer*/ /*Begin Comments*/ .commentlist li{ list-style-type: none; width: 380px; margin-left: -12px; padding: 10px; } .commentlist li a{ color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: none; } .commentlist li a:hover{ color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: underline; } .commentlist li .Commenttop{ height: 15px; width: 400px; background-image: url('images/Comment_top.png'); } .commentlist li .Comment{ width: 400px; background-image: url('images/Comment_index.png'); } .commentlist li .gravatar{ float: left; display: block; margin-left: 20px; border: 1px solid #333; } .commentlist li .Author{ float: left; display: block; height: 5px; margin-top: 3px; margin-left: 2px; color: #eee; text-shadow: #333 1px 1px 0px; text-decoration: none; } .commentlist .Author a{ float: left; display: block; height: 5px; margin-top: 3px; margin-left: 2px; color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: none; } .commentlist li .Author a:hover{ float: left; display: block; height: 5px; margin-top: 3px; margin-left: 2px; color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: underline; } .commentlist li .comment_time{ float: left; display: block; height: 5px; margin-top: 12px; margin-left: 2px; color: #eee; text-shadow: #333 1px 1px 0px; } .commentlist li .Comment_text{ margin-top: 50px; display: block; width: 360px; margin-left: 20px; color: #fff; text-shadow: #333 1px 1px 0px; border-bottom: 1px solid #ddd; } .commentlist li .Comment_text a{ color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: none; } .commentlist li .Comment_text a:hover{ color: #fff000; text-shadow: #333 1px 1px 0px; text-decoration: underline; } .commentlist li .commentnumber{ float: right; margin-top: 5px; margin-right: 20px; color: #fff; text-shadow: #333 1px 1px 0px; } .commentlist li .Commentbottom{ background-image: url('images/Comment_bottom.png'); width: 450px; height: 28px; margin-left: -24px; } /*End Comments*/ /*Begin Formular*/ #commentform a{ color: #111; text-decoration: underline; } #commentform a:hover{ color: #ff00e4; text-decoration: underline; } #commentform #author, #commentform #email, #commentform #url, #comment{ background:#333; border:2px solid #fff; color:#ccc; text-shadow: #333 1px 1px 0px; padding-left:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #comment:focus{ color:#fff; text-shadow: #333 1px 1px 0px; } #commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #comment:focus{ color:#fff; text-shadow: #333 1px 1px 0px; background: #222; } #commentform #comment{ width:450px; } #commentform #submit{ background:#333; color:#ccc; text-shadow: #333 1px 1px 0px; border:1px solid #222; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #commentform #submit:hover{ color:#fff; background: #000; } /*End Formular*/ /*Begin Pages*/ .widecolumn{ list-style-type: none; } .pages{ position: absolute; margin-left: 650px; margin-top: 351px; line-height: 52px; } .pages li{ padding: 0px 5px 0 0; text-align: center list-style-type: none; background-image: url('images/Pageindex.png'); -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; } .pages li a{ text-decoration: none; color: #fff; } .pages li a:hover{ text-decoration: none; color: #aaa; text-shadow: #333 1px 1px 0px; } #pagecontent{ background: url('images/Indexbg.png'); width: 455px; margin-left: 184px; padding-top: 10px; padding-bottom: 25px; padding-left: 28px; padding-right: 25px; } #pagecontent h2{ text-align: center; width: 450px; height: 10px; padding-top: 0px; } #pagecontent .entry img{ border: none; } #pagecontent ul li a{ color: #111; text-decoration: underline; } #pagecontent ul li a:hover{ color: #ff00E4; text-decoration: underline; } #pagecontent a{ color: #111; text-decoration: underline; } #pagecontent a:hover{ color: #ff00E4; text-decoration: underline; } /*End Pages*/ /*Begin Navigation*/ .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 10px; } .navigation .alignleft a{ color: #111; text-decoration: underline; } .navigation .alignleft a:hover{ color: #ff00e4; text-decoration: underline; } .navigation .alignright a{ color: #111; text-decoration: underline; } .navigation .alignright a:hover{ color: #ff00e4; text-decoration: underline; } .aligncenter, div.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; /* optional rounded corners for browsers that support it */ -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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*End Navigation*/ |
|
|
|
18.2.2010 - 13:30
Post
#4
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 254 Nr: 5 919 |
Ok, w takim razie powiedz 'jak' próbowałeś, bo po kodzie widzę że moje rady zostały olane ...
|
|
|
|
![]() ![]() |
| : 23 05 12 - 16:48 |