Habe Problem mit ein Template

CaptainJeck

Hallo zusammen,

ich betreue eine kleine Feuerwehr Seite aber nur administrativ und nicht Design Technik und jetzt gibt es Problem mit dem Design. Vielleicht gibt ja hier jmd der uns weiterhelfen kann.

Hier sieht man noch recht gut wie es mal ausgesehen hat
http://web.archive.org/web/2010010803…w-oberweyer.de/

und so sieht es aktuelle aus http://web.ffw-oberweyer.de/
ich weis das es mit diesem Plugin erstellt wurde Make Page IDs
Den Ersteller des Tempaltes kann ich nicht mehr fragen.

Vielen Dank

Gruß

Markus

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

pixselig

es ist immer von vorteil wenn man noch weiss was denn die letzten schritte waren bevor der fehler zum ersten mal auftrat.

wenn du das nichtmehr nachvollziehen kannst würde ich es so machen:

die weissen menüpunkte sind teil der headergraphik ->
http://web.ffw-oberweyer.de/wp-content/the…/header_mid.jpg
diese menüpunkte würde ich aus der graphik entfernen und statdessen die schwarzen links (menüpunkte) mittels css so stylen dass sie wie die (alten) weissen menüpunkte aussehen. die klassen zum ansprechen lauten hier: ".nav ul li" und "nav. ul li a" (jeweils ohne "")

lg, pixselig

CaptainJeck

Hallo

leider bin nicht soweit gekommen es sieht jetzt schon besser aus aber bekomme die Links auseinander.

ich habe mal das CSS angefügt in der Hoffung das jemand der Fehler finden kann.

Code

/* @group Allgemeine Formatierungen */


body { 
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 75%;
    background: #b61c1c; 
    margin: 0; 
    padding: 0 
}


ol, ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;


}


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  { 
    color: #ae2424; 
    font-weight: normal; 
    margin: 25px 0 10px 0; 
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}


h2 {
    font-size: 1.8em;
}


h4 {
    font-size: 1.5em;
}


p { 
    color: #666; 
    line-height: 2em; 
    margin: 5px 0 15px; 
}


p a {
    color: #555;
}


a {
    text-decoration: none;
    color: inherit;
}
a:hover {


}


small {
    font-size: 11px;
}


img {
    border: 0;
}
img.img_right {
    float: right;
    margin-left: 20px;
    border: 1px solid #aaa;
    padding: 5px;
}


img.img_right_borderless {
    float: right;
    margin-left: 20px;
}


hr {
    border: 1px #ddd solid;
    margin-bottom: 15px;
}






/* @end */


/* @group Layout */


/* @group Page Layout */


 * Seite
 */


#page {
    background: url("../images/mid_bg.jpg") repeat-y;
    width: 880px; 
    margin-left: -440px; 
    position: absolute; 
    z-index: 1; 
    left: 50%; 
}


/* @end */


/* @group Header */




 * Header
 */
#header {
    background: url("../images/header_mid.jpg") no-repeat; 
    width: 880px; 
    height: 202px 
}
    
#header_left {
    background: url("../images/header_left.jpg") repeat-x scroll 0 0; 
    width: 50%; 
    height: 205px; 
    position: absolute; 
    left: 0; 
    z-index: 0; 
    float: left
}


#header_right { 
    background: url("../images/header_right.jpg") repeat-x scroll 0 0;
    width: 50%; 
    height: 205px; 
    right: 0; 
    float: right; 
}


/* @group Login */


#header_login_bar {
    padding: 0;
}
#header_login_bar p {
    padding: 0;
}


/* @end */
/* @end */


/* @group Footer */


 * Footer
 */
#footer { 
    background: url("../images/footer_bg.jpg"); 
    width: 880px; 
    height: 50px;
    float: left 
}
/* @end */


/* @group Navigation */




/* @group Home Button */




 * Home-Button 
 */


.home_button {
    width: 160px;
    height: 140px;
    background: none; 
    position: absolute;
    top: 40px;
    left: 92px;
}
.home_button:hover {
    background: url('../images/menu/home_button_h.jpg'); 
}


/* @end */


/* @group Breadcrumb Navigation */




 * Breadcrumb-Navigation 
 */


div.breadcrumb {
    font-size: 0.85em;
    top: 205px;
    margin-left: 75px;
    margin-right: 75px;
    color: #ffddaa;
    line-height: 2em;
    clear: both;
}


div.breadcrumb a {
    color: #ffddaa;
    text-decoration: none;
}


div.breadcrumb div.breadleft {
    float: left;
    text-align: right;
    width: 220px;
}
div.breadcrumb div.breadright {
    width: 505px;
    float:  right;
    text-align: left;
    
}




/* @end */


/* @group Main Navigation */


 * Menu 
 */


#navigation ul {
  margin:0;
  padding:0;
  list-style:none;
  }
  
#navigation li {
  float:left;
  margin:0;
  padding:0;
  }


#navigation a {
  display:inline;
  }
  
.nav {
    padding: 140px 1px 1px 299px;
}
.nav li.page_item {
    display: inline;
    padding: 10;
    margin: 0;
    list-style: circle;
}


/* @end */


/* @end */
/* @end */


/* @group Sidebar */ 
/**************************************************************************
 * Sidebar 
 */
#sidebar { 
    width: 200px;
}


#sidebar li {
   list-style: none;
}


#sidebar li:a {
    color: #666;
}


#sidebar .page_item {
    margin: 0;
    padding: 0;
}


#sidebar li.page_item a, #sidebar li a {
    margin-bottom:  7px;
    display: block;
}


#sidebar div.subnav_segment div.subnav_segment_top li.page_item a {
    display: block;
       padding: 7px 5px 7px 5px;
    border-bottom: #fff 1px solid;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0;
    clear:  left;
}




#sidebar div.subnav_segment div.subnav_segment_top li.page_item {
    display: inline;
}    


#sidebar .page_item a:hover, #sidebar .current_page_item a {
    background: #e6e6e6;
}


#sidebar .current_page_item a, #sidebar ul li.page_item .current_page_item a {
    background: #fff;
}
#sidebar .current_page_item ul li.page_item a, #sidebar li ul li.page_item a {
    padding-left: 30px;
    background: #eee;
}


/* Sidebar Headline */
#sidebar h2 {
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 1.2em;
    padding: 0 0 3px 0;
    margin: 0;
    color: #ae1c0d;
}




/* @group Segmente */


/* Sidebar-Segment Kopfteil */
#sidebar div.segment_top, #sidebar div.subnav_segment_top {
    background: url('../images/sidebar_bg_top.png') no-repeat;
    padding: 15px;
}


#sidebar div.subnav_segment_top {
   padding-top: 30px;
}


/* Sidebar-Segment Mitte */
#sidebar div.segment, #sidebar div.subnav_segment {
    background: url('../images/sidebar_bg_mid.png') #f3f3f3 repeat-y;
}


/* Sidebar-Segment Fussteil */
#sidebar div.sidebar_bottom, #sidebar div.segment_bottom {
    background: url('../images/sidebar_bg_bottom.png') no-repeat;
    width: 205px;
    height: 40px;
    display: block;
}


/* @end */


#sidebar div.segment li, #sidebar div.subnav_segment li {
    list-style: none;
    padding: 0;
    margin:  0;
}


#sidebar div.segment ul li.current_page_item a, #sidebar div.subnav_segment ul li.current_page_item a, #sidebar {
    color: #555;
}
#sidebar div.segment ul, #sidebar div.subnav_segment ul {
    list-style:none;
    padding: 0;
    margin: 0;
}




#sidebar div.segment p, #sidebar div.subnav_segment p {
    list-style:none;
    padding: 0;
    margin: 0;
}




/* @end */
/* @end */


/* @group Content and Content Layout */


/* @group Timeline */


div.timeline {
}
div.timeline_new a {
    width: 81px;
    height: 60px;
    float: right;
    display: block;
    background: url(../images/timeline_new.gif);
}
div.timeline_old a {
    width: 83px;
    height: 60px;
    float: left;
    display: block;
    background: url(../images/timeline_old.gif);
}


div.timeline_old a span, div.timeline_new a span {
    visibility: hidden;
} 


/* @end */


/* @group Abteilungen */


table.einsatzabteilung_mitglieder, table.jugendfeuerwehr_mitglieder, table.altersehren_mitglieder {
    border: 0;
    margin: 0;
    padding: 3px;
}
table.einsatzabteilung_mitglieder th, table.jugendfeuerwehr_mitglieder th, table.altersehren_mitglieder th {
    text-align: left;
    font-weight: normal;
    font-size: 0.9em;
    color: #444;
}
table.einsatzabteilung_mitglieder td, table.jugendfeuerwehr_mitglieder td, table.altersehren_mitglieder td {
    color: #666;    
    font-size: 0.9em;
}    
.alt {
    background: #eee;
}




/* @end */


/**************************************************************************
 * Content 
 */


#content {
    padding: 0 75px 0px 75px;
}


.narrowcolumn{ 
    float: right; 
    width: 507px;
}
.widecolumn{ 
    float: right; 
    width: 730px;
}


p.boxed {
    border-top:  1px solid #d9d9d9;
    border-bottom:  1px solid #d9d9d9;
    padding: 10px 0;
    margin-top:  10px;
}


/* @group Avatar */


.avatar img {
    border: 1px solid #555;
}
/* @end */


/* @group Gallery-only */


 * Gallery Content 
 */
#gallery_content_container { 
    padding-left: 70px;
    padding-right: 70px;
}
#gallery_content { 
    padding-bottom: 30px;
}


/* @end */


/* @group Guestbook and Gallery */


div.comment-number {
    float: right;
    text-align: right;
    font-size: 3em;
    padding: 8px 0;
    color: #ccc;
}


/* @group Form */


ol.commentform li div.list_inner {
    background: url('../images/gbform_bg_top.png') no-repeat;
    padding: 5px 15px 0 15px;
}
ol.commentform li div.list_content {
    background: url('../images/gbform_bg_mid.png') ;
    width: 500px;
    
}
ol.commentform li div.list_bottom {
    background: url('../images/gbform_bg_bottom.png') ;
    width: 500px;
    height: 40px;
    
}


/* @end */


/* @group Entries */


ol.commentlist li div.list_inner, ol.gallerylist li div.list_inner {
    background: url('../images/gb_bg_top.png') no-repeat;
    padding: 5px 15px 0 15px;
}
ol.gallerylist li div.list_inner {
    padding-top: 25px;    
    display: block;
    height: 120px;
}
ol.gallerylist li div.list_inner p {
    text-align: justify;
}
ol.commentlist li div.list_content, ol.gallerylist li div.list_content {
    background: url('../images/gb_bg_mid.png');
    width: 500px;    
}
ol.commentlist li div.list_bottom, ol.gallerylist li div.list_bottom {
    background: url('../images/gb_bg_bottom.png') ;
    width: 500px;
}
ol.commentlist li div.list_bottom {
    height: 40px;    
}
ol.gallerylist li div.list_bottom {
    height: 15px;
}


/* @end */




/* @group Sections and highlit Paragraphs */


ul.sectionlist li, div.blog_post {
    display: block;
    background: url('../images/section_bottom_bg.png') bottom left no-repeat;
    padding: 0 20px 40px 20px;
    
}


ul.sectionlist li p, div.blog_post {
    text-align: justify;
}


ul.sectionlist li p, div.blog_post a {
    color: #ae2424;
    border-bottom: 1px dotted #ae2424;
}


ul.sectionlist li p, div.blog_post img {
    border: 1px solid #ccc;
    padding: 2px;
}


div.postmetadata {
    display: block;
    clear: both;
    height: 1.5em;
    margin-top: 20px;
    color: #666; 
}


/* @end */




/* @end */


/* @group Link list */


ul.link_list h2 {
    font-size: 1.2em;
}
ul.linklist li {
    margin-left: 10px;
}
#navigation ul{
margin-left:20px
font-size: 14px;
color: #ffffff;
height:60px;
width:740px;
margin:10px auto auto 0px;
}


ul#admin{
list-style-type:none;
list-style-image:none;
float:right;
margin-top: -15px;
}


ul#navigation li {
margin-left:20px
font-size: 14px;
color: #000000;
height:60px;
width:740px;
margin:10px auto auto 0px;
}




/* @end */


/* @end */




div.align_left {
    float: left;
}


div.align_right {
    float: right;
}

Alles anzeigen

pixselig

layout.css zeile 224

Code

#navigation li {
    float: left;
    margin: 0;
    padding: 0;
}

ändern in

Code

#navigation li {
    float: left;
    margin: 0 18px 0 0;
    padding: 0;
}

lg, pixselig

CaptainJeck

Danke und einen guten rutsch ins neue Jahr

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Habe Problem mit ein Template

Jetzt mitmachen!

Benutzer online in diesem Thema