Forum

navi unter Banner

Fragen rund um PHP,HTML,CSS und MySQL
Antwort erstellen

navi unter Banner

Beitragvon BartM » 26. Feb 2011, 13:48

Ich habe eine Drop down Navi und wollte über dieser mein Banner haben.

Blos bekomme ich es nicht dort hin.

Im html steht es über der Navi aber wenn ich Lokal auf dem rechner teste ist es rechts neben der
navi

nav2.JPG
nav2.JPG (10.61 KiB) 827-mal betrachtet


Was mach ich da den falsch ?
BartM
 
Beiträge: 20
Registriert: 24. Feb 2011, 17:43
Nach oben

Re: navi unter Banner

Beitragvon Richard.Laing » 26. Feb 2011, 14:03

hi bartm
etwas quellcode würde da schon weiter helfen... glaskugel...??
denke mal das es am css liegen wird aber ohne was zu sehen kann dir nicht wirlich jemand weiter helfen.
also template entsprechende zeilen und das dazugehörende css...
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland
Nach oben

Re: navi unter Banner

Beitragvon BartM » 26. Feb 2011, 14:14

Hier ist die Navi
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Style-Type" content="text/css">

<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/test/menu2.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/test/default.css" media="screen" />

</head>
<body>


<div id="logo">
               <a href="<?php echo $REX['HTDOCS_PATH'] ?>index.php" title="Zur&uuml;ck zur Startseite"></a><p>

</div>

<div id="menu"><!-- öffnet die Navigationsleiste-->

 

<ul><!-- öffnet den ersten Themenblock -->

<li><a class="direkt" href="#">Home</a></li>

</ul><!--schließt den ersten Themenblock-->

<ul><!-- öffnet den zweiten Themenblock -->

<li><!-- öffnet die Listeneinträge von News -->

<h3>News</h3>

<ul><!-- öffnet die Klappnavi von News -->

<li><a href="#">Games</a></li>

<li><a href="#">Software</a></li>

<li><a href="#">Hardware</a></li>

</ul><!-- schließt die Klappnavi von News -->

</li><!-- schließt die Listeneinträge von News -->

</ul><!--schließt den zweiten Themenblock-->


<ul><!-- öffnet den dritten Themenblock -->

<li><!-- öffnet die Listeneinträge von Community -->

<h3>Community</h3>

<ul><!-- öffnet die Klappnavi von community -->

<li><a href="#">Forum</a></li>

<li><a href="#">Mitgliederliste</a></li>

<li><a href="#">Team</a></li>

</ul><!-- schließt die Klappnavi von Community -->

</li><!-- schließt die Listeneinträge von Community -->

</ul><!--schließt den dritten Themenblock-->

<ul><!-- öffnet den vierten Themenblock -->

<li><a class="direkt" href="#">Links</a></li>

</ul><!--schließt den vierten Themenblock-->

</div><!-- schließt die Menüleiste #menu -->


</body>

</html>



und Hier die CSS.

Code: Alles auswählen

/*******************************************************************************

   Project      :   Redaxo Demo
   Copyright   :   Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/

/* ### Logo ################################################################# */
#logo {
   position:absolute;
   top:10px;
   right:10px;
   border: 1px solid #37444f;
   background-image: url(logo2.png);
   background-position: 0 0;
   background-repeat: no-repeat;
}

#logo a {
   display:block;
   height:80px;
   width:400px;
   text-indent:-700em;
}

/* ### Header ############################################################### */

#header {
   background:#37444f url(bg_header.gif) 210px 0 no-repeat;
   color: #c4c4c4;
}

#nav-header {
   position:absolute;
   left:210px;
   bottom:18px;
}

/* ### Teaser ############################################################### */

#main-teaser {
   background:url(main_teaser.jpg) no-repeat;
}

/* ### Main-block Background ################################################# */

#main-block {
   background-image: url(linie_main_block.gif);
   background-position: 627px 0;
   background-repeat: repeat-y;
   background-color: #465762;
   padding-bottom: 40px;
}

/* ### Donate ###################################################################### */

#donate {
   display:block;
   clear:left;
   width:208px;
   height: 300px;
   background: #37444f url(bg_unav.gif) no-repeat;
   color: #c4c4c4;
   text-align:right;
}

#donate input {
   margin-top: 200px;
   margin-right: 20px;
}



habe noch eine CSS aber die ist nur für die navigation.
BartM
 
Beiträge: 20
Registriert: 24. Feb 2011, 17:43
Nach oben

Re: navi unter Banner

Beitragvon Richard.Laing » 26. Feb 2011, 14:19

Code: Alles auswählen
#logo {
   border: 1px solid #37444f;
   background-image: url(logo2.png);
   background-position: 0 0;
   background-repeat: no-repeat;
}

nimm mal die absolute positionierung beim #logo wech...
dann sollte dein banner zumindest schon mal drüber stehen aber das css für die navi müßte ich auch noch sehen ...
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland
Nach oben

Re: navi unter Banner

Beitragvon BartM » 26. Feb 2011, 14:40

Ja hat funktioniert. danke.


Hier ist das css für die navi


Code: Alles auswählen
/* style Menu2 */

* {
margin: 0;
padding: 0;
}

#menu {
width: 100%;
padding: 0 20px;

font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left;
}

#menu ul {
float: left;
width: 140px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: center;
background: #ff9224;
color: #003366;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #ff9224;
background: #003366;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 1px solid #ccc;
}

BartM
 
Beiträge: 20
Registriert: 24. Feb 2011, 17:43
Nach oben

Re: navi unter Banner

Beitragvon Richard.Laing » 26. Feb 2011, 16:25

hi
wenn es passt dann brauche ich die ja nicht mehr ;)
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland
Nach oben

Re: navi unter Banner

Beitragvon BartM » 26. Feb 2011, 16:34

ja stimmt auch wieder :wink:

blos so eine sache bekomme ich noch nicht hin, wie ich in der unterkategorie auf eine Kategorie verlinke.

einzelen arikel kann man ja mit REX_ARTICLE[ID_DES_ARTIKEL] einbinden.

Gibt es da auch eine Möglichkeit Kategorien als link einzubinden ?
BartM
 
Beiträge: 20
Registriert: 24. Feb 2011, 17:43
Nach oben

Re: navi unter Banner

Beitragvon Richard.Laing » 26. Feb 2011, 16:39

Code: Alles auswählen
<?php print rex_getUrl(1);?>

die 1 ist die id der kategorie.
würde hier die navigations factory nicht besser genutzt?
Code: Alles auswählen
<?php $rexnav = rex_navigation::factory(); echo $rexnav->get(0,4,TRUE,TRUE); ?>

4 ebenen tief...?
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland
Nach oben

Re: navi unter Banner

Beitragvon BartM » 26. Feb 2011, 16:42

Richard.Laing hat geschrieben:würde hier die navigations factory nicht besser genutzt?


geht das mit der auch ?`

Kenne mich da noch nicht so gut aus. bin noch recht neu mit redaxo :D
BartM
 
Beiträge: 20
Registriert: 24. Feb 2011, 17:43
Nach oben

Re: navi unter Banner

Beitragvon Richard.Laing » 26. Feb 2011, 16:45

Code: Alles auswählen
<?php $rexnav = rex_navigation::factory(); echo $rexnav->get(0,4,TRUE,TRUE); ?>

knall den code doch einfach mal in dein template und schau was raus kommt ;)
eine komplette ul li liste deiner online artikel ohne root artikel ;)
schaust am besten mal bei http://www.rexvideo.de vorbei ;)
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland
Nach oben

Re: navi unter Banner

Beitragvon BartM » 26. Feb 2011, 16:57

ist doch aber keine Dropp down menu ??
BartM
 
Beiträge: 20
Registriert: 24. Feb 2011, 17:43
Nach oben

Re: navi unter Banner

Beitragvon Richard.Laing » 26. Feb 2011, 17:00

nö ne ul li liste.
den rest machst du ja mit css und oder JS...
gruß richy
http://www.cssplay.co.uk/menus/index.html
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland
Nach oben

Re: navi unter Banner

Beitragvon Richard.Laing » 26. Feb 2011, 17:13

vorraussetzung ist natürlich das du die kategorien richtig anlegst.
root kategorie
und fürs drop dann die unter kategorie...
usw...
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland
Nach oben

Re: navi unter Banner

Beitragvon BartM » 26. Feb 2011, 17:26

Kann ich da das CSS wo ich vorher hatte auch nehmen ?

oder muss ich da ein ganz neues machen ?
BartM
 
Beiträge: 20
Registriert: 24. Feb 2011, 17:43
Nach oben
Antwort erstellen

Zurück zu PHP/HTML/CSS/MySQL

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Deutsche Übersetzung durch phpBB.de
phpBB SEO