Beiträge von Snouks
-
-
Eine Tabelle sehe ich nicht, eher eine Sidebar oder Sub-Menü's; und ja das kann die Sidebar, stichwort negativer margin-right & selektor #secondary .. zeile 151
Mit - margin-right - schiebt sich das Menü nach links oder macht sich über die ganze Seite breit.Mit den 5px wollte ich nur sehen wie das ganze aussieht.
Ich danke dir ganz herzlich! -
Wenn sich das umsetzen lässt, würde ich sehr gerne die Aufteilung wie auf dem Bild.
[Blockierte Grafik: http://zottel-bande.de/hinterg1.jpg] -
.container {
padding: 0px 10px;
}Hallo Wolf,
sei mir nicht böse aber du bist ein Schatz!
Kann die Tabelle noch weiter nach rechts? -
Hallo JR Cologne,
ich gebe dir sehr gerne alles was du benötigst! Aber verzeih mir wenn ich jetzt ganz blöd nach den HTML-Code fragen muss welche das sind?
Gerne gebe ich dir die Login wenn das für dich einfacher wäre! -
Frohes neues Jahr!
Sorry, dass ich nicht richtig erklären kann, was ich genau möchte.
Nachdem man überwiegend in Foren eine auf die Mütze bekommt (weil man keine Ahnung hat) suche ich im Netz und versuche es umzusetzen.
In den letzten fünf Jahren seid ihr das dritte Forum mit der Hoffnung kein auf die Mütze zu bekommen weil die Kenntnis oder Fachbegriffe fehlen.
Dazu kommt, das ich beruflich im Schichtdienst bin, da fehlt mir zu oft das aufraffen, für intensives auseinander des Innenlebens meiner Seite.
Das sollte einfach nur für euch eine Kurze Erklärung sein.
Auf den Bild was ich jetzt eingefügt habe, werden Ihr sehen wie ich meine Seite haben möchte.
Wäre wirklich super toll, wenn mir dabei jemand helfen könnte. Die Stelle habe ich gefunden aber den Code damit ich die Menüspalte an die richtige Stelle bekomme leider nicht.<img src="http://zottel-bande.de/hinterg1.jpg" alt="hinterg1.jpg" title="hinterg1.jpg" style="font-size: 0.8em;" />
-
CSS
Alles anzeigen/*Theme Name: Catch Kathmandu ProTheme URI: http://catchthemes.com/themes/catch-kathmandu-proAuthor: Catch ThemesAuthor URI: http://catchthemes.comDescription: Catch Themes has come up with a full-fledged Corporate/Blog premium WordPress theme, Catch Kathmandu Pro! The design is highly customizable and you can tailor the display to your taste with a few easy clicks. Based on HTML5 and CSS3, it is a responsive theme which automatically adapts to the screen's size, regardless of the devices the visitors use. It has a large screen layout which elegantly extends to 1280 pixels! If you are looking for a clean professional space which accommodates your visuals and yet provides you with ample amount of textual area, Catch Kathmandu Pro is your perfect find. Active community at http://catchthemes.com/support-forum/Version: 4.4License: GNU General Public License, version 3 (GPLv3)License URI: http://www.gnu.org/licenses/gpl-3.0.txtTags: black, blue, gray, white, dark,light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, front-page-post-form, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-readyText Domain: catchkathmandu This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.*/ /* =Reset-------------------------------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */}body { background: #fff;}article,aside,details,figcaption,figure,footer,header,#hgroup,nav,section { display: block;}ol, ul { list-style: none;}table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}caption, th, td { font-weight: normal; text-align: left;}blockquote:before, blockquote:after,q:before, q:after { content: "";}blockquote, q { quotes: "" "";}a:focus { outline: thin dotted;}a:hover,a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0;}a img { border: 0;} /* =Clearing================================================== */ /* Self Clearing Goodness */.container:after,.header-sidebar:after,.menu-header-container:after,#secondary-menu:after,#footer-menu:after,#featured-post:after,.entry-container:after,.entry-header:after,.widget:after,#supplementary:after,.site-info:after,.featued-content-wrap:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} /* You can also use a <br class="clear" /> to clear columns */.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* =Structure----------------------------------------------- */ .site { width: 1280px; margin: 40px auto;}#hgroup-wrap,#main-feat-img { clear: both;}#main-feat-img { display: block; margin: 0 auto; text-align: center;}#header-left { display: inline-block; float: left; max-width: 100%;}#header-top,#header-right { float: right;}#primary { clear: both; float: left; width: 750px;}#secondary { float: right; width: 380px;} /* =Margins and Paddings----------------------------------------------- */ .container { padding: 0 50px;}#hgroup-wrap,.hentry,.comments-area article { padding-bottom: 50px;}#site-logo,#hgroup,.header-sidebar,#supplementary,#main { padding-top: 50px;}.page-links,.widget,blockquote,#main #featured-post,.site-content .hentry,.site-content .site-navigation,#infinite-handle,.comments-title, #reply-title,#respond,.comments-area article { margin-bottom: 50px;}#homepage-message { padding-top: 30px; padding-bottom: 30px;}#homepage-message .right-section a { padding: 10px 30px;}.single-format-gallery .entry-meta { margin-top: 30px;}article.sticky .featured-sticky,.page-header,p,.featured-image,.entry-content table,.comment-content table,#content .searchform,.page-link,.single-attachment .entry-attachment img { margin-bottom: 30px;}.entry-header,article.format-aside .entry-title,.comments-area article header,.widget-feat-content { margin-bottom: 20px;}.page .entry-header,.widget-title { margin-bottom: 10px;}#header-right ul.social-profile li { margin: 10px 0 0 10px;}#header-right .widget,#featured-post .entry-header { margin-bottom: 0;}#header-right .widget { margin-top: 15px;}#header-right .widget.widget_catchkathmandu_social_widget { margin-top: 10px;}#site-generator .site-info { padding: 30px 0;}.entry-header .entry-title { padding-bottom: 10px;}.page .entry-header .entry-title,.tag-post-formats .entry-header .entry-title{ padding-bottom: 0;}#secondary .widget { padding: 30px 40px;}#secondary .widget.widget_catchkathmandu_social_widget { padding: 30px 40px 20px;} /* =Font Size----------------------------------------------- */ body,button,input,select,textarea { font-size: 16px; font-size: 1.6rem;}#site-title { font-size: 36px; font-size: 3.6rem; font-weight: bold; line-height: 1.6;}.entry-header .entry-title,#homepage-message h2,#homepage-message .right-section a,#featured-post #feature-heading { font-size: 26px; font-size: 2.6rem;}#homepage-message p { font-size: 16px; font-size: 1.6rem;}#featured-post .entry-title { font-size: 20px; font-size: 2rem;} /* =Global----------------------------------------------- */ body,button,input,select,textarea { color: #404040; font-family: sans-serif, Arial; line-height: 1.8; text-rendering: optimizeLegibility; word-wrap: break-word;}body { background-color: #eaeaea;}.site { background-color: #fff; -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);} hr { background-color: #ddd; border: 0; height: 1px; margin-bottom: 1.5em;} /* Text elements */dt { font-weight: bold;}dd { margin: 0 1.5em 1.5em;}b, strong { font-weight: bold;}dfn, cite, em, i { font-style: italic;}address { margin: 0 0 1.5em;}pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%;}code, kbd, tt, var { font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}abbr, acronym { border-bottom: 1px dotted #666; cursor: help;}mark, ins { background: #fff9c0; text-decoration: none;}sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}sup { bottom: 1ex;}sub { top: .5ex;}small { font-size: 75%;}big { font-size: 125%;}figure { margin: 0;}table { margin: 0 0 1.5em; width: 100%;}th { font-weight: bold;}button,input,select,textarea { border: 1px solid #eee; font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ padding: 10px; vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */}button,input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */}button,input[type="submit"],input[type="button"],input[type="reset"],article.post-password-required input[type=submit],li.bypostauthor cite span { padding: 12px 20px 10px; font-size: 14px; font-size: 1.4rem; line-height: 1.5; font-weight: normal; color: #7c7c7c; background-color: #ddd; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #ddd); background-image: -ms-linear-gradient(top, #f4f4f4, #ddd); background-image: -webkit-linear-gradient(top, #f4f4f4, #ddd); background-image: -o-linear-gradient(top, #f4f4f4, #ddd); background-image: linear-gradient(top, #f4f4f4, #ddd); border: 1px solid #d2d2d2; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}button,input[type="submit"],input[type="button"],input[type="reset"] { cursor: pointer;} button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);}button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);}input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */}input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box;}input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0;}input[type=text],input[type=email],textarea { color: #666; border: 1px solid #eee;}input[type=text]:focus,input[type=email]:focus,textarea:focus { color: #111;}input[type=text],input[type=email] { padding: 10px; width: 60%;}textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 90%;} /* Links */a { color: #21759b; outline: none; text-decoration: none;}a:focus,a:active,a:hover { text-decoration: underline;} /* Alignment */.alignleft { display: inline; float: left; margin-right: 1.5em;}.alignright { display: inline; float: right; margin-left: 1.5em;}.aligncenter { clear: both; display: block; margin: 0 auto;} /* Text meant only for screen readers */.assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important;} .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;} /* Display */.displayblock { display: block;}.displaynone { display: none;}img#wpstats { display: none;} /* =Header----------------------------------------------- */ #site-logo,#hgroup { display: inline-block; float: left;}#site-logo { line-height: 0; max-width: 100%;}#site-logo a { display: block; line-height: 0;}#hgroup.logo-enable.logo-left { padding-left: 15px;}#hgroup.logo-enable.logo-right { padding-right: 15px;}#site-title a { color: #000; text-decoration: none;}#site-title a:hover,#site-title a:focus,#site-title a:active { color: #0088cc;}#site-description { color: #333; font-size: 14px; font-style: italic; line-height: 1.4;}#site-title,#site-description { font-family: sans-serif,Arial;} /* =Menu----------------------------------------------- */ #secondary-menu { background-color: #2581aa;}#footer-menu { background-color: #1b5F7d;}#secondary-menu #access,#footer-menu #access,#access-secondary,#access-footer { clear: both; display: block; float: left; margin: 0 auto; width: 100%;}#secondary-menu ul.menu,#footer-menu ul.menu { list-style: none; text-align: center;}.header-sidebar .widget ul.menu li,#secondary-menu ul.menu li,#footer-menu ul.menu li { display: inline-block; position: relative; text-align: left;}.header-sidebar .widget ul.menu a,#secondary-menu ul.menu a,#footer-menu ul.menu a { color: #333; display: block; line-height: 45px; padding: 0 20px; text-decoration: none; white-space: nowrap;}#secondary-menu ul.menu a,#footer-menu ul.menu a { color: #fff; padding: 5px 25px;}#footer-menu ul.menu a { color: #ccc;}.header-sidebar .widget ul.menu ul a,#secondary-menu ul.menu ul a,#footer-menu ul.menu ul a { background-color: #2581aa; border-bottom: 1px dotted #ccc; color: #fff; font-size: 13px; font-size: 1.3rem; font-weight: 400; line-height: 23px; line-height: 2.3rem; height: auto; padding: 10px 19px; width: 168px; white-space: normal;}.header-sidebar .widget ul.menu ul,#secondary-menu ul.menu ul,#footer-menu ul.menu ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 45px; left: 0; list-style: none; width: 205px; z-index: 99999;}#secondary-menu ul.menu ul,#footer-menu ul.menu ul { top: 55px;}.header-sidebar .widget ul.menu ul ul,#secondary-menu ul.menu ul ul,#footer-menu ul.menu ul ul { left: 100%; top: 0;}.header-sidebar .widget ul.menu li:last-child,.header-sidebar .widget ul.menu ul li,#secondary-menu ul.menu li:last-child,#secondary-menu ul.menu ul li,#footer-menu ul.menu li:last-child,#footer-menu ul.menu ul li { border: none;}.header-sidebar .widget ul.menu li:hover > ul,#secondary-menu ul.menu li:hover > ul,#footer-menu ul.menu li:hover > ul { display: block;}.header-sidebar .widget ul.menu li:hover > a,.header-sidebar .widget ul.menu a:focus,.header-sidebar .widget ul.menu .current-menu-item > a,.header-sidebar .widget ul.menu .current-menu-ancestor > a,.header-sidebar .widget ul.menu .current_page_item > a,.header-sidebar .widget ul.menu .current_page_ancestor > a { background-color: #21759b; color: #fff;}#secondary-menu ul.menu li:hover > a,#secondary-menu ul.menu a:focus,#secondary-menu .menu .current-menu-item > a,#secondary-menu .menu .current-menu-ancestor > a,#secondary-menu .menu .current_page_item > a,#secondary-menu .menu .current_page_ancestor > a { background-color: #1b5F7d; color: #fff;}#footer-menu ul.menu li:hover > a,#footer-menu ul.menu a:focus,#footer-menu .menu .current-menu-item > a,#footer-menu .menu .current-menu-ancestor > a,#footer-menu .menu .current_page_item > a,#footer-menu .menu .current_page_ancestor > a { background-color: #1b5F7d; color: #fff;} /* =Responsive Menu (Tinynav.js)-------------------------------------------------------------- */.tinynav { display: none; font-size: 16px;}.sb-holder { background-color: #21759b; color: #fff; clear: both; display: none; height: 40px; margin: 0 auto; position: relative; width: 100%;}#footer-menu .sb-holder { background-color: #1b5F7d;}#masthead .sb-holder a,#masthead .sb-holder a:hover { color: #fff;}.sb-selector { display: block; height: 40px; left: 0; line-height: 42px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 100%;}.sb-selector:link,.sb-selector:visited,.sb-selector:hover { color: #fff; font-weight: bold; outline: none; text-decoration: none; text-shadow: 0 -1px 0 #000;}.sb-toggle { background: url(images/select-icons.png) 0 10px no-repeat; display: block; height: 40px; outline: none; position: absolute; right: 0; top: 0; width: 40px;}.sb-toggle-open { background: url(images/select-icons.png) 0 -45px no-repeat;}.sb-holder-disabled { background-color: #3c3c3c; border: 1px solid #515151;}.sb-options { background-color: #2581aa; list-style: none; left: 0; margin: 0; padding: 0; position: absolute; top: 30px; width: 100%; z-index: 99; overflow-y: auto;}.sb-options li { padding: 0;}.sb-options a { border-bottom: 1px solid #bbb; display: block; font-size: 12px; outline: none; padding: 6px 4px;; text-indent: 4px;}.sb-options a:link,.sb-options a:visited { color: #eee; text-decoration: none;}.sb-options a:hover,.sb-options a:focus,.sb-options a.sb-focus { background-color: #21759b;}.sb-options li.last a { border-bottom: none;}.sb-options .sb-disabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px;}.sb-options .sb-group { border-bottom: dotted 1px #515151; color: #ebb52d; display: block; font-weight: 700; padding: 7px 0 7px 3px;}.sb-options .sb-sub { padding-left: 17px;}.default-menu { display: none !important;}.sb-options li:last-child { display: none;} /* =Slider-------------------------------------------------------------- */ #main-slider { background-color: #21759b; border-bottom: 2px solid #1b5f7d; clear: both; display: block; position: relative; padding: 0;}.featured-slider { position: relative;}.featured-slider .slides { margin: 0; padding: 0;}.featured-slider .slides img { box-shadow: none; margin: 0 auto;}.featured-img a img { display: block; height: auto; margin: 0 auto; max-width: 100%;}#main-slider .entry-container { background-color: #21759b; /* Show a solid color for older browsers */ background-color: rgba(33, 117, 155, 0.6); border: 1px solid transparent; color: #fff; width: 350px; padding: 10px 25px 15px; position: absolute; bottom: 50px; left: 50px;}#main-slider .entry-container:hover { background-color: #21759b; /* Show a solid color for older browsers */ background-color: rgba(33, 117, 155, 1); border: 1px solid #1b5f7d; color: #fff;}#main-slider .entry-container .entry-header { margin: 0;}#main-slider .entry-container .entry-title a { cursor: pointer;}#main-slider .entry-container .entry-title,#main-slider .entry-container .entry-title a { color: #fff; padding: 0;}#main-slider .entry-container .entry-title span,#main-slider .entry-container .entry-title span:hover,#main-slider .entry-container .entry-content,#main-slider .entry-container .entry-content:hover { background-color: transparent; display: block; opacity: 1;}#main-slider .entry-container p { margin: 0; padding: 0;}#controllers { bottom: 2%; list-style: none outside none; position: absolute; right: 0; text-align: center; width: 100%; z-index: 20;}#controllers a { display: inline-block; width: 10px; height: 10px; cursor: pointer; background-color: #fff; border-radius: 24px; color: #333; font-weight: 600; line-height:24px; margin: 0 4px; text-indent: -48px; overflow: hidden;}#controllers a:hover,#controllers a.active { background-color: #21759b; /* Show a solid color for older browsers */}#slider-nav { bottom: 4%; display: block; position: absolute; right: 1.5%; z-index: 30;}#slider-nav a { background-color: #21759b; /* Show a solid color for older browsers */ background-color: rgba(33, 117, 155, 0.6); cursor: pointer; color: #ccc; display:inline-block; font-size: 28px; font-size: 2.8rem; font-weight: 200; line-height: 35px; padding: 0 10px; visibility: hidden;}#main-slider:hover #slider-nav a { background-color: #21759b; /* Show a solid color for older browsers */ background-color: rgba(33, 117, 155, 0.6); visibility: visible;}#main-slider #slider-nav a:hover { background-color: #21759b; /* Show a solid color for older browsers */ background-color: rgba(33, 117, 155, 1); color: #fff; text-decoration: none; visibility: visible;} /* =Homepage Headline-------------------------------------------------------------- */ #homepage-message { background-color: #21759b; border-bottom: 2px solid #1b5f7d; color: #fff; line-height: 1.5;}#homepage-message .left-section { float: left; margin: 0; text-align: left;}#homepage-message .right-section { float: right; text-align: center;}#homepage-message p { margin: 0}#homepage-message .right-section a { background-color: #9bc23c; border: 2px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; color: #fff; display: block;}#homepage-message .right-section a:hover { background-color: #87ae28; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) inset; text-decoration: none;} /* =Featured Posts-------------------------------------------------------------- */ #featured-post.featued-content-wrap,#featured-post .featued-content-wrap { margin-left: -4%;}#featured-post { border-bottom: 1px solid #eee;}#featured-post figure { margin-bottom: 15px;}#featured-post #feature-heading { border-bottom: 1px solid #eee; margin-bottom: 20px;}#featured-post .entry-title { color: #222; padding-bottom: 5px;}#featured-post .post { display: inline; float: left;}#featured-post.layout-four .post { margin-left: 4%; width: 21%;}#featured-post.layout-three .post { margin-left: 4%; width: 29.3%;}#featured-post.layout-four .post:nth-child(4n+1),#featured-post.layout-three .post:nth-child(3n+1) { clear: both;} /* =Content----------------------------------------------- */ #content .page { border: none; padding-bottom: 0;}.entry-meta { clear: both; color: #757575; font-size: 14px; font-size: 1.4rem;}.entry-header .entry-title { color: #222;}.entry-header .entry-title a { color: #222; text-decoration: none;}.entry-header .entry-title a:hover { color: #0088cc;}.page-header { border-top: 4px double #ddd; border-bottom: 4px double #ddd; color: #757575; font-size: 14px; font-size: 1.4rem; line-height: 3.5; text-align: center;}.byline { display: none;}.single .byline,.group-blog .byline { display: inline;}.page-links { clear: both; font-size: 20px; font-size: 2rem;}.site-content article { border-bottom: 1px solid #eee; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}.entry-content ol,.comment-content ol,.entry-content ul,.comment-content ul,.mu_register ul { margin: 0 0 24px; line-height: 1.7;}.entry-content ul ul,.comment-content ul ul,.entry-content ol ol,.comment-content ol ol,.entry-content ul ol,.comment-content ul ol,.entry-content ol ul,.comment-content ol ul { margin-bottom: 0;}.entry-content ul,.comment-content ul,.mu_register ul { list-style: disc outside;}.entry-content ol,.comment-content ol { list-style: decimal outside;}.entry-content li,.comment-content li,.mu_register li { margin: 0 0 0 36px;}.entry-content h1,.comment-content h1 { font-size: 24px; font-size: 2.4rem;}.entry-content h2,.comment-content h2 { font-size: 22px; font-size: 2.2rem;}.entry-content h3,.comment-content h3 { font-size: 20px; font-size: 2rem;}.entry-content h1,.comment-content h1,.entry-content h2,.comment-content h2,.entry-content h3,.comment-content h3 { margin-bottom: 10px;}.entry-content h4,.comment-content h4 { font-size: 18px; font-size: 1.8rem;}.entry-content h5,.comment-content h5 { font-size: 16px; font-size: 1.6rem;}.entry-content h6,.comment-content h6 { font-size: 14px; font-size: 1.4rem;}.entry-content table,.comment-content table { border-bottom: 1px solid #eee; width: 100%;}.entry-content td,.comment-content td { border-top: 1px solid #eee; padding: 10px 10px 8px 0;} /* =Left Sidebar Content Layout-------------------------------------------------------------- */ .left-sidebar #primary { float: right;}.left-sidebar #secondary { float: left;} /* =Full WidthContent Layout & WooCommerce Layout-------------------------------------------------------------- */ .no-sidebar-full-width #primary,.woocommerce-nosidebar #primary { width: 100%} /* =error404----------------------------------------------- */ .error404 #primary,.no-sidebar #primary { float: none; margin: 0 auto;}.error404 .searchform { margin-bottom: 30px;}.error404 .site-content article { border-bottom: 0;}.error404 .site-content ul li { margin: 0;} /* =Sticky----------------------------------------------- */ article.sticky .featured-sticky { border-top: 4px double #ddd; border-bottom: 4px double #ddd; color: #757575; line-height: 3.5; text-align: center;} /* =Asides----------------------------------------------- */ article.format-aside .entry-header { margin-bottom: 0;}article.format-aside .entry-title { font-size: 24px; font-size: 2.4rem; padding-bottom: 0;}article.format-aside .entry-title a { text-decoration: none; color: #222;}article.format-aside .entry-title a:hover { color: #0088cc;}article.format-aside .aside { margin-bottom: 30px; padding: 30px; background: #d2e0f9; border-left: 22px solid #a8bfe8;}article.format-aside p { font-size: 14px; font-size: 1.4rem; line-height: 1.5; color: #4a5466;}article.format-aside blockquote:last-child,article.format-aside p:last-child { margin-bottom: 0;} /* =Post Format----------------------------------------------- */ .post-format .entry-title { float: left; max-width: 85%; padding-bottom: 0;}article .entry-format { margin-top: 5px; padding: 0 10px; float: right; font-size: 11px; font-size: 1.1rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; clear: none; color: #848484; background-color: #ebebeb;}article .entry-format a { color: #848484; text-decoration: none;}article .entry-format a:hover { color: #0088cc;} /* =Link----------------------------------------------- */ article.format-link .entry-content { float: left; font-size: 25px; font-size: 2.5rem; line-height: 1.5; max-width: 85%;}article.format-link .entry-content a { text-decoration: none;} /* =Image & Gallery----------------------------------------------- */ article.format-gallery .entry-format { clear: none;} /* =Quote posts----------------------------------------------- */ blockquote { display: block; padding: 30px; color: #6a6a6a; background: #efefef;}blockquote p { margin-bottom: 0;} /* =Status posts----------------------------------------------- */ article.format-status .entry-format,article.format-status .entry-title { clear: none;}article.format-status .entry-title { float: left; padding-bottom: 0;}.format-status .entry-header img { float: left; margin-right: 15px;} /* =Chat----------------------------------------------- */ .chat-transcript { background-color: #efefef; margin-bottom: 30px; padding: 0 30px 1px;}.chat-author { color: #757575; font-size: 13px; font-size: 1.3rem;}.chat-row { border-bottom: 1px solid #eee; padding-top: 30px;}.chat-row:last-child { border: none;} /* =Media----------------------------------------------- */ .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */}img[class*="align"],img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}#hgroup-wrap img,.featured-image img,.entry-content img,img.size-full,img.size-large,img.wp-post-image { display: block; max-width: 100%; height: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */}#featured-post img,#main-slider img { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}#hgroup-wrap a:hover img,.featured-image a:hover img,.entry-content a:hover img,.comment-content a:hover img,.widget a:hover img,a:hover img.header-image,.author-avatar a:hover img,a:hover img.wp-post-image { opacity: 0.9;}.entry-header img.wp-post-image { margin-bottom: 15px;}.entry-content img.wp-smiley,.comment-content img.wp-smiley { border: none; display: inline-block; margin-bottom: 0; margin-top: 0; padding: 0;}.wp-caption { border: 1px solid #eee; max-width: 100%;}img.aligncenter,img.alignleft,img.alignright,.wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright { margin-top: 8px; margin-bottom: 10px;}.wp-caption img { display: block; margin: 1.2% auto 0; max-width: 98%;}.wp-caption .wp-caption-text,.gallery-caption, .entry-caption { color: #757575; font-size: 14px; font-size: 1.4rem; font-style: italic; text-align: center;}.wp-caption .wp-caption-text { margin: 10px auto; max-width: 98%;}.gallery-item a,.gallery-caption { width: 90%;}.gallery-item a { display: block;}.gallery-caption a { display: inline;}.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto;}.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%;}.gallery-columns-1 .gallery-icon img { padding: 3%;}.single-attachment .image-attachment img { display: block; margin: 0 auto;} /* Make sure embeds and iframes fit their containers */embed,iframe,object { max-width: 100%;} /* =Navigation----------------------------------------------- */ .site-content .site-navigation,#infinite-handle { overflow: hidden;}#nav-above { display: none;}.site-content .nav-previous,.site-content .previous-image { float: left; width: 50%;}.site-content .nav-next,.site-content .next-image { float: right; text-align: right; width: 50%;}#image-navigation { padding-top: 10px;} /* =Scrollup----------------------------------------------- */ a#scrollup { background-color: #000; bottom: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; display: none; -webkit-font-smoothing: antialiased; font: normal 24px/1 'Genericons'; padding: 5px; position: fixed; right: 20px; text-decoration: none; vertical-align: top; opacity: 0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ z-index: 999;}a#scrollup:before { content: '\f432';}a#scrollup:hover { opacity: 1; filter:alpha(opacity=100); /* For IE8 and earlier */} /* =Jetpack plugins----------------------------------------------- */ /* Infinite Scroller */#content #infinite-handle { display: block; text-align: center; width: 100%;}#content #infinite-handle span { background-color: #21759b; color: #fff; display: block; font-size: 14px; padding: 10px 0; width: 100%;}#content #infinite-handle span:hover { background-color: #1b5f7d;} /* =WP PageNavi and WP Page Numbers plugins----------------------------------------------- */#nav-below .wp-pagenavi { float: right;}#nav-below .wp-pagenavi a,#nav-below .wp-pagenavi span,#nav-below #wp_page_numbers ul li a,.page-link span,.page-link a span { border: none; float: left; height: 30px; background-color: #21759b; color: #ddd; text-align: center; font-size: 14px; line-height: 30px; display: block; padding: 0 12px; text-decoration: none;}#nav-below .wp-pagenavi a,#nav-below .wp-pagenavi span,.page-link span { margin: 0 0 0 10px;}#nav-below .wp-pagenavi span.pages,.page-link span.pages { color: #555; background: none; padding: 2px 0 0 0;}#nav-below .wp-pagenavi a:hover,#nav-below #wp_page_numbers ul li a:hover,.page-link a span:hover { background-color: #1b5f7d; color: #fff;}#nav-below .wp-pagenavi span.current,#nav-below #wp_page_numbers ul li.active_page a,.page-link span { background-color: #1b5f7d; color: #fff; font-weight: normal;}#nav-below #wp_page_numbers { background: none repeat scroll 0 0 transparent; float: right; margin: 0; width: auto;}#nav-below #wp_page_numbers ul { border: none; list-style: none;}#nav-below #wp_page_numbers ul li { color: #aaa; float: left; font-size: 12px; line-height: 30px; margin-left: 10px;}#nav-below #wp_page_numbers ul li.page_info { background: none; border: none;} /* =Comments----------------------------------------------- */ .bypostauthor {}#commentform input { display: block;}#commentform .comment-subscription-form input { display: inline-block;}#respond p { margin-bottom: 20px;}.comments-area article header { overflow: hidden; position: relative;}.comments-area article header img { float: left; padding: 0; line-height: 0;}.comments-area article header cite,.comments-area article header time { display: block; margin-left: 80px;}.comments-area article header cite { font-style: normal;}.comments-area article header time { color: #757575; font-size: 12px; font-size: 1.2rem; line-height: 1.2;}.comments-area article header a { text-decoration: none; color: #5e5e5e;}.comments-area article header a:hover { color: #21759b;}.comments-area article header cite a { color: #444;}.comments-area article header cite a:hover { text-decoration: underline;}.commentlist .children { margin-left: 48px;}.comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; padding: 2px 5px 1px; font-size: 10px; font-size: 1rem;}li.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93;} /* =Widgets----------------------------------------------- */ #secondary .widget { border: 1px solid #eee; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);}.widget-title { color: #222; font-size: 20px; font-size: 2rem;}.widget-area .widget a { color: #757575;}.widget-area .widget .widget-title a { color: #222;}.widget-area .widget a:hover { color: #0088cc;}.widget ul,.widget ol { list-style: none; margin-left: 0;}.widget-area .widget ul ul { margin-left: 15px;}/* Calendar Widget */#wp-calendar {}#wp-calendar th,#wp-calendar td,#wp-calendar caption { text-align: left;}#wp-calendar #next { padding-right: 35px; text-align: right;} /* Search Widget */input#s { background: url("images/search.png") no-repeat scroll 5px 6px transparent; height: 22px; padding: 5px 10px 5px 28px; width: 85%;}#searchsubmit { padding: 9px 20px; display: none;} /* Header Right widget */.header-sidebar .widget { clear: both; float: right;}.header-sidebar #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 72px;}.header-sidebar #s:focus { width: 166px;}.header-sidebar .widget-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 0;}.header-sidebar .widget,input[type="text"],input[type="email"],textarea { color: #757575;} .header-sidebar .widget ul { list-style: none;}.header-sidebar .widget:last-child { margin-bottom: 0;}.header-sidebar .menu,.header-sidebar .widget_text { float: right;} /* ==Social Profile----------------------------------------------- */ ul.social-profile { list-style:none; margin-left: -10px;}.header-sidebar ul.social-profile { float:right;}ul.social-profile li { display: inline-block; float: left; margin: 0 0 10px 10px;}ul.social-profile li a { display: block; background: url("images/social-profile.png") right bottom no-repeat; width: 33px; height: 33px; text-indent: -99999px;}ul.social-profile li.facebook a { background-position: 0 0;}ul.social-profile li.facebook a:hover { background-position: 0 -43px;}ul.social-profile li.twitter a { background-position: -44px 0;}ul.social-profile li.twitter a:hover { background-position: -44px -43px;}ul.social-profile li.you-tube a { background-position: -87px 0;}ul.social-profile li.you-tube a:hover { background-position: -87px -43px;}ul.social-profile li.rss a { background-position: -130px 0;}ul.social-profile li.rss a:hover { background-position: -130px -43px;}ul.social-profile li.google-plus a { background-position: -173px 0;}ul.social-profile li.google-plus a:hover { background-position: -173px -43px;}ul.social-profile li.pinterest a { background-position: -216px 0;}ul.social-profile li.pinterest a:hover { background-position: -216px -43px;}ul.social-profile li.slideshare a { background-position: -259px 0;}ul.social-profile li.slideshare a:hover { background-position: -259px -43px;}ul.social-profile li.foursquare a { background-position: -302px 0;}ul.social-profile li.foursquare a:hover { background-position: -302px -43px;}ul.social-profile li.viemo a { background-position: -345px 0;}ul.social-profile li.viemo a:hover { background-position: -345px -43px;}ul.social-profile li.myspace a { background-position: -388px 0;}ul.social-profile li.myspace a:hover { background-position: -388px -43px;}ul.social-profile li.flickr a { background-position: -431px 0;}ul.social-profile li.flickr a:hover { background-position: -431px -43px;}ul.social-profile li.dribbble a { background-position: -474px 0;}ul.social-profile li.dribbble a:hover { background-position: -474px -43px;}ul.social-profile li.wordpress a { background-position: -517px 0;}ul.social-profile li.wordpress a:hover { background-position: -517px -43px;}ul.social-profile li.deviantart a { background-position: -560px 0;}ul.social-profile li.deviantart a:hover { background-position: -560px -43px;}ul.social-profile li.linkedin a { background-position: -603px 0;}ul.social-profile li.linkedin a:hover { background-position: -603px -43px;}ul.social-profile li.tumblr a { background-position: -646px 0;}ul.social-profile li.tumblr a:hover { background-position: -646px -43px;}ul.social-profile li.delicious a { background-position: -689px 0;}ul.social-profile li.delicious a:hover { background-position: -689px -43px;}ul.social-profile li.lastfm a { background-position: -732px 0;}ul.social-profile li.lastfm a:hover { background-position: -732px -43px;}ul.social-profile li.instagram a { background-position: -775px 0;}ul.social-profile li.instagram a:hover { background-position: -775px -43px;}ul.social-profile li.github a { background-position: -818px 0;}ul.social-profile li.github a:hover { background-position: -818px -43px;}ul.social-profile li.odnoklassniki a { background-position: -860px 0;}ul.social-profile li.odnoklassniki a:hover { background-position: -860px -43px;}ul.social-profile li.vkontakte a { background-position: -903px 0;}ul.social-profile li.vkontakte a:hover { background-position: -903px -43px;}ul.social-profile li.myworld a { background-position: -946px 0;}ul.social-profile li.myworld a:hover { background-position: -946px -43px;}ul.social-profile li.goodreads a { background-position: -989px 0;}ul.social-profile li.goodreads a:hover { background-position: -989px -43px;}ul.social-profile li.skype a { background-position: -1033px 0;}ul.social-profile li.skype a:hover { background-position: -1033px -43px;}ul.social-profile li.soundcloud a { background-position: -1076px 0;}ul.social-profile li.soundcloud a:hover { background-position: -1076px -43px;}ul.social-profile li.email a { background-position: -1119px 0;}ul.social-profile li.email a:hover { background-position: -1119px -43px;}ul.social-profile li.contactus a { background-position: -1119px 0;}ul.social-profile li.contactus a:hover { background-position: -1119px -43px;}ul.social-profile li.xing a { background-position: -1162px 0;}ul.social-profile li.xing a:hover { background-position: -1162px -43px;}ul.social-profile li.meetup a { background-position: -1205px 0;}ul.social-profile li.meetup a:hover { background-position: -1205px -43px;}ul.social-profile li.custom-social a { background: none; text-indent: 0;}ul.social-profile li.custom-social a .icon-hover,ul.social-profile li.custom-social.has-hover a:hover .icon-static { display: none;}ul.social-profile li.custom-social.has-hover a:hover .icon-hover { display: inline-block;} /*ul.social-profile li.custom-social a img { border: 1px solid #bbb; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: none; max-height: 31px;}*/ /* =Footer----------------------------------------------- */ #colophon { border-top: 2px solid #1b5f7d; clear: both;}#footer-sidebar { background-color: #21759b;}#site-generator { background-color: #1b5f7d; color: #ccc;}#site-generator a { color: #eee;}#site-generator a:hover { color: #fff; text-decoration: none;}#supplementary { overflow: hidden;}#supplementary .widget-area { float: left;}#supplementary .widget-area,#supplementary .widget-area a { color: #ddd;}#supplementary .widget-title,#supplementary .widget-title a { color: #fff;}#supplementary .widget-title a:hover { text-decoration: none;} /* Two Footer Widget Areas */#supplementary.two .widget-area { float: left; width: 48%;}#supplementary.two .widget-area + .widget-area { float: right;} /* Three Footer Widget Areas */#supplementary.three .widget-area { float: left; margin-right: 4%; width: 30.6%;}#supplementary.three .widget-area + .widget-area + .widget-area { margin-right: 0;} /* Four Footer Widget Areas */#supplementary.four .widget-area { float: left; margin-left: 4%; width: 22%;}#supplementary.four #first.widget-area { margin-left: 0;}#site-generator { font-size: 13px; font-size: 1.3rem;}#site-generator .copyright,#site-generator .powered { width: 49%;}#site-generator .copyright { clear: both; float: left; text-align: left;}#site-generator .powered { float: right; text-align: right;} /* =Breadcrumb----------------------------------------------- */ #masthead .breadcrumb { padding-top: 25px;}.breadcrumb ul { list-style: none; margin: 0 0 0 1px; float: left;}.breadcrumb ul li { float: left; margin: 0 0 0 -1px; font-size: 12px; line-height: 23px; border: 1px solid #1b5F7d;}.breadcrumb ul li a { background: url("images/breadcrumb-bg.png") no-repeat right 8px #fff; color: #21759b; display: block; float: left; font-style: italic; padding: 0 22px 0 12px;}.breadcrumb ul li a:hover { text-decoration: none;}.breadcrumb ul li a:hover, .breadcrumb ul li.current_item { background-position: right -12px; background-color: #21759b; color: #fff;}.breadcrumb ul li.current_item { background-image: none; padding: 0 15px;}
Sorry, wenn ich das gewusst hätte, dann hätte ich den Code gleich mit eingefügt
#mce_temp_url# -
ich möchte gerne die Menü Spalte wie auf dem Bild verändert haben.
Habe mir die halbe Nacht ohne Erfolg um die Ohren gehauen.<img src="http://www.zottel-bande.de/startseite.png" alt="startseite.png" title="startseite.png" style="font-size: 0.8em;" />
Das weiße Kästchen was ich auf dem Bild eingezeichnet habe, so möchte ich den Contentbereich gesetzt haben.Vorgestern hatte ich das ungewollt geschafft nur habe ich leider die Seite so zerschossen, dass ich alles neu machen musste.
Danke im Voraus!!LG, Andrea