Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.07.2012 um 18:51 (UTC)    
Titel: [ERLEDIGT!] CSS: Fehler im Design?

Hallo!
Ich hätte mich daran gesetzt, ein eigenes Design mal zu coden.

Mein Problem: Die Navigation wird noch untereinander angezeigt. Ich möchte diese aber als horizontale Navigation haben. Hier könnt ihr euch das aktuelle Ergebnis anschauen: www.gfoidma-umbandig.de.tl

Hier der CSS-Code (für CSS ohne style-tags):
Code:
 /* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px; }

/* Werbung mittig */
table[height="102"] { margin: auto; }

/* Hintergrund hinter Design */
body {
background-color: #babccb;
background-image: url();
font-family: arial;
font-size: 14px;
color: #000000; }

/* Design-Container */
#container {
width: 962px;
margin: 10px auto;
overflow: hidden; }

/* Headerfeld 1000 x 400 */
#header_container {
width: 1000px;
height: 422px;
margin-bottom: -20px;
background-color: #;
background-image: url(http://img.webme.com/pic/h/ho-allround/header4.png);
}

/* Titel im Headerfeld entfernt */
h1#header {display: none; }

/* Feld der Navigation */
#nav_container {
width: 995px;
margin-bottom: 10px;
height: 40px;
background-color: #e3c495;
background-image: url();
border: 3px solid #000000; }

/* Titel über Navigation entfernt */
#nav_heading {display: none; }

/* Aufzählungspunkte in Navi entfernt */
ul#nav {
list-style-type: none; }

/* Navi-Buttons */
li.nav_element {
margin-bottom: 10px;
width: 110px;
height: 40px;
text-align: center;
border-right: 3px solid #000000;
background-color: #e3c495;
background-image: url(); }

/* Hover Navi-Button */
li.nav_element:hover { background-color: #a0896a; }

/* Linktexte in Navigation */
li.nav_element a {
display: block;
font-size: 15px;
color: #000000;
line-height: 40px;
text-decoration: none; }

/* Hover Linktexte Navigation */
li.nav_element a:hover { color: #FFFFFF; }

/* Seiteninhalt */
#content {
float: left;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #e3c495;
background-image: url();
border: 3px solid #000000;
overflow: hidden; }

/* Link im Seiteninhalt */
#content a {color: #000080; }

/* Hover Link im Seiteninhalt */
#content a:hover {color: #008080; }

/* Rechte Box */
#sidebar_container {
float: right;
width: 200px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #e3c495;
background-image: url();
border: 3px solid #000000;
overflow: hidden; }

/* Liste in rechter Box */
#sidebar_content ul {
list-style-type: square;
margin: 15px 0px 15px 25px; }

/* Linktexte in Box */
#sidebar_content ul li a {
color: #000000;
font-size: 14px;
text-decoration: none; }

/* Hover Linktexte Box */
#sidebar_content ul li a:hover { color: chocolate; }

/* Feld unter dem Design */
#footer {
width: 920px;
padding: 20px 20px 20px 20px;
margin: auto;
background-color: #e3c495;
background-image: url();
border: 3px solid #000000; }

/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
#title{display:none;}
#sidebar_heading{display:none;}


Wo liegt der Fehler? Warum wird die Navigation nicht so angezeigt, wie ich will?

Vielen Dank schon mal für eure Bemühungen! Smile
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!


Zuletzt bearbeitet von holz-osterholzer am 30.07.2012, 20:54, insgesamt einmal bearbeitet
Beitrag30.07.2012 um 19:02 (UTC)    
Titel:

Hallo,
ich habe den Fehler gefunden Wink

Statt diesem Codeteil
Code:

/* Navi-Buttons */
li.nav_element {
margin-bottom: 10px;
width: 110px;
height: 40px;
text-align: center;
border-right: 3px solid #000000;
background-color: #e3c495;
background-image: url(); }


fügst einfach den ein:

Code:

/* Navi-Buttons */
li.nav_element {
margin-bottom: 10px;
width: 110px;
height: 40px;
float: left;
text-align: center;
border-right: 3px solid #000000;
background-color: #e3c495;
background-image: url(); }


Das
Code:
float: left;
hatte gefehlt Wink


mfg Turbopage Wink[/quote]


Zuletzt bearbeitet von fc-saarbruecken-fans am 30.07.2012, 20:03, insgesamt einmal bearbeitet
Beitrag30.07.2012 um 19:56 (UTC)    
Titel:

Hallo Turbopage!
VIELEN DANK! Hat funktioniert!
Hät ich ja eigentlich auch selber drauf kommen können - wieder ein ein blöder Schnelligkeits und Leichtsinnsfehler von mir!
DANKE! Hast meinen Tag gerettet!

- - ERLEDIGT! - -
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!
Beitrag31.07.2012 um 09:17 (UTC)    
Titel:

Das freut mich,dass ich dir den Tag gerettet habe Very Happy
______________
Mit freundlichen Grüßen,
Turbopage|net Team

Hallo! Schön dass du hier bist. Wie du sicherlich weißt, ist Turbopage eine Webmaster Hilfe-Plattform im Homepage Baukasten. Falls du Fragen hast, bist du hier, im Forum schonmal richtig!. Wir helfen dir aber auch auf Turbopage! Schaue dich da doch auch mal um.

Support via Email an Support@Turbopage.net oder via Forum auf Turbopage. Im Notfall auch via PN!
Beachte: Wir haben viel zutun, wende dich daher erst an das Forum und an die Community bevor du die Email oder den PN-Support benutzt!
Beitrag31.07.2012 um 11:39 (UTC)    
Titel:

Hallo,

danke für die Rückmeldung und danke an den Helfer.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de