Boutton Schrift einfügen bzw. Link wie

[mistral1]

AW: Boutton Schrift einfügen bzw. Link wie

Nein da ist keine Schrift, es soll aber eine rein ( Er ist leer der Button ). Z.B.: Menü
Ja, vielleicht habe ich mich verkehrt ausgedrückt. Ich fragte mich nähmlich, warum in den Antworten hier überall mit links im Code usw. gearbeitet wird. Die Schrift im Button ( wenn ich es jemals schaffe eine rein zu schreiben ) soll rein

 

[Chickenshooter]

AW: Boutton Schrift einfügen bzw. Link wie

was meinst Du mit

links im Code

wenn das geklärt ist gehts weiter...

 

[cebito]

AW: Boutton Schrift einfügen bzw. Link wie

Ich fragte mich nähmlich, warum in den Antworten hier überall mit links im Code usw. gearbeitet wird.

Weil du im Threadtitel danach fragst: Boutton Schrift einfügen bzw. Link wie

was meinst Du mit .......
wenn das geklärt ist gehts weiter...

geklärt?

 

[mistral1]

AW: Boutton Schrift einfügen bzw. Link wie

Vergesse es mit den Links im Code. In den Button soll ein Text rein und weiter nichts.

 

[Chickenshooter]

AW: Boutton Schrift einfügen bzw. Link wie

<ul id="navi">
              <li><a href="" id="link_1">Dein Text</a></li>

wenn Du die Wörter navi oder link_1 meinst....?

dann muss auch ich, leider sagen das Du die Seite

de.selfhtml.org noch nie besucht hast!

Das finde ich Schade...

Und "cristensen" hatte (fast)genau Das was Du wolltest

denn <a href="linkziel">link-titel</a> ist ein Link href ist das Ziel des

Links und link-titel das was Du im Browser siehst.

beschäftige Dich mit HTML und CSS (WICHTIG) wenn Du eine Website

erstellen willst.

 

[mistral1]

AW: Boutton Schrift einfügen bzw. Link wie

Ich glaube Ihr versteht mich nicht.
Wenn in den Button ein Text rein soll "z.B Menü" soll dieser nicht verlinkt werden.
Das soll ein ganz einfacher Button sein mit Text. Sagt,drücke ich mich so verkehrt aus dann haut mich

 

[Chickenshooter]

AW: Boutton Schrift einfügen bzw. Link wie

<input type="button" value="Dein Text" name="btnHome" style="color:red;" />

so Dein Button mit rotem Text....

kannst jetzt kopieren und einfügen....

Kommunikation ist schwer....

etwas sagen und etwas meinen, sind zwei völlig verschiedene Dinge....

ist leider so!

learning by doing.

 

[mistral1]

AW: Boutton Schrift einfügen bzw. Link wie

ja, die kann ich auch zur genüge.
Kommunikation ist schwer.
Ich habe eine fertigen Button aus dem Netz gezogen und da möchte ich ein Text rein machen.
Ich glaube ich lasse das Thema.

 

[cebito]

AW: Boutton Schrift einfügen bzw. Link wie

Ich glaube Ihr versteht mich nicht.... Sagt,drücke ich mich so verkehrt aus...

JA!

Wenn in den Button ein Text rein soll "z.B Menü" soll dieser nicht verlinkt werden.

meineseite.html

<div id="meinbutton">Menü</div>

meinbutton.css

#meinbutton {
    /* irgendwelche Positionen, Farbe, Textausrichtung, etcpp. */
    background-image: url(meinbuttonbackground.jpg);
    width: 100px;
    height: 20px;
}

oder mit <ul><li> wie oben beschrieben...

 

[Chickenshooter]

AW: Boutton Schrift einfügen bzw. Link wie

<a href="#" style="text-decoration:none; display:block; width:120px; height:70px; background-image:url(images/testbild.jpg); color:#FFFFFF; line-height:70px; vertical-align:middle; text-align:center;">Test</a>

ein letzter Versuch mit Erklärung.

<a href="#" style="text-decoration:none; display:block; width:120px; height:70px; background-image:url(images/testbild.jpg); color:#FFFFFF; line-height:70px; vertical-align:middle; text-align:center;">Test</a>

<a href="#" ist das linkziel

jetzt die Gestaltung (style)
text-decoration:none => Text nicht unterstrichen
display:block => Anzeige als Viereck (Block)
width:120px => da ich die Breite deines Buttonbildes nicht kenne hier 120px bei dir aber die Breite deines Bildes
height:70px => hier die Höhe deines Button-Bildes
background-image:url(images/testbild.jpg); => die URL(Adresse) zu deinem Button Bild
color:#FFFFFF; => Weiße Textfarbe
line-height:70px; => Zeilenhühe wichtig für die vertikale Textausrichtung
vertical-align:middle; => Text vertikal zentriert
text-align:center; => Text horizontal zentriert

>Test</a> => Das wort Test ist dein text und mit dem > und dem </a>
machst du den a Tag "wieder zu"

so ich hoffe das war jetzt verständlich.

 

[maromedia84]

AW: Boutton Schrift einfügen bzw. Link wie

<a href="#" style="text-decoration:none; display:block; width:120px; height:70px; background-image:url(images/testbild.jpg); color:#FFFFFF; line-height:70px; vertical-align:middle; text-align:center;">Test</a>

ein letzter Versuch mit Erklärung.

<a href="#" style="text-decoration:none; display:block; width:120px; height:70px; background-image:url(images/testbild.jpg); color:#FFFFFF; line-height:70px; vertical-align:middle; text-align:center;">Test</a>

<a href="#" ist das linkziel

jetzt die Gestaltung (style)
text-decoration:none => Text nicht unterstrichen
display:block => Anzeige als Viereck (Block)
width:120px => da ich die Breite deines Buttonbildes nicht kenne hier 120px bei dir aber die Breite deines Bildes
height:70px => hier die Höhe deines Button-Bildes
background-image:url(images/testbild.jpg); => die URL(Adresse) zu deinem Button Bild
color:#FFFFFF; => Weiße Textfarbe
line-height:70px; => Zeilenhühe wichtig für die vertikale Textausrichtung
vertical-align:middle; => Text vertikal zentriert
text-align:center; => Text horizontal zentriert

>Test</a> => Das wort Test ist dein text und mit dem > und dem </a>
machst du den a Tag "wieder zu"

so ich hoffe das war jetzt verständlich.

Also ich glaub nach der Anleitung / Beschrei´bung sollte das auch jetzt der letzte DAU verstanden haben, selbst einer wo mit HTML und CSS nichts am hut hat!!!

 

[Chickenshooter]

AW: Boutton Schrift einfügen bzw. Link wie

I hope so!

 

[cebito]

AW: Boutton Schrift einfügen bzw. Link wie

I hope so!

I also, die Hoffnung stirbt zuletzt

 

[Top_Gun]

AW: Boutton Schrift einfügen bzw. Link wie

Das soll ein ganz einfacher Button sein mit Text. Sagt,drücke ich mich so verkehrt aus dann haut mich

Nein und ja...

Nein, weil: Auf der ersten Seite in diesem Thread war unsererseits nicht einmal die Rede von einem Link. Erst cristensen, der hier den großen Helfer spielte und meinte wir wären ja so böse, hat mit einem Link angefangen...
Jetzt stellt sich doch erneut die Frage, hast du die Links und Kommentare auf der ersten Seite überhaupt mal gelesen? Oder hast du nur auf cristensens Code gewartet um den via Copy & Paste einzufügen um zu sehen, dass es nicht das ist was du willst?

Ja, weil: Du scheinst für dein eigenes weiterkommen nichts zu tun. Die Posts zeigen, dass mehrere User dieser Meinung sind. Warum? Weil du dich, wenn du tatsächlich selbstständig etwas tust, wohl falsch ausdrückst. Versuch doch mal dein Problem genauer zu beschreiben und zeig uns was und wie du etwas versucht hast. Zeig uns deinen Code, nicht nur eine Zeile, nicht nur den unveränderten Stand immer und immer wieder...


Cebito hat dir die Lösung zu deinem Problem genannt, ich denke damit ist alles gesagt:

meineseite.html

<div id="meinbutton">Menü</div>

meinbutton.css

#meinbutton {
    /* irgendwelche Positionen, Farbe, Textausrichtung, etcpp. */
    background-image: url(meinbuttonbackground.jpg);
    width: 100px;
    height: 20px;
}

 

[mistral1]

AW: Boutton Schrift einfügen bzw. Link wie

Schön es geht. Nur noch ein kleines jetzt habe ich drei Button untereinander
Brauche aber jeweils nur einen
Hängt bestimmt mit dem display:block; zusammen. was für einen Button?

 

[tombeat]

AW: Boutton Schrift einfügen bzw. Link wie

Ohne deinem Code können wir dir nicht helfen....

Aber in meiner Kristallkugel sehe ich das du sicher nur den code von chickenshooter kopiert und eingefügt hast, und die größenangaben daher nicht stimmen


EDIT:
Achja und zum Thema "links"
Was bringt dir ein Button der nicht verlinkt ist oO? Und wenn da Menü draufsteht, sollte der Button dann nicht zum Menü hinführen?

 

[Top_Gun]

AW: Boutton Schrift einfügen bzw. Link wie

Schön es geht. Nur noch ein kleines jetzt habe ich drei Button untereinander
Brauche aber jeweils nur einen

Schön, deine Beschreibungen bessern sich, aber wo ist der Code?

Hängt bestimmt mit dem display:block; zusammen.

Nein hängt es nicht!

was für einen Button?

Hä?

 

[mistral1]

AW: Boutton Schrift einfügen bzw. Link wie

Ich habe ihn natürlich abgeändert auf meine Breite und so.
Ich lade es mal kurz auf meine Seite da siehst Du was ich meine.
Meines wissens hängt das mit dem Display block zusammen

 

[Top_Gun]

AW: Boutton Schrift einfügen bzw. Link wie

Ich habe ihn natürlich abgeändert auf meine Breite und so.

Hierbei ist dir aber ein Fehler unterlaufen...

Ich lade es mal kurz auf meine Seite da siehst Du was ich meine.

Livebeispiele sind immer gut, allerdings wäre in diesem Fall gut den entsprechenden Auszug hier im Forum zu posten und den Link nur als Zusatz.

Meines wissens hängt das mit dem Display block zusammen

Hängt es nicht, glaub mir doch mal...

So dein Code sieht momentan so aus:

<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="#" style="text-decoration: none; display: block; width: 224px; [b]height: 70px;[/b] background-image: url(Bilder/button.gif); color: rgb(255, 255, 255); line-height: 23px; vertical-align: middle; text-align: left;">Menü</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>

Bei der Höhe hast du die 70px stehen lassen, dein Button ist aber gar nicht so hoch... deswegen wird das Bild wiederholt... Wenn du die Höhe änderst, passt es auch...

 

[tombeat]

AW: Boutton Schrift einfügen bzw. Link wie

Wie wärs wenn du auch die Höhe änderst

du hast noch das copy and paste von chickenshooter drin "height: 70px;" Dein button ist aber nur 27px hoch

EDIT:
zu lahm

Aber genau das ist es was ich gemeint habe... du hast jetzt ein copy and paste drinnen, hast aber keinen plan wies funktioniert. Daher ist die wahrscheinlichkeit das du es das nächste mal selber kannst sehr gering!