[Erledigt] Navigation "ändert" Farbe ab 1. Eintrag

Scoop · 11.12.2011, 17:23

Moin moin,
ich bin gerade dabei mir neben html und css ein wenig php anzueignen.
als Projekt habe ich mir die Seite meines Vaters vorgenommen, um diese mal ein wenig zu "überarbeiten".
Jetzt habe ich ein "kleines" Problem...
Ich habe die gesamte Seite in div´s aufgeteilt, das funktioniert auch ganz gut (im FF), allerdings nimmt der Bereich hinter einem Link, z.b. in der Leiste, in welcher ich die Navigation erstellen möchte, automatisch die Farbe des "Body-Hintergrundes" an, und nicht die des div`s. Normaler Text tut dies nicht, es sei denn ich packe ihn in Absätze o.ä.
Hier mal die beiden scripte, css und php/html, und ein Link zu einem Bild, wie es bei mir angezeigt wird:
Ich finde den Fehler einfach nicht

PHP-Code:

  <?php

    date_default_timezone_set("Europe/Berlin");

                $uhrzeit = date("H:i");

                if($uhrzeit > 21 || $uhrzeit < 6){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_nachts.css"/>';

                    $titel = 'so spät noch wach?';}

                elseif($uhrzeit < 11){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_morgens.css"/>';

                    $titel= 'Guten morgen';}

                elseif($uhrzeit < 15){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_mittags.css"/>';

                    $titel = 'Mittagspause?';}

                    elseif($uhrzeit <18){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_nachmittags.css"/>';

                    $titel = 'Gleich Feierabend?';}

                else {

                    $style = '<link rel="stylesheet" style type="text/css" href="style_abends.css"/>';

                    $titel = 'schon zuhause?';}

                $datum = date("d.m.Y");

?>

<html>

    <head>

        <title><?php echo "$titel" ?></title>

        

        <meta name="author" content="Scuba">

        <meta name="editor" content="Notepad++">

        

        <?php echo "$style"; ?>

    </head>

    

    <body>

        <div id="wrapper1">

            <div id="head">        </div>

            <div id="body">    hallo, wehe hier wird der hintergrund auch grau!!!! dann raste ich aus!!!    </div>

            <div id="navleft">

                    <div id="nav_insert"><a href="index.php">Startseite</a></div>

                    <div id="nav_insert"><a href="Logo.php">Logotherapie<br></a></div>

                    <div id="nav_insert"><a href="BT.php">Bernward Teuwsen</a></div>

                    <div id="nav_insert"><a href="Angebot.php">Angebot</a></div>

                    <div id="nav_insert"><a href="Kontakt.php">Kontakt</a></div>

                    <div id="nav_insert"><a href="Impressum.php">Impressum</a></div>

                        ist das hier auch grau?    

            </div>

            <div id="navbottom">&copy; 2011 logotherapie-bremen.de</div>

        </div>

    </body>

</html>

Code:

*{
background-color: grey;
}
#wrapper1{
width: 950px;
min-height: 750px;
background-color: yellow;
margin: auto;
}
#head{
width: 950px;
height: 150px;
background-color: white;
background-image: url(Bilder/LTBT_Logo.jpg);
background-repeat:no-repeat;
background-position:center;
}
#navleft{
width: 150px;
min-height: 600px;
background-color: #c8b364;
}
#navbottom{
width: 950px;
height: 25px;
background-color: #c8b364;
text-align: center;
}
#body{
width: 800px;
min-height: 600px;
background-color: #c8b364;
float: right;
}
#nav_insert{
width: 150px;
height: 30px;
text-align: center;
}

Bild Anzeige

nikosch · 11.12.2011, 18:09

Naja, klar,

Zitat:

*{
background-color: grey;
}

spricht nunmal alle Elemente an.

Zitat:

Code:

                    <div id="nav_insert"><a href="index.php">Startseite</a></div>
                    <div id="nav_insert"><a href="Logo.php">Logotherapie<br></a></div>

Eine ID ist dokumentweit eindeutig. So geht das also nicht. Benutze eine Klasse oder die Verschachtelungsangaben in CSS.

fab · 11.12.2011, 18:11

Du hast da mehrere divs mit id="nav_insert", es darf aber nur jeweils ein Element eine ID haben (ID = Identifier!). Benutze stattdessen Klassen:

Code:

HTML:
<div class="nav_insert">
CSS:
.nav_insert {
}

#nav_insert hast du aber auch gar keinen Hintergrund zugewiesen, dafür mit * JEDEM Element was background-color nicht wieder überschreibt.

Das ist also alles etwas wirr, erklär nochmal, was genau du erreichen willst, und wie es aussieht (für HTML/CSS ist ein Online-Beispiel auch immer brauchbar, gerne auch via http://cssdesk.com/ )

Edit: ah, jetzt sehe ich das Bild. Ja, wie befürchtet, du willst mit "*" statt "body" die Seite stylen. Das mit den IDs solltest du aber auch dringend ändern, selbst wenn es nichts mit dem aktuellen Problem zu tun hat.

Scoop · 11.12.2011, 18:26

danke, habe die ID´s in Klassen geändert.
Aber wie soll ich den "ungenutzten Platz" z.b. grau machen, wenn nicht über "*"?
habe der klasse nun auch eine farbe zugewiesen, hat sich allerdings nicht viel geändert.

hier nochmal der "neue Code" und ein neues bild:

PHP-Code:

  <?php

    date_default_timezone_set("Europe/Berlin");

                $uhrzeit = date("H:i");

                if($uhrzeit > 21 || $uhrzeit < 6){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_nachts.css"/>';

                    $titel = 'so spät noch wach?';}

                elseif($uhrzeit < 11){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_morgens.css"/>';

                    $titel= 'Guten morgen';}

                elseif($uhrzeit < 15){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_mittags.css"/>';

                    $titel = 'Mittagspause?';}

                    elseif($uhrzeit <18){

                    $style = '<link rel="stylesheet" style type="text/css" href="style_nachmittags.css"/>';

                    $titel = 'Gleich Feierabend?';}

                else {

                    $style = '<link rel="stylesheet" style type="text/css" href="style_abends.css"/>';

                    $titel = 'schon zuhause?';}

                $datum = date("d.m.Y");

?>

<html>

    <head>

        <title><?php echo "$titel" ?></title>

        

        <meta name="author" content="Scuba">

        <meta name="editor" content="Notepad++">

        

        <?php echo "$style"; ?>

    </head>

    

    <body>

        <div id="wrapper1">

            <div id="head">        </div>

            <div id="body"></div>

            <div id="navleft">

                    <div class="nav_insert"><a href="index.php">Startseite</a></div>

                    <div class="nav_insert"><a href="Logo.php">Logotherapie<br></a></div>

                    <div class="nav_insert"><a href="BT.php">Bernward Teuwsen</a></div>

                    <div class="nav_insert"><a href="Angebot.php">Angebot</a></div>

                    <div class="nav_insert"><a href="Kontakt.php">Kontakt</a></div>

                    <div class="nav_insert"><a href="Impressum.php">Impressum</a></div>

                        ist das hier auch grau?    

            </div>

            <div id="navbottom">&copy; 2011 logotherapie-bremen.de</div>

        </div>

    </body>

</html>

Code:

*{
background-color: grey;
}
#wrapper1{
width: 950px;
min-height: 750px;
background-color: yellow;
margin: auto;
}
#head{
width: 950px;
height: 150px;
background-color: white;
background-image: url(Bilder/LTBT_Logo.jpg);
background-repeat:no-repeat;
background-position:center;
}
#navleft{
width: 150px;
min-height: 600px;
background-color: #c8b364;
}
#navbottom{
width: 950px;
height: 25px;
background-color: #c8b364;
text-align: center;
bottom:0px;
}
#body{
width: 800px;
min-height: 600px;
background-color: #c8b364;
float: right;
}
.nav_insert{
width: 150px;
height: 30px;
text-align: center;
background-color: #c8b364;

}

Bild

Scoop · 11.12.2011, 18:28

hahaha, jetzt hab ichs gesehen, "*" in "body" geändert, schon passt es... wie gesagt, wenn man stundenlang davorsitzt, sieht man den Wald vor lauter Bäumen nicht mehr

Vielen Dank

nikosch · 11.12.2011, 18:51

Was soll das eigentlich darstellen?

Zitat:

Scoop · 11.12.2011, 19:11

ähhh, keine Ahnung, hatte das so irgendwie im Kopf, aber geht auch ohne

wie gesagt, bin anfänger

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
commentscript für jeden eintrag einen	hups	PHP-Fortgeschrittene	2	23.01.2011 12:00
[Erledigt] Menü ein - und ausklappen	abdullah	JavaScript, Ajax und mehr	8	27.02.2010 23:54
[Erledigt] Durch einen DB Eintrag alle anderen Einträge bearbeiten	Rutor	PHP Tipps 2010	8	08.02.2010 13:25
2 <form> überschneiden sich...	voda	HTML, Usability und Barrierefreiheit	16	06.08.2009 11:35
Array eintrag für Eintrag durchgehen und jeweils Feld hinzufügen	Stephan_87	PHP Tipps 2009	3	12.02.2009 19:23
[Erledigt] Hierarchische Navigation	Dunkelord	Datenbanken	5	12.01.2009 18:31
Navigation fixen	Desert	PHP Tipps 2008	0	12.05.2008 17:00
Sortierreihenfolge nach Eintrag oder letzter Änderung	leuktra	Datenbanken	7	29.01.2007 19:20
Mysql Eintrag über mehrere Zeielne Eintrag funzt nicht		PHP Tipps 2006	3	14.03.2006 19:38
Navigation	snatch-ic	PHP Tipps 2007	4	08.01.2006 12:11
Menü mit Unterpunkten	supertramp	Beitragsarchiv	7	18.10.2005 22:40
PHP klappmenü		PHP Tipps 2005-2	1	15.10.2005 00:31
Eintrag wird nicht eingetragen (Kontrollfunktion lügt?)		PHP Tipps 2005-2	0	02.10.2005 12:00
schnieke navigation		PHP Tipps 2004	8	26.10.2004 16:39
[Erledigt] Abfrage ob Eintrag schon in DBbevor Eintrag gespeichert wird		Datenbanken	6	06.08.2004 22:10

11.12.2011, 17:23
Scoop Neuer Benutzer Registriert seit: 11.12.2011 Beiträge: 4 PHP-Kenntnisse: Anfänger	[Erledigt] Navigation "ändert" Farbe ab 1. Eintrag Moin moin, ich bin gerade dabei mir neben html und css ein wenig php anzueignen. als Projekt habe ich mir die Seite meines Vaters vorgenommen, um diese mal ein wenig zu "überarbeiten". Jetzt habe ich ein "kleines" Problem... Ich habe die gesamte Seite in div´s aufgeteilt, das funktioniert auch ganz gut (im FF), allerdings nimmt der Bereich hinter einem Link, z.b. in der Leiste, in welcher ich die Navigation erstellen möchte, automatisch die Farbe des "Body-Hintergrundes" an, und nicht die des div`s. Normaler Text tut dies nicht, es sei denn ich packe ihn in Absätze o.ä. Hier mal die beiden scripte, css und php/html, und ein Link zu einem Bild, wie es bei mir angezeigt wird: Ich finde den Fehler einfach nicht PHP-Code: <?php date_default_timezone_set("Europe/Berlin"); $uhrzeit = date("H:i"); if($uhrzeit > 21 \|\| $uhrzeit < 6){ $style = '<link rel="stylesheet" style type="text/css" href="style_nachts.css"/>'; $titel = 'so spät noch wach?';} elseif($uhrzeit < 11){ $style = '<link rel="stylesheet" style type="text/css" href="style_morgens.css"/>'; $titel= 'Guten morgen';} elseif($uhrzeit < 15){ $style = '<link rel="stylesheet" style type="text/css" href="style_mittags.css"/>'; $titel = 'Mittagspause?';} elseif($uhrzeit <18){ $style = '<link rel="stylesheet" style type="text/css" href="style_nachmittags.css"/>'; $titel = 'Gleich Feierabend?';} else { $style = '<link rel="stylesheet" style type="text/css" href="style_abends.css"/>'; $titel = 'schon zuhause?';} $datum = date("d.m.Y"); ?> <html> <head> <title><?php echo "$titel" ?></title> <meta name="author" content="Scuba"> <meta name="editor" content="Notepad++"> <?php echo "$style"; ?> </head> <body> <div id="wrapper1"> <div id="head"> </div> <div id="body"> hallo, wehe hier wird der hintergrund auch grau!!!! dann raste ich aus!!! </div> <div id="navleft"> <div id="nav_insert"><a href="index.php">Startseite</a></div> <div id="nav_insert"><a href="Logo.php">Logotherapie<br></a></div> <div id="nav_insert"><a href="BT.php">Bernward Teuwsen</a></div> <div id="nav_insert"><a href="Angebot.php">Angebot</a></div> <div id="nav_insert"><a href="Kontakt.php">Kontakt</a></div> <div id="nav_insert"><a href="Impressum.php">Impressum</a></div> ist das hier auch grau? </div> <div id="navbottom">© 2011 logotherapie-bremen.de</div> </div> </body> </html> Code: *{ background-color: grey; } #wrapper1{ width: 950px; min-height: 750px; background-color: yellow; margin: auto; } #head{ width: 950px; height: 150px; background-color: white; background-image: url(Bilder/LTBT_Logo.jpg); background-repeat:no-repeat; background-position:center; } #navleft{ width: 150px; min-height: 600px; background-color: #c8b364; } #navbottom{ width: 950px; height: 25px; background-color: #c8b364; text-align: center; } #body{ width: 800px; min-height: 600px; background-color: #c8b364; float: right; } #nav_insert{ width: 150px; height: 30px; text-align: center; } Bild Anzeige


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.12.2011, 18:11
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Du hast da mehrere divs mit id="nav_insert", es darf aber nur jeweils ein Element eine ID haben (ID = Identifier!). Benutze stattdessen Klassen: Code: HTML: <div class="nav_insert"> CSS: .nav_insert { } #nav_insert hast du aber auch gar keinen Hintergrund zugewiesen, dafür mit * JEDEM Element was background-color nicht wieder überschreibt. Das ist also alles etwas wirr, erklär nochmal, was genau du erreichen willst, und wie es aussieht (für HTML/CSS ist ein Online-Beispiel auch immer brauchbar, gerne auch via http://cssdesk.com/ ) Edit: ah, jetzt sehe ich das Bild. Ja, wie befürchtet, du willst mit "*" statt "body" die Seite stylen. Das mit den IDs solltest du aber auch dringend ändern, selbst wenn es nichts mit dem aktuellen Problem zu tun hat. __________________ PHP Blog + Library CSS Effects + Tools

11.12.2011, 18:26
Scoop Neuer Benutzer Registriert seit: 11.12.2011 Beiträge: 4 PHP-Kenntnisse: Anfänger	danke danke, habe die ID´s in Klassen geändert. Aber wie soll ich den "ungenutzten Platz" z.b. grau machen, wenn nicht über ""? habe der klasse nun auch eine farbe zugewiesen, hat sich allerdings nicht viel geändert. hier nochmal der "neue Code" und ein neues bild: PHP-Code: <?php date_default_timezone_set("Europe/Berlin"); $uhrzeit = date("H:i"); if($uhrzeit > 21 \|\| $uhrzeit < 6){ $style = '<link rel="stylesheet" style type="text/css" href="style_nachts.css"/>'; $titel = 'so spät noch wach?';} elseif($uhrzeit < 11){ $style = '<link rel="stylesheet" style type="text/css" href="style_morgens.css"/>'; $titel= 'Guten morgen';} elseif($uhrzeit < 15){ $style = '<link rel="stylesheet" style type="text/css" href="style_mittags.css"/>'; $titel = 'Mittagspause?';} elseif($uhrzeit <18){ $style = '<link rel="stylesheet" style type="text/css" href="style_nachmittags.css"/>'; $titel = 'Gleich Feierabend?';} else { $style = '<link rel="stylesheet" style type="text/css" href="style_abends.css"/>'; $titel = 'schon zuhause?';} $datum = date("d.m.Y"); ?> <html> <head> <title><?php echo "$titel" ?></title> <meta name="author" content="Scuba"> <meta name="editor" content="Notepad++"> <?php echo "$style"; ?> </head> <body> <div id="wrapper1"> <div id="head"> </div> <div id="body"></div> <div id="navleft"> <div class="nav_insert"><a href="index.php">Startseite</a></div> <div class="nav_insert"><a href="Logo.php">Logotherapie<br></a></div> <div class="nav_insert"><a href="BT.php">Bernward Teuwsen</a></div> <div class="nav_insert"><a href="Angebot.php">Angebot</a></div> <div class="nav_insert"><a href="Kontakt.php">Kontakt</a></div> <div class="nav_insert"><a href="Impressum.php">Impressum</a></div> ist das hier auch grau? </div> <div id="navbottom">© 2011 logotherapie-bremen.de</div> </div> </body> </html> Code: { background-color: grey; } #wrapper1{ width: 950px; min-height: 750px; background-color: yellow; margin: auto; } #head{ width: 950px; height: 150px; background-color: white; background-image: url(Bilder/LTBT_Logo.jpg); background-repeat:no-repeat; background-position:center; } #navleft{ width: 150px; min-height: 600px; background-color: #c8b364; } #navbottom{ width: 950px; height: 25px; background-color: #c8b364; text-align: center; bottom:0px; } #body{ width: 800px; min-height: 600px; background-color: #c8b364; float: right; } .nav_insert{ width: 150px; height: 30px; text-align: center; background-color: #c8b364; } Bild

11.12.2011, 18:28
Scoop Neuer Benutzer Registriert seit: 11.12.2011 Beiträge: 4 PHP-Kenntnisse: Anfänger	hahaha, jetzt hab ichs gesehen, "*" in "body" geändert, schon passt es... wie gesagt, wenn man stundenlang davorsitzt, sieht man den Wald vor lauter Bäumen nicht mehr Vielen Dank

11.12.2011, 19:11
Scoop Neuer Benutzer Registriert seit: 11.12.2011 Beiträge: 4 PHP-Kenntnisse: Anfänger	... ähhh, keine Ahnung, hatte das so irgendwie im Kopf, aber geht auch ohne wie gesagt, bin anfänger