Abstand Navibutton

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Abstand Navibutton

Beitrag von Patrick »

Huhu zusammen,

ich bearbeite gerade die homepage und passe sie dem shop an. Dabei ist mir aufgefallen, dass die Buttons (linke Navigation) sehr dicht aneinander sind.
ist es möglich dort einen größeren Abstand zu den einzelnen buttons zu machen? Was muss ich in der css ändern?
Danke im voraus.

LG
Unbenannt.JPG

Code: Alles auswählen

    /* Navi Links
    -------------------------------------- */
          
#navi {
float: left;
width: 150px;
background-color: transparent;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
font-size: 1px;
color: #FDF6E4;
margin-left: 10px;
}

#menulink {
display: block;
width: 150px;
height: 30px;
line-height:25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 15px;
color: #FDF6E4;
background-color: #C6AB90;
background-image: url();
border: solid 1px #000000;
}

#menulink:hover {
display: block;
width: 150px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #FDF6E4;
background-color: #C6AB90;
background-image:  url();
border: solid 1px #000000;
}
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6997
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Abstand Navibutton

Beitrag von goefi-chiangmai »

im menu menulink margin rein machen

Code: Alles auswählen

margin-bottom: 2px;
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: Abstand Navibutton

Beitrag von Patrick »

PERFEKT!

VielenDank Peter! Klappt wundebar :-)
Benutzeravatar
Eragon-02
Webmaster
Webmaster
Beiträge: 102
Registriert: Di 3. Jul 2012, 00:27
Mein Vorname:
Kontaktdaten:

Navigationsbutton

Beitrag von Eragon-02 »

Hallo

erst einmal ich bin neu ihr und hoffe auf schnelle und gute Hilfe ihr

mein erste anliegen was mich schon Wochen beschäftigt ich bekomme einfach das nicht mit den Navigationsbutton in
würde gern andre haben und so wie ihr

http://goefi-chiangmai.npage.de/home.html

das wenn ich auf ein sonn Navigationsbutton klicke das darunter ein neuer auf geht so ein unter Navigationsbutton und vor allem ein andres Design

so wie ihr
http://www.nur-gifs.de/

kann Mann sich zwar fertige mit Schrift oder mit ein Generator sich welche erstellen aber das sind ja nur Bilder am ende

wer schön wenn mann diesen code

Code: Alles auswählen

<a href="/willkommen.html">1</a>
ein Bild ihnzufügen kann dann wer das super
weil das Bild von dem Menü Button würde ich ja alleine ihn bekommen

So ihr noch meine Seite fast vergessen
http://dragons-sims-3-bastel-ecke.npage.de/

....
Benutzeravatar
Eragon-02
Webmaster
Webmaster
Beiträge: 102
Registriert: Di 3. Jul 2012, 00:27
Mein Vorname:
Kontaktdaten:

Navigationsbutton

Beitrag von Eragon-02 »

so wie ihr noch eine seite gefunden genau so wohlt ich es auch nur senkrecht und ein andres desin dazu

http://skywalk-webdesign.de/design-vorl ... tufig.html
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Abstand Navibutton

Beitrag von moni »

Guten morgen Eragon-2

herzlich willkommen in unseren Forum zu erst... fühle dich wohle hier bei uns ...
so und zur deinen fragen...
1)wie ich das verstanden habe brauchst einen Button was zur dein HP passt..am besten oval oder animiert ...
2) möchtest gern auch ein horizontale Navi leiste einbauen ....gehe davon aus da du auch einen Button haben möchtest..
3) wen erwünscht ist einen Button zu basteln da muss einen in den Grafik Forum bestellen
http://www.npage-hilfe.de/f82-gratis-ba ... -shop.html
4) hatte deine HP mir angeschaut und du hast etliche Fehler in den HTML Bereich ...CSS ist sehr Detailliert gemacht ..
dein Problem mit dem Schrift Größe kannst in den Body angaben ändern ...normalerweise das musste gehen ...
Viele Grüße ...Monika
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Abstand Navibutton

Beitrag von Jasko »

Klick mal auf dieser Seite: http://goefi-chiangmai.npage.de/home.html
auf den Button "Unser Zuhause",dort erscheind eine Drop down Navi. Willst Du so eine haben, oder eine mit einem Hintergrundbild. Bei Ovalen Hauptbuttons waere so eine wariante ohne zusaetzliche Grafiken zu empfehlen da es einfach besser aussieht, oder man niehmt eine andere art des aufklappens z.B. seitlich. Aber gehen wir Schritt fuer Schritt vor, erst die Infos zu den Fragen von moni und mir und dann die konkretten Antworten oder auch fertigen Codes.

Eins wuerde ich noch gerne wissen. Wie wuerdest du selber deinen Kenntnisstand ueber HTML und CSS einschetzen, zwischen Totaler Anfaenger(0) und Profi(10). Ich will das wissen damit ich weiss wieviel und in welcher art und weisse ich dir Antworten schreibe damit du diese auch gleich verstehen kannst.

MFG :X
Benutzeravatar
Eragon-02
Webmaster
Webmaster
Beiträge: 102
Registriert: Di 3. Jul 2012, 00:27
Mein Vorname:
Kontaktdaten:

Navibutton

Beitrag von Eragon-02 »

Hallo

Danke für die schnelle Antwort das hört sich ja gut an nach Hilfe

Klick mal auf dieser Seite: http://goefi-chiangmai.npage.de/home.html
auf den Button "Unser Zuhause",dort erscheind eine Drop down Navi. Willst Du so eine haben, oder eine mit einem Hintergrundbild. Bei Ovalen Hauptbuttons waere so eine wariante ohne zusaetzliche Grafiken zu empfehlen da es einfach besser aussieht, oder man niehmt eine andere art des aufklappens z.B. seitlich. Aber gehen wir Schritt fuer Schritt vor, erst die Infos zu den Fragen von moni und mir und dann die konkretten Antworten oder auch fertigen Codes.

Zitat
Punkt 1 Ja genau so ein Ovalen Hauptbuttons wie auf der seite ja genau das selbe so oval
http://goefi-chiangmai.npage.de/home.html
----------------------------------------------------------------------------------

Eins wuerde ich noch gerne wissen. Wie wuerdest du selber deinen Kenntnisstand ueber HTML und CSS einschetzen, zwischen Totaler Anfaenger(0) und Profi(10). Ich will das wissen damit ich weiss wieviel und in welcher art und weisse ich dir Antworten schreibe damit du diese auch gleich verstehen kannst.

Ihr Zu Punkt 2 zwischen Totaler Anfaenger(0) und Profi(10)

ich sage mal so wenn um selber schreiben geht =0 weil ich immer fertige raus suche und mir was zusammen bastle und so lange bastle bis es passt ich mein was Anfang ist und ende Anfang mit <p> ende mit </div> </P>

-------------------------------------------

so erst mal ihr meine Favoriten Navigation Button wie aussehen soll und könnte wenn jemand das so ihn bekommt wer das super

so ihr mal die Navigation Button

Dieser ihr müsste nur abgerundet sein weil der ist zu eckig weil ich wollt ja etwas abgerundete
http://www.imgbox.de/user/show_private/ ... r_8.jpg/2/

so wie der der wer schon perfekt nur da müsste ich mein Hintergrund neu anpassen aber das sollte nicht das Poplehm sein oder den Button etwas in Gold oder selber anpassen so das er auf mein Hintergrund passt
http://www.imgbox.de/user/show_private/ ... t_6.gif/2/

und ihr den ich mir schon mal selber gebastelt habe
http://www.imgbox.de/user/show_private/ ... n_2.png/2/


so mal ne frage noch wie findet ihr mein Hintergrund der Homepage wenn ja dann lasse ich den so dann würde ich die Button mein Hintergrund angepasst haben wollen in Gold oder Gold und etwas Silber drin Farbeverlauf müsste doch auch gut passen Gold mit Silber oder was meint ihr ? weil das ich am ende auf ein styl komme und nicht alles kunterbunt ist


....
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Abstand Navibutton

Beitrag von Jasko »

Leider kann ich die Links zu den Bildern nicht oeffnen da kommt eine Fehlermeldung. Und dein Hintergrund ist OK wenn du ihn OK findest den jeder Geschmack ist anders, deine Buttons kann man Transparent machen, sprich den Buttons wird es egal sein welcher Hintergrund dort ist. Unsere Grafik bastler koennen dir sicher ein paar entwuerfe vorstellen die man dan in einen Code einbauen kann.

Zu deiner HP, hast du die selber gemacht oder einen fertigen Code genommen, OK ich weiss das du nicht viel ahnung von HTML hast, da du es mir ja jetzt gesagt hast, aber ich meinte ob du dir den Code selber zusamenkopiert hast oder einen kompletten code verwendest, den bevor wir zur Navi kommen sollte auch der rest klappen, und wie ich sehe ist dein Quellcode fehlerhaft.

MFG :X
Benutzeravatar
Eragon-02
Webmaster
Webmaster
Beiträge: 102
Registriert: Di 3. Jul 2012, 00:27
Mein Vorname:
Kontaktdaten:

Re: Abstand Navibutton

Beitrag von Eragon-02 »

Jasko hat geschrieben:Leider kann ich die Links zu den Bildern nicht oeffnen da kommt eine Fehlermeldung. Und dein Hintergrund ist OK wenn du ihn OK findest den jeder Geschmack ist anders, deine Buttons kann man Transparent machen, sprich den Buttons wird es egal sein welcher Hintergrund dort ist. Unsere Grafik bastler koennen dir sicher ein paar entwuerfe vorstellen die man dan in einen Code einbauen kann.

Zu deiner HP, hast du die selber gemacht oder einen fertigen Code genommen, OK ich weiss das du nicht viel ahnung von HTML hast, da du es mir ja jetzt gesagt hast, aber ich meinte ob du dir den Code selber zusamenkopiert hast oder einen kompletten code verwendest, den bevor wir zur Navi kommen sollte auch der rest klappen, und wie ich sehe ist dein Quellcode fehlerhaft.

MFG :X
nein ich habe mir die vorlage von ihr

http://skywalk-webdesign.de/design-vorl ... en-wow.php

Vorlage 2 wenn noch Fehler sind im Quellcode wer ich sehr dankbar wenn das einer richtig machen würde ich würde auch mein pw dafür geben um diese Fehler zu beseitigen mein Banner ist auch fertig ich denke mal der ist soweit gut geworden denke ich mal jeder hat ja ein andern Geschmack ist ja richtig


mm zu den Bildern bei mir gehen die auf habe sie noch mal neu rauf geladen ich hoffe jetzt können sie die Buttons sehen

http://img4web.com/view/7ED12Q/

http://img4web.com/view/YL92A5/

und ihr den ich mir schon mal selber gebastelt habe
http://img4web.com/view/M3NL6U

....
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste