[quote="stuttgarter"]Hallo
Frage zum Menue, Button sollte bei hover und bei active wie in dem Bild ersichtlich aussehen... ( tut er aber nicht mit meinem Code )
Da der Button links und rechts abgerundete "ecken" hat, und sich aber bei einem langen link in der Breite anpassen sollte, müsste der Button aus 2 .gif bestehen... ? oder ??
[ externes Bild ]
wie muss ich meinen Code anpassen?
..........................
#navigation {
float: left;
width:100%;
}
#navigation ul.rex-navi1 {
margin: 0px;
padding:0px;
}
#navigation ul.rex-navi1 li {
display: inline;
}
#navigation ul.rex-navi1 a,
#navigation ul.rex-navi1 a:link,
#navigation ul.rex-navi1 a:visited {
float: left;
color: #fff;
padding: 5px 20px 5px 30px;
text-decoration: none;
text-align: center;
font-weight:normal;
background:transparent url(_button_links.gif) no-repeat top left ;
border:none;
}
#navigation ul.rex-navi1 a:hover {
color: #666;
background:transparent url(_button_rechts.gif) no-repeat scroll top right ;
}
#navigation ul.rex-navi1 li a.active,
#navigation ul.rex-navi1 li a.active:link {
color: #666;
background:transparent url(_button_rechts.gif) no-repeat scroll top right ;
}
#navigation ul.rex-navi1 li a.rex-active {
color: #666;
background:transparent url(_button_rechts.gif) no-repeat scroll top right ;
}
#navigation ul.rex-navi1 li a.rex-current {
color: #666;
background:transparent url(_button_rechts.gif) no-repeat scroll top right ;
}
..........................
Hallo,
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
-
- Beiträge: 224
- Registriert: 18. Feb 2005, 14:00
- Wohnort: stuttgart
- Richard.Laing
- Beiträge: 2105
- Registriert: 28. Aug 2005, 00:55
- Wohnort: Brühl / Rheinland
- Kontaktdaten: Website
dazu gibt es auch schon ein addon von xong...
http://www.redaxo.de/180-0-addon-detail ... don_id=574
gruß richy
http://www.redaxo.de/180-0-addon-detail ... don_id=574
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
-
- Beiträge: 224
- Registriert: 18. Feb 2005, 14:00
- Wohnort: stuttgart
Vielen Dank für die Antworten!
Link zu mehr Infos im Forum ausserdem hier:
http://forum.redaxo.de/ftopic12830.html
Habe mal das Addons installiert und lediglich in meine css des Menues folgendes eingebunden...
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 1px;
-moz-border-radius: 5px;
background-color:#cc0000;
Funktioniert ! jedoch benötige ich es nicht soo...
Ich dachte da eher an runde Ecken nur oben in dem button, ausserdem an einen Verlauf ( wie das obige Bild...)
Das geht dann wohl eher nicht ?
Link zu mehr Infos im Forum ausserdem hier:
http://forum.redaxo.de/ftopic12830.html
Habe mal das Addons installiert und lediglich in meine css des Menues folgendes eingebunden...
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 1px;
-moz-border-radius: 5px;
background-color:#cc0000;
Funktioniert ! jedoch benötige ich es nicht soo...
Ich dachte da eher an runde Ecken nur oben in dem button, ausserdem an einen Verlauf ( wie das obige Bild...)
Das geht dann wohl eher nicht ?
- Richard.Laing
- Beiträge: 2105
- Registriert: 28. Aug 2005, 00:55
- Wohnort: Brühl / Rheinland
- Kontaktdaten: Website
hi doch sollte gehen...
schau mal hier:
http://www.css3.info/preview/rounded-border/
und den verlauf dann in den hintergrund
gruß richy
PS: wenn du das ohne jquerry machst geht es nicht im ie soweit ich das weiss
schau mal hier:
http://www.css3.info/preview/rounded-border/
und den verlauf dann in den hintergrund
gruß richy
PS: wenn du das ohne jquerry machst geht es nicht im ie soweit ich das weiss
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
-
- Beiträge: 224
- Registriert: 18. Feb 2005, 14:00
- Wohnort: stuttgart
Abgerundetes Menue / box
Hi danke auch für den link,,, geht allerdings nich im IE.. und was ich da mit j querry anpassen muss weiss ich so nich auf anhieb...
Bin langsam soweit das ich gifs mache, sind dann halt nicht in der breite"dynamisch"
Bin langsam soweit das ich gifs mache, sind dann halt nicht in der breite"dynamisch"
hallo,
mit JQuery ist das garnicht so schwer; runde Echen nur oben und Verlauf kannst Du damit machen.
Hast Du schon mal gegoogelt? Es gibt jede Menge Beispiele im web
http://www.google.de/search?q=jquery+ro ... =firefox-a
der IE 8 hat Probleme damit, aber im Kompatibilitätsmodus klappt's.
mit JQuery ist das garnicht so schwer; runde Echen nur oben und Verlauf kannst Du damit machen.
Hast Du schon mal gegoogelt? Es gibt jede Menge Beispiele im web
http://www.google.de/search?q=jquery+ro ... =firefox-a
der IE 8 hat Probleme damit, aber im Kompatibilitätsmodus klappt's.
Funzt nur bei Forefox
Hallo zusammen,stuttgarter hat geschrieben:Vielen Dank für die Antworten!
Link zu mehr Infos im Forum ausserdem hier:
http://forum.redaxo.de/ftopic12830.html
Habe mal das Addons installiert und lediglich in meine css des Menues folgendes eingebunden...
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 1px;
-moz-border-radius: 5px;
background-color:#cc0000;
Funktioniert ! jedoch benötige ich es nicht soo...
Ich dachte da eher an runde Ecken nur oben in dem button, ausserdem an einen Verlauf ( wie das obige Bild...)
Das geht dann wohl eher nicht ?
genauso habe ich es auch gemacht. Es werden allerdings nur im Firefox runde Ecken angezeigt. Base Tag ( wie in der Hilfe des Addon beschrieben ) ist eingebunden. Was fehlt mir da noch ?
Danke!
Grüße,
Andreas