Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.06.2011 um 17:25 (UTC)    
Titel: Navi verschieben?

nabend, ich komme mal wieder nicht weiter Sad

und zwar hab ich bei mir einen pre_content eingefügt.
jetzt erscheint dieser allerdings unter meiner navigation & nicht da wo er hingehört zwsichen header und navigation.

hab mir das design bis jetzt selber zusammen gebastelt, daher steige ich an manchen sachen im code auch nicht mehr so durch^^
zum besipeil habe ich irendwie keine möglichkeit in meinem code, um die navigation zu verschieben etc...

wäre nett, wenn ihr mal einen blick drüber werfen könntet & es vllt. ein bisschen ordnen könntet Wink wäre euch sehr dankbar!




noch etwas: wie kann ich wie bei dem design hier:
Code:
http://www.ig444.de.tl/Home.htm


einen zwischenraum machen? zwischen der navi & dem content; footer?
genau das hätte ich auch gerne irgendwie bewerkstelligt Wink


hier mein code:

CSS ohne style tags:


Code:

/* Allgemein */



body {
background-image: url();
background-color: #C0C0B2; /* Hintergrundfarbe mithilfe eines Hex-Codes*/
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: center; /* zentriert das Design im IE */
}

a {
color: #000; /* Farbe der Links */
}


/* Container */

#clublight {
width: 900px; /* Breite des Designs */
margin: 0 auto; /* zentriert das Design */
text-align: left; /* positioniert den Text links */
background-color: #fff; /* Hintergrundfarbe des Containers */
border: 1px solid #B98D56; /* Rand um das Design */
}

#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}


/* Header */

#header_container {
height: 150px; /* Höhe des Headers */
background-color: #FFD194; /* Hintergrundfarbe des Headers */
border-bottom: 1px solid #B98D56; /* Rand am unteren Ende des Headers */
}

#pre_content{
    width: 900px;
    height: 30px;
    background-image: url(http://img.webme.com/pic/p/poddi-designs/pf_content_top.png);
    background-color: #fff;
    float: left;
    clear:both;
    }


#header {
margin: 0px; /* entfernt den weißen Rand oben */
padding-left: 400px; /* Abstand vom linken Rand */
padding-top: 5px; /* Abstand vom oberen Rand */
color: #000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
}



/* Navigation */

#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */
}

#nav {
padding: 0; /* keinen Innenabstand der Liste (links und rechts) */
margin: 0; /* keinen Außenabstand der Liste (oben und untent) */
}

#nav li {
list-style-type: none; /* löscht den Listenpunkt */
padding: 2px; /* Innenabstand eines einzelnen Punktes */
padding-left: 15px; /* Innenabstand eines einzelnen Punktes nach links */
padding-right: 15px; /* Innenabstand eines einzelnen Punktes nach rechts */
font-size: 1.2em; /* Schriftgröße */
display: block; /* vergrößert die Navigation auf volle nav_container Breite */
border-bottom: 1px solid #BC8762; /* unterer Rand */
float: left; /* Jedes Navigationselement hat einen linken Umfluss, dadurch wird eine horizontale Navigation erstellt */
}

#nav li:hover {
background-color: #ffd194; /* Hintergrundfarbe beim Hovereffekt */
}

#nav li.subpage {
display: none /* Unterseiten werden unsichtbar. Bei horizontalen Navigationen immer praktisch */
}

#nav a {
text-decoration: none; /* macht Verlinkungen in der Navigation ohne Unterstrich */
}

#nav a:hover {
color: #141414; /* ändert die Schriftfarbe beim Hovereffekt */
}


/* Content Container */

#content_container {
width: 900px; /* Definiert die Breite des gesamten Contentbereiches inklusive der Sidebar (daher normalerweise Breite des Containers) */
}

/* Content */

#content {
width: 669px; /* Breite des Inhaltbereichs */
padding: 15px; /* Innenabstände des Inhaltsbereiches */
float: left; /* wird für die Anordnung benötigt (Sidebar rechts neben dem Content */
border-right: 1px solid #BC8762; /* Kleine Trennung zwischen Sidebar und Content. Benutzung optional */
}

/* Sidebar */

#sidebar_container {
float: left; /* wird für die Anordnung benötigt (Sidebar rechts neben dem Content */
width: 170px; /* Breite der Sidebar */
padding: 15px; /* Innenabstand der Sidebar */
}



/* Klassen entfernen */

#counter {
display: none; /* Sidebar und Counter werden unsichtbar gemacht */
}

h1#header{display:none;}
#title span{display:none;}




bei text über & unter hab ich nur den container definiert....



vielen dank schonmal im vorraus, ich bin echt am ende.... Confused
Beitrag04.06.2011 um 17:52 (UTC)    
Titel:

heyyyy kann mir doch keiner erzählen, dass mir keiner helfen will...
Beiträge der letzten Zeit anzeigen:   


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