success4you

success4you - das Forum: Fragen, Hilfe, Tutorials rund um den Homepage-Baukasten und rund ums Webdesign
 
StartseitePortalFAQSuchenAnmeldenLogin

Teilen | 
 

 Beschriftete Buttons

Nach unten 
AutorNachricht
Yvonnes-Testpage
Member
Member
avatar

Weiblich
Anzahl der Beiträge : 208
Alter : 44
Ort : Ruhrgebiet
Land :
Your Browser :
Anmeldedatum : 09.08.08

BeitragThema: Beschriftete Buttons   Di Aug 19, 2008 11:00 pm

Hallo,

ich habe für meine Page (http://yvonnes-testpage.de.tl/) zwei Navigationen eingesetzt. Einmal die Originale (CSS für Profis) und ein Cool-Menü. In das Cool-Menü habe ich beschriftete Buttons eingearbeitet. Nun möchte ich auch gerne in das originale CSS-Menü diese Buttons einsetzen. Wie kann ich das machen? Geht das überhaupt?

Der originale CSS-Code sieht so aus:


#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}



VG, Yvonne

Very Happy
Nach oben Nach unten
Benutzerprofil anzeigen http://yvonnes-testpage.de.tl/
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 109
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Beschriftete Buttons   Mi Aug 20, 2008 12:38 am

Hi Benvenuto - freut mich, dich als erste Frau begrüßen zu dürfen!
Nun zu deiner Frage:

Zitat :
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}

Das ist ein Problem:
das rote kannst du löschen, das ist der Hover-Effekt - den hast du oben auch nicht und das Bild hinter der Navi hat genug Effekt!

Beim CSS - also bei diesem Code kannst du nur ein Button für alle wählen (orange im Code) - das bringt dich aber nicht weiter, weil du auf Grund der Schriftart - für jedes Nav-Element ein neuen Button benötigst.

Die einfachste Lösung - du gibst den Button im Seiten-Titel ein

Zitat :
<img src="http://LINK des BUTTONS">

Ciao due Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
Yvonnes-Testpage
Member
Member
avatar

Weiblich
Anzahl der Beiträge : 208
Alter : 44
Ort : Ruhrgebiet
Land :
Your Browser :
Anmeldedatum : 09.08.08

BeitragThema: Beschriftete Buttons   Mi Aug 20, 2008 1:29 pm

Hey Michael,

du hast mir mal wieder den Hals gerettet lol!
Es klappt!!

Nu hätte ich aber noch eine Bitte an dich. Ich habe auch im HBK-Forum gepostet.
Könntest du dort deine Antwort auch rein posten, damit abgeschlossen werden kann?!
Das wäre super lieb!! Smile

Vielen Dank nochmal, Yvonne


P.S. Danke für deine nette Begrüssung. Freut mich, hier sein zu können!
Nach oben Nach unten
Benutzerprofil anzeigen http://yvonnes-testpage.de.tl/
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 109
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Beschriftete Buttons   Mi Aug 20, 2008 1:47 pm

Gerne Gemacht!
Habe im HPBK-Forum geantwortet - Du brauchst jetzt nur noch darunter posten, dass es Klappt und dann close ich es.
Freut mich, dass es dir hier gefällt.
Ciao Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
Gesponserte Inhalte




BeitragThema: Re: Beschriftete Buttons   

Nach oben Nach unten
 
Beschriftete Buttons
Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» Hitskin Design/Buttons/Icon/Header Fusion?
» Unsichtbare schrift in Buttons
» PHPBB 3 Buttons in Deutsch
» Ansicht/Einsicht des Forums/verschwundene Buttons,Smilies et
» Buttons erstellen mit Gimp

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
success4you :: Fragen :: Profi-Fragen-
Gehe zu: