header
-
Witam,
Używam szablonu simplex i mój problem polega na tym że header lekko „spadł”. ZDJĘCIE . W kodzie tym nie mogę się naprawdę połapać, więc może wy znacie odpowiedź.
style.css*{margin:0;padding:0;} body{background:#fbf6e5 url(images/bg.png) repeat-x top;color:#654c0c;font-family:Arial;font-size:62.5%;text-align:center;} a,a:link,a:visited{color:#a18e5c;text-decoration:none;} a:hover,a:active{color:#a18e5c;text-decoration:underline;} h1{font-family:Bookman, serif;font-size:2.3em;} h2{font-family:Bookman, serif;font-size:2em;} h3{font-family:Bookman, serif;font-size:1.8em;} h4{font-size:1.6em;} h5{font-size:1.4em;} h6{font-size:1.2em;} ul{padding-left:3.5em;} ol{padding-left:3.8em;} p{font-size:12px;line-height:150%;} img{border:none;} p img{border:none;float:left;margin:3px;padding:5px;} blockquote{background:#fbf6e5;border:dotted #fff 1px;display:block;margin:10px;padding:15px;} blockquote blockquote{padding:0 0 0 1em;} .bold{font-weight:700;} #container{margin:0 auto;text-align:left;width:940px;} #header{background:url(images/header.png);color:#333;height:234px;width:940px;} #wrapper{float:left;position:relative;width:690px;} #sidebar{display:inline;float:right;height:auto;padding:0 0 10px;width:250px;} #sidebar_left{display:inline;float:left;height:auto;padding:0 0 10px;width:250px;} #content{float:left;height:auto;width:650px;} #footer{clear:both;color:#644903;height:68px;margin-top:20px;padding-top:10px;text-align:center;width:940px;} #header .logo{border:none;display:inline;float:left;font-family:Bookman, serif;height:40px;margin:10px 30px 0 0;width:380px;} #header .logo h1{font-family:Bookman, serif;} #header .logo p{color:#b69747;font-family:Arial;} #header .intro{border:none;display:inline;float:left;height:135px;margin:25px 0 0 -200px;width:490px;} #header .intro h3{color:#81600c;font-weight:400;margin:10px 0 0 45px;} #header .intro h4{color:#81600c;font-weight:400;font-size:14;margin:10px 0 0 10px;font-style:italic;} #header .intro p{color:#8e7433;font-weight:400;margin:5px 0 5px 15px;} #header .intro a{font-size:1.2em;font-weight:400;margin:0 0 0 50px;} .widget{display:inline;float:left;margin:0;overflow:hidden;width:250px;} .widget h2{background:url(images/widget-heading-bg.png) no-repeat left;color:#6f5719;font-family:Bookman, serif;font-size:1.4em;font-weight:700;height:37px;line-height:37px;margin:0 0 0 30px;padding:0 0 0 20px;text-align:left;text-transform:uppercase;width:220px;} .widget a:link,.widget a:visited{border-bottom:1px solid #fbf6e5;color:#92835c;line-height:19px;padding-bottom:1px;text-decoration:none;} .widget a:hover,.widget a:active{border-bottom:1px solid #c9a961;color:#92835c;padding-bottom:1px;text-decoration:none;} .widget ul{color:#2e1901;font-size:12px;list-style-type:none;margin:0 0 10px 10px;text-align:left;} * html .widget ul{margin:0 0 10px 60px;} .widget ul ul{margin-left:15px;padding-bottom:10px;} .widget ul ul li{color:#2e1901;list-style-type:none;} .ads{background-color:#F1F1F1;float:left;height:220px;text-align:center;width:220px;} .post-date{background-color:red;float:left;height:60px;margin:0 10px 0 0;padding-top:2px;text-align:center;width:62px;} .month{font-size:1.8em;} .day{font-size:2.8em;} h2.permalink{font-size:22px;font-weight:700;height:auto;padding:0.6em 0 0 0.6em;width:95%;} h2.permalink a,h2.permalink a:hover,h2.permalink a:active{color:#6f530a;font-size:22px;text-decoration:none;} .post-entry{background:#f1e8ca;border:#fff solid 1px;display:block;font-size:1em;line-height:12px;margin:15px 0;padding:15px;width:640px;} .post-meta{color:#605018;font-size:11px;padding:5px 0 0 5px;} .post-meta a{text-decoration:none;} .post-meta a:hover,.post-meta a:active{background:transparent !important;text-decoration:underline;} .post-meta .comment{background:transparent url(images/comments-bg.png) no-repeat scroll 0;float:left;margin-left:0;padding:6px 0 6px 26px;} .post-meta .post-comment{background:transparent url(images/postcomment-bg.png) no-repeat scroll 0;float:left;margin-left:12px;padding:6px 0 6px 26px;} .navigation{font-size:1.2em;padding:1em 3.6em;} #footer p{color:#605018;font-family:Arial;font-size:1.2em;padding:25px 0 0 10px;text-align:center;} .entry form{text-align:center;} select{width:130px;} #comment{display:inline;float:left;margin:0 0 0 70px;} #commentform{margin:0;width:390px;} #commentform input{margin:5px 5px 1px 10px;padding:2px;width:120px;} #commentform textarea{float:left;margin:0 0 0 10px;padding:2px;width:100%;} #commentform #submit{float:right;margin:0 0 20px;} .avatar{display:inline;float:left;margin:0 5px 0 0;} .alt{margin:0;padding:10px;} img#comments{margin:0;padding:0;} .commentlist{padding:0;text-align:justify;} .commentlist li{list-style:none;margin:15px 0 3px;padding:5px 10px 3px;} #commentform p{margin:5px 0;} .nocomments{margin:0;padding:0;text-align:center;} .commentmetadata{margin:0;padding:0 0 0 30px;} #searchform{display:inline;float:right;margin:20px 225px 0 0;} #searchfield{background:none;border:none;float:left;font-size:14px;height:19px;margin:0 10px 0 0;} #searchsubmit{background:none;border:0 none;color:#FFF;cursor:pointer;float:left;height:24px;width:24px;} .clear:after{clear:both;content:".";display:block;height:0;visibility:hidden;} .clear{display:block;min-width:0;} * html .clear{height:1%;} h3#comments,h3#respond,.commentlist p{margin:10px 0;}header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title> <?php bloginfo('name'); ?> <?php wp_title(); ?> </title> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <meta name="robots" content="all" /> <!-- leave this for stats please --> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_head(); ?> <link rel="stylesheet" href="<?php echo get_bloginfo('template_directory'); ?>/style.css" type="text/css" media="screen" /> </head> <body> <div id="header"> <div class="logo"> <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1> <p><?php bloginfo('description'); ?></p> </div> <?php include (TEMPLATEPATH . '/searchform.php'); ?> <div class="intro"> <h3></h3> <center><h4></h4></center> <p> </p> </div> </div>
Zobacz 1 odpowiedź (z 1 wszystkich)
Zobacz 1 odpowiedź (z 1 wszystkich)
Temat ‘header’ jest zamknięty na nowe odpowiedzi.