zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigation positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.04.2013, 22:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.02.2012
Beiträge: 11
maybebabe befindet sich auf einem aufstrebenden Ast
Standard Navigation positionieren

Hallo,

ich bin ein absoluter Anfänger was Css angeht. Ich versuche nun schon seit gestern meine Hauptnavigation (main navigation) linksbündig genau unter die oberste Navigation zu bringen aber es klappt nicht. irgendwie ist alles ein wenig verschoben. Außerdem ragt der Hintergrund der Navigation zu weit nach links rein.


Des weiteren möchte ich die Boxen in der Sidebar schmaler machen finde aber nicht die dazugehörige Css.

Es wäre toll wenn mir jemand diesbezüglich weiterhelfen könnte.

Css:

/* globals */
html { height: 100%; min-height:

100%; margin: 0; padding: 0; }
body { background-color: #FFFFFF;

color: #5c5157; font: 12px Verdana,Arial,sans-serif; height: 100%;

min-height: 100%; margin: 0; padding: 0; border: none; }

.clearfix:after { clear: both; content: "."; display:

block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

a, a:link, a:visited { color: #b8a3ae; text-decoration: none; }
a:hover { color: #5c5157; }
a img { border: none; }
a:focus, a:hover, a:active { outline: none; }

h2, h3, h4, h5, h6 { margin: 1em 0; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p { line-height: 1.0em;

margin: 0 0 1.25em; padding: 0; }
blockquote { border-left: 2px solid

#e9e3e6; color: #5c5157; padding: 5px 10px 1px; font-style: normal; }
code { background: #FFFFFF; color:

#5c5157; font-family: Consolas, Monaco, Courier, monospace; font-size:

12px; margin: 1px 0; padding: 1px 3px; }
pre code { background: #FFFFFF; border:

1px solid #FFF; color: #5c5157; display: block; overflow: scroll;

padding: 1.5em 1.75em; }

input[type=text], input[type=password], textarea { background:

url(form.jpg) repeat-x top #FFF; border: 1px solid #e9e3e6; padding:

3px; }
input[type=submit], #wp-email-submit { font-family: Verdana,

Helvetica, Arial, sans-serif; background: url(feed-title-white.jpg)

repeat-x; border: 1px solid #e9e3e6; padding: 5px 10px; font-size:

12px; color: #5c5157; font-weight: normal; }
input[type=submit]:hover, #wp-email-submit:hover { background:

#FFFFFF; color: #bfacb6; }

label.error { border: 1px solid #e9e3e6;

color: #5c5157; background: #FFFFFF; margin: 5px 0; }

table { border-collapse: collapse;

border-spacing: 0; border: 1px solid #e9e3e6; }
th, td { padding: 5px; border: 1px

solid #e9e3e6; border-width: 1px; }
th, thead th { font-weight: 400; color: #5c5157;

background: #FFFFFF; }
td, tbody td { background: #FFFFFF; }

dl { margin: 0; font-size: 14px; }
dl dt { color: #5c5157; padding-bottom: 3px; }
dl dd { margin: 0 0 10px 0; line-height: 1.5em; }

/* common classes */
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0

1em 1em; }
.alignleft { float: left; margin: 0 1em

1em 0; }
.floatleft { float: left; }
.floatright { float: right; }
img.aligncenter, img.alignright, img.alignleft { border: 1px solid

#e9e3e6; text-align: center; background: #FFFFFF; padding: 4px; }

.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }

.wp-caption { border: 1px solid #e9e3e6; text-align: center;

background: #FFFFFF; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px;

padding: 0 4px 5px; margin: 0 }

.sub { font-size: 11px; color:

#5c5157; }

.ui-tabs-hide, .hide { display: none !important; }

.tags a:link, .tags a:visited { text-decoration: none; font-weight:

400; padding: 0 5px 3px; line-height: 1.3em; display: inline-block; }
.tags a:hover { text-decoration:

underline; }

.xoxo { padding: 0; }

.avatar { float: left; margin: 0 10px

10px 0; border: 1px solid #e9e3e6; padding: 0; }

/* structure */
#wrapper { min-height: 100%; position:

relative; padding: 20px 0; }
#main { padding: 10px 10px 0; }

/* header */
#header { background: #FFFFFF;

border-bottom: 1px solid #FFFFFF; padding: 0; }
#branding { width: 980px; margin: 0

auto; padding: 0 0 20px; }
.logo { max-width: 590px; float:

left; margin: 21px 0 0 10px; }
.blog-name { font-family: 'Segoe UI',

Verdana, Helvetica, sans-serif; font-size: 22px; margin: 0 0 3px;

line-height: 1em; display: block; text-transform: uppercase;

letter-spacing: 1px; font-weight: normal; }
.blog-name a:link, .blog-name a:visited { color: #5c5157;

text-decoration: none; }
.blog-description { font-family: 'Segoe UI', Arial,

Helvetica, sans-serif; line-height: 1em; display: block; font-size:

11px; font-weight: normal; color: #5c5157; margin: 0; padding: 3px 0

0; text-transform: uppercase; }

/* Menus */
.sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0;

z-index: 101; }
.sf-menu { line-height: 1; }
.sf-menu ul { position: absolute; left: -999em; width: 12em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.8em;

z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;

}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 12em;

top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:

-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:

12em; top: 0; }
.sf-shadow ul { background: url(shadow.png) no-repeat bottom

right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px;

-moz-border-radius-topright: 17px; -webkit-border-top-right-radius:

17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

#top-menu, #nav { min-width: 990px; }
#top-menu-content, #nav-content { margin: 0 auto; width: 978px; }
#top-menu-content .sf-menu, #nav .sf-menu { float: left; line-height:

1.1; max-width: 770px; }

/* top menu */
#top-menu { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#top-menu-content { height: 25px; padding: 3px 0; }
#top-menu-content .sf-menu { text-transform: uppercase; margin: 0

2px; }
#top-menu .sf-menu a { display: block; text-decoration: none;

padding: 7px 10px 8px; color: #5c5157; font-size: 10px; border-right:

1px solid #e9e3e6; }
#top-menu .sf-menu ul a { border: none; }
#top-menu .sf-menu ul li { border: 1px solid #FFFFFF; margin-top:

-1px; }
#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu

.sf-menu li.sfHover, #top-menu .sf-menu ul li { color: #5c5157;

background: #e9e3e6; }
#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover,

#top-menu .sf-menu ul li:hover { color: #e9e3e6; background: #FFFFFF;

}
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #5c5157; }
#top-menu .sf-menu li li a { padding: 7px 10px; line-height: 1;

height: auto; font-size: 12px; }
#top-menu .sf-menu .sf-with-ul { padding-right: 15px; }
#top-menu .sf-sub-indicator { background: url(dropdown.png)

no-repeat; width: 5px; height: 5px; text-indent: -9999px; display:

inline-block; position: relative; left: 7px; top: 0; vertical-align:

middle; }
#top-menu .sf-menu ul .sf-sub-indicator { display: none; }
#top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul {

top: 2.4em; }
#top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li

li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu

ul.sf-menu li li li.sfHover ul { top: 0; }

/* main navigation */
#nav { background: url(postbar.jpg) repeat-x bottom #e9e3e6; width:
770px; border-bottom: 1px solid #e9e3e6; }
#nav-content { height: 32px; margin:0;
padding:0;
text-align:center; width: 770px; }
#nav .sf-menu { float: right; line-height: 1.0; width: 770px;
text-transform: uppercase; }
#nav .sf-menu a { display: block; text-decoration: none; padding:
10px 12px; color: #5c5157; font-size: 12px; text-align:center border:

solid #e9e3e6;
border-width: 0 1px; margin-right: -1px; }
#nav .sf-menu ul li { border: 1px solid #FFFFFF; margin-top: -2px; }
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu
li.sfHover, #nav .sf-menu ul li { background: url(content-bg.jpg)
repeat-x top; color: #5c5157; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu
ul li:hover { color: #bfacb6; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #b8a3ae; }
#nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height:
auto; font-size: 11px; border: none; }
#nav .sf-menu .sf-with-ul { padding-right: 15px; }
#nav .sf-sub-indicator { background: url(dropdown_dark.png)
no-repeat; width: 5px; height: 5px; text-indent: -9999px; display:
inline-block; position: relative; left: 7px; top: 0; vertical-align:
middle; }
#nav .sf-menu ul .sf-sub-indicator { display: none; }
#nav .quick-nav li { padding-top: 5px; }

.quick-nav { float: left; list-style:

none; margin: 0; padding: 0; }
.quick-nav li { padding: 7px 5px 0 0; float: left;

display: inline; }
.quick-nav a:link, .quick-nav a:visited { display: block; text-indent:

-9000px; width: 20px; height: 20px; float: left; clear: left; opacity:

0.6; }
.quick-nav a:hover { opacity: 1; }

.quick-nav #rss { background:

url(../../images/social/rss.png) no-repeat center center; }
.quick-nav #twitter { background:

url(../../images/social/twitter.png) no-repeat center center; }
.quick-nav #facebook { background:

url(../../images/social/facebook.png) no-repeat center center; }
.quick-nav #gplus { background:

url(../../images/social/gplus.png) no-repeat center center; }
.quick-nav #flickr { background:

url(../../images/social/flickr.png) no-repeat center center; }
.quick-nav #youtube { background:

url(../../images/social/youtube.png) no-repeat center center; }

/* search bar */
#searchbar { float: right; overflow:

hidden; margin: 25px 0 0; }
.searchform { margin: 0; }
.searchform .s { font-family: Verdana, Helvetica,

Arial, sans-serif; font-size: 12px; border: 1px solid #e9e3e6;

background: #FFF; padding: 6px 3px 5px; margin: 1px 5px 0 0; float:

left; width: 160px; }
.searchform .searchsubmit { float: left; cursor: pointer; border: 1px

solid #e9e3e6; background: url(postbar-black.gif) repeat-x; color:

#5b5b5b; }
.searchform .searchsubmit:hover { background: #FFF; color: #e9e3e6; }

/* sidebar */
.sidebar .xoxo { list-style: none; padding: 0;

margin: 0; }
.widgetcontainer { padding: 10px; background:

url(content-bg.jpg) repeat-x #FFF; background-position: 0 26px;

border: 1px solid #e9e3e6; margin-bottom: 10px; }
.widgetcontainer ul, .widgetcontainer .xoxo, .widgetcontainer ol

{ list-style: disc; margin: 0 0 0 15px; padding: 0; }
.widgetcontainer li { margin: 4px 0; }
.widgetcontainer a { font-weight: 400; }
.widgetcontainer input[type=text], .widgetcontainer

input[type=password] { width: 80%; }
.widgetcontainer .excerpt { font-size: 12px; margin: 5px 0; }
.widgetcontainer .searchform .searchsubmit { margin: 5px 0 0; }
.widgettitle { color: #5c5157; font-size: 12px;

font-weight: normal; margin: -10px -10px 10px; padding: 5px 10px;

background: url(feed-title-white.jpg) repeat-x top #e9e3e6;

border-bottom: 1px solid #e9e3e6; height: 19px; }
.widgettitle a { color: #5c5157; }
.widgetcontainer a:link, a:visited { color: #5c5157;

text-decoration: none; }
.widgetcontent { line-height: 1.4em; }

.multi-sidebar .thumb, .multi-sidebar .recentcomments .avatar,

.featured-stories .thumb { float: left; border: 1px solid

#e9e3e6; margin: 0 10px 0 0; }
.sidebar-read-more:link, .sidebar-read-more:visited { font-size:

12px !important; text-transform: uppercase; font-weight: normal;

color: #5c5157; }

.multi-sidebar .tabs { list-style: none; margin: 0 0 5px; padding:

0; overflow: hidden; }
.multi-sidebar .tabs li { float: left; background: #FFFFFF; padding:

5px; margin: 0 3px 5px 0; border: 1px solid #e9e3e6; }
.multi-sidebar .tabs a:link, .multi-sidebar .tabs a:visited {

text-decoration: none; font-weight: normal; color: #5c5157; }
.multi-sidebar .tabs a:hover { border-bottom: 1px dotted #e9e3e6; }
.multi-sidebar .tabs .ui-tabs-selected { background: #FFF; }


.multi-sidebar .tabs .ui-tabs-selected a:link, .multi-sidebar .tabs

.ui-tabs-selected a:visited { color: #bfacb6; }
.multi-sidebar .widgetcontainer { background: url(content-bg.jpg) top

repeat-x #FFF; border: 1px solid #e9e3e6; margin-bottom: 10px;

padding: 10px; }
.multi-sidebar .widgetcontainer ul, .featured-stories, .related-posts

{ list-style: none !important; margin: 0 0 0 5px !important; }
.multi-sidebar .widgetcontainer li, .featured-stories li,

.related-posts li { padding: 0 0 10px; margin: 0 0 10px;

border-bottom: 1px dotted #e9e3e6; }
.multi-sidebar .recentcomments .author { font-weight: normal;

font-size: 12px; }

#wp-calendar { width: 100%; border: 1px solid

#e9e3e6; }
#wp-calendar td { text-align: center; }
#wp-calendar caption { color: #5c5157; font-size: 12px;

font-weight: 400; margin: 0; padding: 5px 9px; background:

url(feed-title-white.jpg) repeat-x top #e9e3e6; border: 1px solid

#e9e3e6; text-align: center; }

/* featured slideshow */
.featured { margin: 0 10px 20px 0;

overflow: hidden; }
#controls { position: relative; float:

left; z-index: 100; top: 90px; }

#controls .next, #controls .prev { text-indent: -9000px; width:

30px; height: 30px; display: block; z-index: 1000; opacity: 0.7; }
#controls .prev { background: url(prev.png) no-repeat;

float: left; position: absolute; left: 5px; }
#controls .next { background: url(next.png) no-repeat;

float: right; position: absolute; left: 605px; }
#controls .next:hover, #controls .prev:hover { opacity: 1; }
#controls a:focus { outline: none; }

#featured-slideshow { position: relative; z-index: 0

!important; border: 5px solid #e9e3e6; }

.featured-article { display: block; width: 640px;

height: 250px; text-decoration: none !important; background-position:

center !important; }
.featured-article img { width: 640px; height: 250px; }
.featured-entry { position: relative; top: -85px;

overflow: hidden; background: #FFFFFF; height: 85px; color: #5c5157;

padding: 0; display: block; opacity: 0.8; filter: alpha(opacity = 80);

}
.featured-entry .entry-title { color: #5c5157; padding: 10px 15px

5px; display: block; font-size: 18px; font-weight: normal; }
.featured-entry .entry-summary { padding: 0 15px; margin: 0; display:

block; }

/* bottom content */
#bottom-content-1, #bottom-content-2 { list-style: none; float:

left; width: 320px; margin: 30px 10px 10px 0; overflow: hidden;

padding: 0; }
#bottom-content-1 .widgetcontainer, #bottom-content-2 .widgetcontainer

{ background: #FFF; }
#bottom-content-1 .xoxo, #bottom-content-2 .xoxo { margin: 0; }
#bottom-content-1 * .xoxo, #bottom-content-2 * .xoxo{ margin-left:

15px; }
#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle {

background: #FFF; }

.layout-3c-r-fixed #bottom-content-1, .layout-3c-r-fixed

#bottom-content-2, .layout-3c-fixed #bottom-content-1,

.layout-3c-fixed #bottom-content-2 { width: 243px; }

/* latest headlines */
.posts-default, .posts-quick, .posts-line { list-style: none;

margin: 0 0 20px; padding: 0; overflow: hidden; }
.posts-default .entry { float: left; margin: 0 8px 8px 0; font-size:

12px; padding: 5px 2px 10px; background: url(content-bg.jpg) repeat-x

#FFF; border: 1px solid #e9e3e6; overflow: hidden; minheight: 100%; }
.posts-default img { float: left; background: #FFFFFF; }
.posts-default .entry-title { font-weight: normal; font-size:

12px; margin: -2px 5px 5px; line-height: 1.3em; }
.posts-default .entry-thumbnails-link { margin-left: 5px; }
.posts-default .entry-summary, .posts-quick .entry-summary {

color: #5c5157; margin: 0 5px 10px; overflow: hidden; }
.posts-default .entry-summary { font-size: 12px; }

.entry-thumbnails { clear: both; display: inline-block; }
.entry-thumbnails:hover { border-color: #e9e3e6; }
.entry-thumbnails-link { float: left; background: #FFFFFF; display:

block; text-decoration: none !important; }

.posts-quick { margin: 0 10px 10px 0; padding:

10px; background: url(content-bg.jpg) repeat-x #FFF; border: 1px solid

#e9e3e6; }
.posts-quick li { padding: 15px 10px 0 0;

border-bottom: 1px solid #e9e3e6; }
.posts-quick li:first-child { padding-top: 5px; }
.posts-quick .entry-title { font-weight: normal; font-size:

12px; margin: 0; line-height: 1.3em; }
.posts-quick .entry-summary { font-size: 12px; line-height: 1.6em;

margin-bottom: 15px; }
.posts-quick .quick-read-more { font-weight: normal; font-size:

12px; padding: 10px 0 0; margin: 0; }
.posts-quick .entry-thumbnails { float: left; margin: 3px 10px 10px

5px; border: 2px solid #e9e3e6; }
.posts-quick .entry-thumbnails-link { margin: 0; }
.posts-quick .entry-info { font-size: 11px; color: #5c5157; border:

none; margin: 0 0 5px; }
.posts-quick .entry-info abbr { padding: 0 4px 0 0; text-decoration:

none; border: none; }
.posts-quick .entry-info span { padding: 0 4px; }
.posts-default .entry-meta, .posts-quick .entry-meta { color:

#5c5157; float: left; background: #FFFFFF; height: 25px; display:

block; margin: -25px 0 0; font-weight: 400; opacity: 0.7; }
.posts-default .entry-meta a:link, .posts-default .entry-meta

a:visited, .posts-quick .entry-meta a:link, .posts-quick .entry-meta

a:visited { color: #5c5157; text-decoration: none; }
.posts-default .entry-comments, .posts-quick .entry-comments { float:

right; margin: 5px 5px 0; background: url(comments.gif) no-repeat left

center; padding: 0 0 0 12px; }
.posts-default .published { text-transform: uppercase; float: left;

margin: 5px 5px 0; font-size: 10px; color: #5c5157; border-bottom:

none; }
.posts-line { background:

url(content-bg.jpg) repeat-x #FFF; border: 1px solid #e9e3e6; margin:

0 10px 10px 0; padding: 10px; line-height: 1.4em; }
.posts-line li { padding: 7px 0;

border-bottom: 1px solid #e9e3e6; }
.posts-line .entry-cat { float: left; font-size: 11px; width: 100px;

overflow: hidden; color: #5c5157; }
.posts-line .entry-title { float: left; font-size: 12px;

margin: 0; max-width: 450px; line-height: 1.4em; }
.layout-3c-fixed .posts-line .entry-title, .layout-3c-r-fixed

.posts-line .entry-title { max-width: 300px; }
.posts-line .entry-comments { float: right; font-size: 11px;

color: #5c5157; }

.navigation { margin: 10px 10px 0 0; }

.home-title { text-transform: uppercase;

font-weight: normal; font-size: 12px; padding: 6px 10px; background:

url(feed-title-white.jpg) repeat-x #e9e3e6; border: 1px solid #e9e3e6;

margin: 0 10px 10px 0; color: #5c5157; }

/* single post */
.single .post, #main .single-post { background:

url(content-bg.jpg) repeat-x top #FFF; border: 1px solid #e9e3e6;

margin: 0 10px 15px 0; padding: 0 15px; }
.single .post .entry-title, .single-post .entry-title { font-size:

22px; font-weight: 400; padding: 0; margin: 15px 0 5px; line-height:

1.3em; }
.single .post .entry-info, .single-post .entry-info {

padding-bottom: 10px; margin-bottom: 10px; color: #5c5157; font-size:

11px; text-transform: uppercase; border-bottom: 1px dotted #e9e3e6; }
.single .post .entry-info .published, .single-post .entry-info

.published { border: none; }
.single .post .entry-cat, .single-post .entry-cat { display:

block; color: #5c5157; margin: 5px 0 0; }
.single-post .entry-info a:link, .single-post .entry-info a:visited

{ color: #5c5157; text-decoration: none; }
.single-post .entry-info a:hover { color: #bfacb6; }
.single .post .entry-author, .single-post .entry-author { font-weight:

400; margin: 0; color: #5c5157; display: inline; }
.single .post .entry-author address, .single-post .entry-author

address { display: inline; font-style: normal; }
#main .single .post .tags, #main .single-post .tags { margin: 15px 0;

padding: 15px 0 0; color: #5c5157; border-top: 1px dotted #e9e3e6; }
#main .single .post .tags a, #main .single-post .tags a { padding: 0;

}
#main .single .post .tags normal, #main .single-post .tags normal {

text-transform: uppercase; font-size: 12px; }
.single .post .entry-photo, .single-post .entry-photo { overflow:

hidden; }
.single .post .entry-photo img, .single-post .entry-photo img {

margin: 10px 0; overflow: hidden; border: 1px solid #e9e3e6; }
.single .post .entry-comments, .single-post .entry-comments { float:

right; padding: 3px 3px 3px 17px; margin-top: 20px; background:

url(comments.gif) no-repeat 3px 6px #FFFFFF; display: inline-block;

color: #bfacb6; font-size: 14px; -moz-border-radius: 3px;

-webkit-border-radius: 3px; border-radius: 3px; }

.entry-content { margin: 20px 0; font-size: 12px; line-height: 1.5em;

overflow: hidden; }
.entry-content ul, .entry-content ol { margin: 0 15px; padding: 0 0

1.5em; }
.entry-content ul ul, .entry-content ol ol, .entry-content ol ul,

.entry-content ul ol { padding: 0; }
.entry-content blockquote { font-style: italic; }
.entry-content form { margin: 1em 0; }
.post-edit-link:link, .post-edit-link:visited { text-decoration:

none; padding: 0 0 0 14px; }

.page .entry-content { margin: 0 0 20px; }

.layout-3c-r-fixed .post .entry-photo, .layout-3c-r-fixed .single-post

.entry-photo, .layout-3c-fixed .post .entry-photo, .layout-3c-fixed

.single-post .entry-photo { width: 480px; }

.single-post-meta-field { background: #FFFFFF; display: block; border:

1px solid #e9e3e6; padding: 5px 10px; color: #5c5157; font-weight:

400; }
.single-post-meta-value { border: 1px solid #e9e3e6; padding: 5px

10px; background: #FFFFFF; display: block; }

.module-title, .feed-title, .archive-title, #reply-title {

line-height: 1em; color: #5c5157; font-size: 12px; font-weight:

normal; margin: 0 10px 0 0; padding: 8px 10px; background:

url(feed-title-white.jpg) repeat-x top #FFFFFF; border: 1px solid

#e9e3e6; display: block; }
.feed-title { border-bottom: none; }

.gallery { clear: both; margin: 10px 0; }
.gallery-item { float: left; margin-right: 10px; width: 31%;

text-align: center; }
.gallery-icon img { padding: 4px; border: 1px solid #e9e3e6; }
.gallery-caption { font-size: 12px; }

.about-author { border: 1px solid #e9e3e6; padding:

10px; margin: 0 0 10px; line-height: 1.5em; background: #FFFFFF; }
.about-author .avatar { margin-bottom: 0; }
.about-author .author-meta { margin-left: 60px; }
.about-author h4 { margin: 0 0 5px; color: #5c5157;

font-weight: 400; font-size: 12px; }

/* gd star rating */
.gdmultitable { margin: 0 0 10px !important; }
.gdmultitable td { padding: 5px !important; }

/* wp-pagenavi */
.wp-pagenavi { margin: 0 0 10px; font-size: 12px; }
.wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 3px 4px;

margin: 2px; text-decoration: none; background: #FFF; border: 1px

solid #e9e3e6 !important; }
.wp-pagenavi a:hover { color: #bfacb6; }
.wp-pagenavi span.pages, .wp-pagenavi span.extend { padding: 3px

4px; background: #FFF; margin: 2px; border: 1px solid

#e9e3e6!important; }
.wp-pagenavi span.current { padding: 3px 4px; background: #FFF;

margin: 2px; font-weight: normal; border: 1px solid #e9e3e6

!important; }
.wp-pagenavi span.pages { margin-left: 0; }

/* comments */
#commentlist { background: #FFFFFF; border: solid

#e9e3e6; border-width: 0 1px; list-style: none; padding: 10px; margin:

0 10px 0 0; }
#commentlist li { margin: 0; padding-bottom: 10px;

overflow: hidden; }
#commentlist li:last-child { padding: 0; }
#commentlist .avatar { border: 1px solid #e9e3e6; padding: 1px;

float: left; margin: 0 5px 10px 0; }
#commentlist cite { font-weight: normal; font-style:

normal; line-height: 20px; font-size: 12px; }
#commentlist p { clear: left; line-height: 1.8em; }
#commentlist .reply { float: right; }

#commentlist .children { clear: right; margin: 5px 0 0; list-style:

none; padding: 0; }
#commentlist .children li { border-bottom: none; border-left:

5px solid #e9e3e6; padding: 0 0 0 10px; }
#commentlist #respond { clear: both; padding: 10px 0 0; border-top:

1px solid #e9e3e6; }
#commentlist #respond .module-title { margin: 0; background:

url(feed-title-blue.jpg) top repeat-x; color: #FFF; border: 1px solid

#e9e3e6; }
#commentlist #respond #commentsform { margin: 0; }
#commentlist .comment-author { padding: 10px 0 0 10px;}
#commentlist .comment-content { padding: 0 10px; font-size: 12px; }
#commentlist .comment-node { background: #FFF; border: 1px solid

#e9e3e6; }
#commentlist .comment-meta, #commentlist .comment-meta abbr {

border: none; text-decoration: none; color: #5c5157; font-size: 11px;

}
#commentlist .comment-controls { background: #FFF; padding: 10px;

font-weight: normal; float: right; }
#commentlist .comment-controls a:link, #commentlist .comment-controls

a:visited { background: url(feed-title-white.jpg) top repeat-x

#FFFFFF; color: #5c5157; text-decoration: none; padding: 5px 10px;

margin: 0; border: 1px solid #e9e3e6; font-weight: normal; }
#commentlist .comment-controls a:hover { background: #FFFFFF; color:

#5c5157; }

#commentlist .reply a, .comments-navigation a, .read-more, .navigation

a { background: url(feed-title-white.jpg) top repeat-x #FFFFFF;

color: #5c5157; text-decoration: none; padding: 5px 10px; margin: 0;

border: 1px solid #e9e3e6; font-weight: normal; display: inline-block;

}
#commentlist .reply a:hover, .comments-navigation a:hover, .navigation

a:hover, .read-more:hover { background: #FFFFFF; color: #5c5157;

}

.comments-navigation { clear: both; margin: 0 10px 10px 0;

background: #FFFFFF; border: solid #e9e3e6; border-width: 0 1px 1px;

padding: 10px; }
.comments-navigation span.current { padding: 5px 10px; border:

1px solid #e9e3e6; background: #FFFFFF; color: #5c5157; font-weight:

normal; }

.nocomments { background:

url(content-bg.jpg) repeat-x top #FFF; border: solid #e9e3e6;

border-width: 0 1px 1px; padding: 15px 10px; margin: 0 10px 10px 0;

font-size: 12px; }

#commentform { background: url(content-bg.jpg)

repeat-x #FFF; border: solid #e9e3e6; border-width: 0 1px 1px;

margin-right: 10px; padding: 10px; }
#commentform label { color: #5c5157; }
#commentform label.error { margin: 5px 0; color: #5c5157;

font-weight: normal; padding: 5px; }
#commentform span.required { color: #5c5157; }
#commentform input[type=text] { display: block; width: 300px; font:

14px 'Lucida Grande',Arial,Helvetica,sans-serif; margin: 5px 0; }
#commentform textarea { display: block; font: 14px 'Lucida

Grande',Arial,Helvetica,sans-serif; width: 90%; margin-bottom: 5px; }
#cancel-comment-reply-link { font-size: 11px; padding: 0 10px; }

.pingbacks { background: #FFF; border:

solid #e9e3e6; border-width: 0 1px 1px; padding: 15px 10px 15px 30px;

margin: 0 10px 10px 0; }
.pingbacks li { padding: 2px 0; font-weight: normal;

}
.pingbacks a:link, .pingbacks a:visited { text-decoration: none; }

/* search results */
.search-results h2 { color: #5c5157; font-size: 12px;

font-weight: normal; margin: 0 10px 0 0; padding: 6px 10px;

background: url(feed-title-white.jpg) repeat-x top #FFFFFF; border:

1px solid #e9e3e6; }
.search-results-content { border: solid #e9e3e6; border-width: 0 1px

1px; background: #FFF; margin: 0 10px 10px 0; padding: 10px; }

/* author template */
.author-posts-title, .author-content h1 { text-transform: uppercase;

font-weight: normal; font-size: 11px; padding: 6px 10px; background:

url(feed-title-white.jpg) repeat-x #FFFFFF; border: 1px solid #e9e3e6;

margin: 0 10px 10px 0; color: #5c5157; }
.author-content .entry-content { background: url(content-bg.jpg)

repeat-x top #FFF; border: 1px solid #e9e3e6; margin: 0 10px 15px 0;

padding: 10px; }
.author-content dl { margin-left: 115px; }

/* footer */
#footer { margin: 20px auto 0; width: 960px;

background: #e9e3e6; padding-bottom: 10px; border: 1px solid #FFFFFF;

}
#footer .widgetcontainer { background: none; border-width: 0;

padding: 10px; margin: 0 10px 10px 0; float: left; width: 100%; }
#footer .widgettitle { background: none; border: none; font-size:

11px; color: #5c5157; padding: 0 0 10px; text-transform: uppercase;

margin: 0; }
#footer .widgetcontent { font-size: 11px; background: none; padding:

0; border: none; }
#footer .footer-message { margin: 0; padding: 10px 15px 0; font-size:

11px; }
#footer .footer-message p { margin: 0 0 0.5em; }
#footer .footer-message .floatright { margin-left: 20px; }
.footer-sidebar-container { overflow: hidden; margin: 10px 10px 0;

border-bottom: 1px solid #e9e3e6; }
.footer-sidebar { overflow: hidden; float: left; margin: 0;

padding: 0 0 10px; }
.footer-sidebar ul { list-style: none; margin: 0; padding: 0; }
.footer-sidebar li { margin: 0 0 3px; }
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.04.2013, 22:50
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

wow. das waren jetzt 905 Zeilen CSS-Code und das HTML haste noch nicht mal mitgeschickt.

Also, ich denke es ist eine Wordpress-Seite die du ändern willst. Da wäre es wohl am besten wenn du uns den Link zur Seite zur Verfügung stellst und auch sagst wo wir das Template welches du verwendest finden können, dann schauen wir mal ob man da was machen kann.

Nutze bitte nächstes mal auch die Code-Tags vom Editor unten rechts.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.04.2013, 00:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.02.2012
Beiträge: 11
maybebabe befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Antwort.

Sorry, ja....das war wirklich ein langer Css code.
Ich hatte vergessen den Link zur Seite mit anzugeben. Bitte entschuldige.

http://die-testbar.de/

Ja, Du hast Recht. Es handelt sich hierbei um eine Wordpressseite.

Ich habe erst vor einigen Tagen angefangen mit Wordpress zu arbeiten und kann dort irgendwie keine HTML-Datei finden. Ich bin noch echt blöd und unerfahren was das Ganze anbetrifft.


So sorry, das mit den Code-Tags werde ich mir merken.
Mit Zitat antworten
  #4 (permalink)  
Alt 06.04.2013, 19:31
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Du müsstest eigentlich nur die float-Werte von #primary und #container vertauschen und danach noch die Abstände der beiden Elemente nach links bzw. rechts anpassen.
Mit Zitat antworten
  #5 (permalink)  
Alt 08.04.2013, 23:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.02.2012
Beiträge: 11
maybebabe befindet sich auf einem aufstrebenden Ast
Standard

Vielen lieben Dank für den Hinweis threadi.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
Navigation ist nicht mittig Schokokrapfen CSS 29 20.09.2011 00:19
Problem mit Navigation safari CSS 12 20.04.2011 12:11
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:15 Uhr.