Antworten auf deine Fragen:
Neues Thema erstellen

DropDown-Menü mit Reitergrafik

D

dersauer

Noch nicht viel geschrieben

Hallo,

da ihr mir so Tatkräftig bei meinen ersten Beitrag geholfen habt versuche ich mein Problem mal wieder hier zu schildern.

Ich möchte ein horizontales Menü gestalten, die Reiter also die erste Ebene sollen Grafikbuttons sein, die Untermenüpunkte also für die Ebenen 1 und gegebenenfalls zwei sollen als Dropdown nach unten gehen also wenn man mit der Maus auf dem Button ist soll das Menü unterhalb des Buttons auftauchen bzw. aufscrollen.

Ich habe wirklich schon alles abgesucht jedoch kamen immer DropDown-Menüs rein in css und ohne Grafik oder alles in Grafik.

Ich habe mal in Photoshop das ganz realisiert wie ich das mir vorstelle :-)

anbei die das Bild:



Der Reiter ist in eine Grafik und das DropDown css


Ich hoffe das ist einfach zu realisieren?

Gruß

Philip
 

AW: DropDown-Menü mit Reitergrafik

Du kannst doch deine Grafiken über CSS einbiten bzw. deine Button Grafik als Hintergrundgrafik plazieren. Dann würdest du dir auch mit den "hover-style" leichter tun.

HTML
Code: 
<ul id="navi">
     <li><span>LED</span> Module [oder deine Grafik]
          <ul class="sub">
               <li><a href="#">Dein Link</a></li>
               <li><a href="#">Dein Link</a></li>
               <li><a href="#">Dein Link</a></li>
          </ul>
     </li>
     <li><span>LED</span> Leuchten [oder deine Grafik]</li>
</ul>
CSS
Code: 
#navi li { hier deine styles für die erste ebene }

#navi li .sub li { hier deine styles für die zweite ebene }
Das ist jetzt mal eine Grobübersicht. Natürlich müsste man das noch etwas verfeinern.
 
AW: DropDown-Menü mit Reitergrafik

Vielen Dank erstmal, ich habe mir meine css schonmal gebaut jedoch fehlt in dieser die Buttons für Level 1, hier mal die css, wo würdet ihr die Grafiken einbetten?:
Code: 
.mod_navigation
{
	width:956px;
	height:64px;
	top:120px;
	position:absolute;
	overflow:visible;
	margin-left:2px;
	background-color:#eeeeee;
	left:0px;
	z-index:5;
}

.mod_navigation ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.mod_navigation li
{
	float:left;
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}

/* mit text-transform:lowercase; */
.mod_navigation li,
.mod_navigation li a
{
	color:#3e3e3e;
}

/* Anfang Navigation für LEVEL 1 (Hauptspalte) */
.mod_navigation .level_1 > li
{
	width:117px;
	height:64px;
	position:relative;
	border-right:2px solid #FFF;
}

/* padding ist links STANDART 8 */
.mod_navigation .level_1 > li > a,
.mod_navigation .level_1 > li > span
{
	width:109px;
	height:24px;
	display:block;
	padding-top:40px;
	padding-left:12px;
	font-weight:bold;
	font-size:12px;
}

.mod_navigation .level_1 > li:hover > a,
.mod_navigation li a:hover,
.mod_navigation li a:focus
{
	background-color:#c6c6c6;
	text-decoration:none;
}

.mod_navigation li a:active
{
	background-color:#ddd !important;
}

* html .mod_navigation ul,
* html .mod_navigation li
{
	height:1px;
}

.mod_navigation .level_2
{
	left:0;
	top:64px;
	position:absolute;
	display:none;
	z-index:300;
}

.mod_navigation li:hover .level_2
{
	display:block;
}

.mod_navigation .level_2 a,
.mod_navigation .level_2 li,
.mod_navigation .level_2 span
{
	font-weight:normal;
	font-size:12px;
}

.mod_navigation .level_2 a,
.mod_navigation .level_2 > li.active
{
	width:228px;
	height:15px;
	display:block;
	padding-top:13px;
	padding-bottom:3px;
	padding-left:8px;
	background-color:#eeeeee;
	border-top:2px solid #FFF;
}

.mod_navigation li.active,
.mod_navigation .level_2 > li.active,
.mod_navigation li.trail > a
{
	background-color:#0189bd;
	font-weight:bold;
	color:#FFF;
}

.mod_navigation li.trail > a:hover
{
	color:#FFF;
}

.mod_navigation span.active
{
	font-weight:bold;
	color:#FFF;
}

.mod_navigation .level_1 > li.submenu a,
.mod_navigation .level_1 > li.submenu.trail a,
li.submenu.trail a,
li.submenu > span
{
	background-image:url("tl_files/simpag/img/pfeil_unten_menu.png");
	background-repeat:no-repeat;
	background-position:97px 48px;
}

/* .mod_customnav
------------------------------------------------------------------------------------------------------ */
.mod_customnav ul
{
	margin:0;
	padding:0;
}

.mod_customnav li
{
	margin:0 0 3px;
	list-style:none;
}

.mod_customnav li a,
.mod_customnav li.active span
{
	height:35px;
	display:block;
	padding:25px 10px 5px 35px;
	background-color:#eeeeee;
	background-image:url("tl_files/simpag/img/pfeilGrey_no_hover.png");
	background-repeat:no-repeat;
	font-size:14px;
	color:#353737;
	background-position:15px 50%;
}

.mod_customnav li.active span
{
	background-color:#ff5400;
	background-image:none;
	color:#FFF;
}

.mod_customnav li a:hover
{
	padding:25px 10px 5px 40px;
	background-color:#c6c6c6;
	text-decoration:none;
}

#footer .mod_customnav
{
	padding:20px;
}

#footer .mod_customnav li
{
	display:inline-block;
}

#footer .mod_customnav li a,
#footer .mod_customnav li.active span
{
	padding:0 10px 0 25px;
	font-weight:bold;
	font-size:14px;
	color:#b0b0b0;
	background:url(tl_files/simpag/img/pfeilGrey_no_hover.png) no-repeat 5px 0px;
}

#footer .mod_customnav li.active span
{
	color:#FFF;
}

#footer .mod_customnav li a:hover
{
	padding:0 10px 0 30px;
	text-decoration:none;
}

/* .mod_breadcrumb
------------------------------------------------------------------------------------------------------ */
.mod_breadcrumb
{
	top:-100px;
	position:relative;
	float:left;
	margin-left:10px;
}

.mod_breadcrumb .pfeil
{
	width:10px;
	height:16px;
	float:left;
	display:block;
	margin-right:8px;
	margin-left:8px;
	background:url(tl_files/simpag/img/breadcrumb_pfeil.gif) no-repeat;
}

.mod_breadcrumb a,
.mod_breadcrumb span.active
{
	top:3px;
	position:relative;
	float:left;
	color:#3e3e3e;
}

.mod_breadcrumb span.active
{
	font-weight:bold;
}

/* .mod_booknav
------------------------------------------------------------------------------------------------------ */
.mod_booknav
{
	height:30px;
	position:relative;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}

.mod_booknav li
{
	list-style:none;
}

.mod_booknav .next a
{
	width:18px;
	height:31px;
	right:20px;
	position:absolute;
	overflow:hidden;
	display:block;
	font-size:0.00001px;
	top:0px;
	background:url("tl_files/simpag/img/news_more.gif") left top no-repeat;
	text-indent:-999px;
}

.mod_booknav .next a:hover
{
	background:url("tl_files/simpag/img/news_more.gif") bottom left no-repeat;
}

.mod_booknav .prev a
{
	width:18px;
	height:31px;
	left:20px;
	position:absolute;
	overflow:hidden;
	display:block;
	font-size:0.00001px;
	top:0px;
	background:url(tl_files/simpag/img/pfeile_blog_liste_links.gif) left top no-repeat;
	text-indent:-999px;
}

.mod_booknav .prev a:hover
{
	background:url(tl_files/simpag/img/pfeile_blog_liste_links.gif) left bottom no-repeat;
}

.mod_booknav .up a
{
	width:31px;
	height:18px;
	left:460px;
	position:absolute;
	overflow:hidden;
	display:block;
	font-size:0.00001px;
	top:0px;
	background:url(tl_files/simpag/img/pfeile_up.png) left top no-repeat;
	text-indent:-999px;
}

.mod_booknav .up a:hover
{
	background:url(tl_files/simpag/img/pfeile_up.png) right top no-repeat;
}

/* .mod_sitemap
------------------------------------------------------------------------------------------------------ */
.mod_sitemap
{
}

.mod_sitemap ul,
.mod_sitemap li
{
	margin:0;
	padding:0;
	list-style:none;
}

.mod_sitemap ul.level_1 > li
{
	margin-right:2px;
	margin-bottom:2px;
	padding:0;
	background-color:#eeeeee;
}

.mod_sitemap ul.level_1 > li > a
{
	display:block;
	padding:10px;
	font-size:14px;
}

.mod_sitemap ul.level_2 > li > a
{
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
}

.mod_sitemap ul.level_2 > li
{
	padding-left:0;
	border-top:1px solid #FFF;
	font-weight:bold;
	font-weight:normal;
}

.mod_sitemap ul.level_3 > li
{
	border-top:1px #FFFFFF #solid;
	font-weight:normal;
}

.mod_sitemap ul.level_3 > li > a
{
	display:block;
	padding:5px 5px 5px 50px;
	font-size:12px;
}

[__] .pagination li
{
	float:left;
	list-style:none;
}

.pagination li a,
.pagination li span.current
{
	width:40px;
	height:30px;
	overflow:hidden;
	display:block;
	margin-left:2px;
	padding-top:10px;
	text-align:center;
	background-color:#353737;
	color:#eeeeee;
}

.pagination li span.current
{
	background-color:#ff5400;
}

.pagination li a:hover
{
	background-color:#ff5400;
	text-decoration:none;
}

.pagination li a.last
{
	background-image:url("tl_files/simpag/img/pagination_pfeil_rechts.png");
	background-repeat:no-repeat;
	font-size:0.001px;
	text-indent:-999px;
	background-position:10px 12px;
}

.pagination li a.next
{
	background-image:url("tl_files/simpag/img/pagination_pfeil_rechts_kl.png");
	background-repeat:no-repeat;
	font-size:0.001px;
	text-indent:-999px;
	background-position:10px 12px;
}

.pagination li a.previous
{
	background-image:url("tl_files/simpag/img/pagination_pfeil_links_kl.png");
	background-repeat:no-repeat;
	font-size:0.001px;
	text-indent:-999px;
	background-position:10px 12px;
}

.pagination li a.first
{
	background-image:url("tl_files/simpag/img/pagination_pfeil_links.png");
	background-repeat:no-repeat;
	font-size:0.001px;
	text-indent:-999px;
	background-position:10px 12px;
}

.pagination
{
	clear:both;
	margin-right:20px;
	margin-bottom:30px;
}

.pagination p
{
}

.pagination ul
{
	float:right;
}
 
AW: DropDown-Menü mit Reitergrafik

Wie sieht dein HTML Code aus? Sollen die Buttons von Level 1 auch gleich Links sein, oder nur für das Dropdown sein?
 
AW: DropDown-Menü mit Reitergrafik

Da die Level 1 Menüpunkte auch Seiten haben müssen diese "verlinkt" sein. Da es Buttons gibt wie: Home, Unternehmen usw.
 
AW: DropDown-Menü mit Reitergrafik

Sorry das verstehe ich nicht, die Buttons sind keine reinen Buttons ohne Text. Ich hätte die Buttons anhand von CSS-Klassen deffiniert.

Ich müsste also für die sechs Menüreiter jeweils eine CSS-Klasse machen damit eine Seite dafür existiert und zusätzlich für jeden Reiter die Untergrupen.

Ist das zu kompliziert wie ich denke?
 
AW: DropDown-Menü mit Reitergrafik

Wenn ich das richtig gesehen hab`, verwendest du doch eine Standardschrift in den Buttons? Ansonsten könntest du es über IDs oder Klassen lösen.
 
AW: DropDown-Menü mit Reitergrafik

Bitte Step by Step :-)

Ja ich würde für die Reiter Klassen hernehmen. Den Code bei Beitrag 3 ist noch nicht angepasst weil ich nicht weiß wie ich das umsetzten soll das die Reiter einen Link bekommen und sobald man mit der Maus rüber geht ein Drapdown Menü kommt mit den jeweiligen Untermenüs.

Um meine Denkweise noch besser zu verstehen:

Ich möchte sechs Menü-Reiter (Grafik) benutzen:
1 Home
2 Komponente
3 Module
4 Leuchten
5 Anwendungen
6 Unternehmen

diese haben einen einfachen Mouse-Overeffekt, gerne kann man das mit einer Sprite-Grafik realisieren.

Damit die Unterseiten zusehen sind wollte ich ein Drap-Down-Menü unterhalb der jeweiligen Buttons haben.

NUR verstehe ich nicht wie ich den Code zusammenfügen kann, der Code bei Beitrag 3 ist vom Design her super jedoch sind die "Reiter" also die Hauptmenüpunkte im reinen CSS also lediglich Farben.

Dazu kommt das, das Reiterdesign im Beitrag 3 für ALLE gilt und somit keine unterscheidungen gemacht werden.

Tut mir leid ich weiß einfach nicht wie ich die einzelnen Menüpunkte mit einer Grafik ansprechen kann.

Kann mir jemand die Buttons in den Code von Beitrag 3 einsetzen? das währe so geil dann würde ich auch verstehen wie das ganze zu realisieren währe.

Besten Dank

Phil
 
AW: DropDown-Menü mit Reitergrafik

In deinem Beitrag 3 hast du viel CSS gepostet, was uns aber genau gar nichts bringt, da wir den dazugehörigen HTML Code nicht kennen. Es wurde zwar in Beitrag 4 schon nach dem Code gefragt, jedoch wurde er uns bis jetzt beharrlich verweigert.
Prinzipiell ist der HTML Aufbau aus Beitrag #2 sinnvoll und richtig (du kannst den ersten Punkt auch als <a> statt <span> umsetzen)
Und für die Bilder: Man kann in CSS nicht Farben, sondern auch Bilder definieren
Code: 
a{background-image:url(path/to/file.png);}
Und man kann sehr wohl auch Unterscheidungen zwischen den einzelnen Elementen realisieren, aber wie gesagt: Ohne HTML Code ist das nicht möglich.

L. G.
 
AW: DropDown-Menü mit Reitergrafik

Achso sorry mir war nicht bewusst das der HTML Code so wichtig ist.
Es geht um das CMS System Contao sodass ich nicht genau weiß ob der HTML-Code der richtige ist den ihr braucht:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<!--
 This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
 Copyright ©2005-2011 by Leo Feyer :: Extensions are copyright of their respective owners
 Visit the project website at http://www.contao.org for more information
//-->
<base href="http://www.schsw.com/schswcms/"></base>
<title>Startseite - schsw Lighting</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="schsw Lighting ist ihr Partner für LED - Systemlösungen insbesondere für den Lichtbereich aber auch für alle sonstigen LED-Lösungen mit Hochleistungs- LEDs" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<style type="text/css" media="screen">
<!--/*--><![CDATA[/*><!--*/
#wrapper { width:960px; margin:0 auto; }
#header { height:490px; }
#right { width:200px; }
#main { margin-right:200px; }
#footer { height:50px; }
/*]]>*/-->
</style>
<link rel="stylesheet" href="system/contao.css" type="text/css" media="screen" />
<!--[if lte IE 7]><link rel="stylesheet" href="system/iefixes.css" type="text/css" media="screen" /><![endif]-->
<link rel="stylesheet" href="tl_files/tinymce.css?1312444025" type="text/css" media="screen" />
<link rel="stylesheet" href="basic_BG_und_Design.css?1313060393" type="text/css" media="all" />
<link rel="stylesheet" href="navigation_von_DERSAUER.css?1312988763" type="text/css" media="all" />
<link rel="stylesheet" href="3_Fach_LED_Buttons.css?1312988518" type="text/css" media="all" />
<link rel="stylesheet" href="Schriftformatierung.css?1313056627" type="text/css" media="all" />
<script type="text/javascript" src="plugins/mootools/mootools-core.js?1.2.5"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js?1.2.5.1"></script>
<script type="text/javascript" src="system/modules/mooquee4ward/html/Mooquee1.1.js"></script>
</head>
<body id="top" class="startseite">
<div id="wrapper">
<div id="header">
<div class="inside">
<a href="" id="logo">
<img src="tl_files/schsw_Theme/img/logo.jpg"  alt="schsw Lighting" />
</a>
 
<div id="logo"></div>
 
<a href="" id="kopfleiste">
<img src="tl_files/schsw_Theme/img/kopfleiste.gif"  alt="Wir Beraten Sie gerne" />
</a>
 
<div id="kopfleiste"></div>
 
<div id="small_search">
 <form action="index.php/search.html" method="get">
 <input type="text" name="keywords" value="Finden …" onblur="if (this.value == '') {this.value = 'Finden …';}"  onfocus="if (this.value == 'Finden …') {this.value = '';}" />
 </form>
 
 
 
</div>
<!-- indexer::stop -->
<div class="mod_navigation block">
<a href="#skipNavigation74" class="invisible">Navigation überspringen</a>
<ul class="level_1">
<li class="active startseite first"><span class="active startseite first">Startseite</span></li>
<li class="submenu komponenten sibling"><a href="index.php/komponenten.html" title="LED-Komponenten" class="submenu komponenten sibling" accesskey="2">LED-Komponenten</a>
<ul class="level_2">
<li class="first"><a href="index.php/thermomanagement.html" title="Thermomanagement" class="first">Thermomanagement</a></li>
<li class="submenu"><a href="index.php/zubehoer.html" title="Zubehör" class="submenu">Zubehör</a>
<ul class="level_3">
<li class="first"><a href="index.php/elektroniken.html" title="Elektroniken" class="first">Elektroniken</a></li>
<li class="last"><a href="index.php/optiken.html" title="Optiken" class="last">Optiken</a></li>
</ul>
</li>
<li><a href="index.php/lumileds.html" title="Lumileds">Lumileds</a></li>
<li><a href="index.php/ledengin.html" title="LEDEngin">LEDEngin</a></li>
<li><a href="index.php/osram.html" title="Osram">Osram</a></li>
<li><a href="index.php/news.html" title="News and updates">News</a></li>
<li class="last"><a href="index.php/calendar.html" title="Events and schedules" class="last">Events</a></li>
</ul>
</li>
<li class="submenu module sibling"><a href="index.php/module.html" title="LED-Module" class="submenu module sibling" accesskey="3">LED-Module</a>
<ul class="level_2">
<li class="first"><a href="index.php/ledner.html" title="LedNer" class="first">LedNer</a></li>
<li><a href="index.php/ledlinear.html" title="LedLinear">LedLinear</a></li>
<li><a href="index.php/toshiba.html" title="Toshiba">Toshiba</a></li>
<li><a href="index.php/xicato.html" title="Xicato">Xicato</a></li>
<li class="last"><a href="index.php/lo.html" title="L&amp;O Gruppe" class="last">L&O</a></li>
</ul>
</li>
<li class="submenu leuchten sibling"><a href="index.php/led_leuchten.html" title="LED-Leuchten" class="submenu leuchten sibling" accesskey="4">LED-Leuchten</a>
<ul class="level_2">
<li class="first"><a href="index.php/atd.html" title="ATD" class="first">ATD</a></li>
<li><a href="index.php/foxconn.html" title="Foxconn">Foxconn</a></li>
<li><a href="index.php/alphaled.html" title="AlphaLED">AlphaLED</a></li>
<li><a href="index.php/search.html" title="Search this website" rel="nofollow">Search</a></li>
<li><a href="index.php/navigation.html" title="New navigation features">Navigation</a></li>
<li class="last"><a href="index.php/login.html" title="Students log-in" class="last" rel="nofollow">Login</a></li>
</ul>
</li>
<li class="submenu unternehmen sibling last"><a href="index.php/unternehmen.html" title="Unternehmen" class="submenu unternehmen sibling last">Unternehmen</a>
<ul class="level_2">
<li class="first"><a href="index.php/news-und-presse.html" title="News und Presse" class="first">News und Presse</a></li>
<li><a href="index.php/karriere.html" title="Karriere">Karriere</a></li>
<li><a href="index.php/kompetenz.html" title="Kompetenz">Kompetenz</a></li>
<li class="last"><a href="index.php/historie.html" title="Historie" class="last">Historie</a></li>
</ul>
</li>
</ul>
 
<a name="skipNavigation74" id="skipNavigation74" class="invisible">&nbsp;</a>
</div>
<!-- indexer::continue -->
<div class="mod_id block">
<div id="mooquee75" class="mooquee" style="width:958px;height:268px;">
  <div class="mooquee_item" style="width:958px;height:268px;">
  <img src="tl_files/schsw_Theme/teaser/1.jpg" alt="1"/>
  </div>
  <div class="mooquee_item" style="width:958px;height:268px;">
  <img src="tl_files/schsw_Theme/teaser/2.jpg" alt="2"/>
  </div>
  <div class="mooquee_item" style="width:958px;height:268px;">
  <img src="tl_files/schsw_Theme/teaser/3.jpg" alt="3"/>
  </div>
  </div>
 
<!-- indexer::stop -->
<script type="text/javascript">
window.addEvent('domready',function(){
 objMooquee75 = new Mooquee({
  element:'mooquee75',
  trans:{'tin':'left', 'tout':'left'},
  duration:2000,
  pause:5000,
  firstitem:0,
  pauseOnHover:true,
  transition:'cubic:in:out',
 
  startOnLoad:true
 });  
 
});
</script>
<!-- indexer::continue -->
</div>
<a href="http://www.schsw.com/schswcms/index.php/komponenten.html" id="ledbutton1">
<img src="http://www.schsw.com/schswcms/tl_files/schsw_Theme/img/ledbereiche/ledbereiche_01.jpg"  alt="schsw Lighting" />
</a>
<a href="http://www.schsw.com/schswcms/index.php/module.html" id="ledbutton2">
<img src="http://www.schsw.com/schswcms/tl_files/schsw_Theme/img/ledbereiche/ledbereiche_02.jpg"  alt="schsw Lighting" />
</a>
<a href="http://www.schsw.com/schswcms/index.php/led_leuchten.html" id="ledbutton3">
<img src="http://www.schsw.com/schswcms/tl_files/schsw_Theme/img/ledbereiche/ledbereiche_03.jpg"  alt="schsw Lighting" />
</a> 
</div>
</div>
<div id="container">
<div id="right">
<div class="inside">
&nbsp; 
</div>
</div>
<div id="main">
<div class="inside">
<div class="mod_article block" id="home">
<!-- indexer::stop -->
<div class="pdf_link">
  <a href="#" rel="nofollow" title="Diese Seite drucken" onclick="window.print(); return false;"><img src="system/modules/frontend/html/print.gif" width="16" height="16" alt="" /></a>
  <a href="?pdf=1" rel="nofollow" title="Artikel als PDF drucken"><img src="system/modules/frontend/html/pdf.gif" width="16" height="16" alt="" /></a>
  <a href="share.php?p=facebook&amp;u=http%3A%2F%2Fwww.schsw.com%2Fschswcms%2F&amp;t=" rel="nofollow" title="Auf Facebook teilen" onclick="window.open(this.href, '', 'width=760,height=570,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no'); return false;"><img src="system/modules/frontend/html/facebook.gif" width="16" height="16" alt="" /></a>
  <a href="share.php?p=twitter&amp;u=http%3A%2F%2Fwww.schsw.com%2Fschswcms%2F&amp;t=" rel="nofollow" title="Auf Twitter teilen" onclick="window.open(this.href, '', 'width=800,height=600,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no'); return false;"><img src="system/modules/frontend/html/twitter.gif" width="16" height="16" alt="" /></a>
</div>
<!-- indexer::continue -->
<h1 class="ce_headline"></h1>
<div class="ce_text block">
<p>Sehr geehrte Kunden,</p>
<p>&nbsp;</p>
<p>eine der umfassendsten Produktabkündigungen für LED-Produkte
haben wir vor einigen Tagen von der Firma Philips Lumileds erhalten, das
Originalschreiben finden Sie angefügt.</p>
<p>&nbsp;</p>
<p>Im Gegensatz zur bisher vertretenen Philosophie - keine
Abkündigung ohne baugleichen Ersatz - wird das High Power Produktspektrum von
Philips Lumileds auf die LUXEON Rebel beschränkt, die durch ihre SMD Bauform
hauptsächlich für maschinelle Bestückung geeignet ist. Folgende Produktgruppen
werden zum Februar/März 2010 abgekündigt:</p>
<p>&nbsp;</p>
<p>• Luxeon I, III, V </p>
<p>• Luxeon K2, K2 (TFFC) </p>
<p>• Luxeon Rebel Low Flux</p>
<p>&nbsp;</p>
<p>Nutzen Sie unsere Kompetenz und unserer langjährige
Erfahrung im LED-Bereich, um die passende Alternative zu finden!</p>
<p>&nbsp;</p>
<p>Einerseits können wir Ihnen High Power LEDs verschiedener
Hersteller anbieten, andererseits besteht die Möglichkeit mit Ihnen gemeinsam
Ihre kundenspezifische LED Platine zu entwickeln. Gerne diskutieren wir die für
Ihre Anwendung passende Lösung!</p>
<p>&nbsp;</p>
<p>Unser Vetriebsteam erreichen Sie unter Tel. 
bzw.</p>
<p>&nbsp;</p>
<p>Karen Hansen Tel. 089-749860-72
karen.hansen@schahl.de</p>
<p>. Jens jens.lueder@schahl.de</p>
<p>&nbsp;</p>
<p>Das schsw-Team</p>
</div>
</div>
 
</div>
 
<div id="clear"></div>
</div>
</div>
<div id="footer">
<div class="inside">
&nbsp; 
</div>
</div>
<!-- indexer::stop -->
<img src="http://www.schsw.com/schswcms/cron.php" alt="" class="invisible" />
<!-- indexer::continue -->
</div>
</body>
</html>
 
AW: DropDown-Menü mit Reitergrafik

Du hast doch deine Unterscheidungen mittels einer Klasse:
Code: 
ul.level_1 li {/*hier deine Definitionen für dein Level 1 ... Also Farbe, Border, HG, etc*/}
ul.level_2 li {/*hier deine Definitionen für dein Level 2 ... Also Farbe, Border, HG, etc*/}

L. G.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 997 (Mitglieder: 3, Gäste: 994)

Statistik des Forums

Themen
119.010
Beiträge
1.540.366
Mitglieder
23.175
Neuestes Mitglied
little-jack1
Oben