Nach oben Code

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Nach oben Code

Beitrag von thaileben »

Hallo zusammen
Ich bin sicher das Thema hatten wir schon leider habe ich es nicht gefunden. :JJ

Also folgendes: Ich hätte gerne dass das "nach oben" auf meinen Seiten über dem Werbelink steht --- wo ich überall in der Sitewide einstellungen am ende jeder Seite drin habe.
Bild

ist das irgendwo zu verstellen ? oder evt. sogar einzubauen das es weiter oben ist ?
das teil ist ja bei Header drin.

Code: Alles auswählen

<div id="wrap"><a name="top"></a>
ebenso wäre es gut wenn ein nach oben Schriftzug irgendwo in der mitte der Seite (von oben gesehen nicht seitlich) eingebaut werden könnte, jedoch so das ich das nicht einzeln auf jeder Seite machen muss.
Ich meine auch nicht einen Anker setzten. habs gelesen bei A-Z
uff lange überlegt wie ich das erklären soll
es grüsst der Erklärbär :G
Jürg :X
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Nach oben Code

Beitrag von moni »

Du hast dein werbe Link in den Sitewide eingesetzt Jürg ..
mein Vorschlag ist :einfach über den Werbe Link diese Code einfügen !
<br> hab ich wegen Absatz gemacht .wen zu wenig da muss noch ein <br> geben !

Code: Alles auswählen

<a href="#top">Nach oben </a><br>


und das ganze sieht dann so aus

Code: Alles auswählen

    <a href="#top">Nach oben </a><br>


<br><br>Mit dem kostenlosen  <a href="http://www.npage.de/werben_drehort-thailand.html" target="_blank">Hompage anbieter nPage</a> bin ich sehr zufrieden, und empfehle diesen gerne weiter. <a href="http://www.npage.de/werben_drehort-thailand.html" target="_blank"><img src="http://www.npage.de/banner/88x31-npage_01.gif" border=0></a><br/><br/>
aber jetzt hast du doppelt "nach oben" stehen... um das zu regeln gehe auf Extras-->Gimmicks--> und deaktiviere das nach oben Funktion .Normalerweise muss da helfen :E
und an deine zweite Frage das du mitten in den Textseiten "nach oben" einsetzen willst , leider muss immer Einzel einfügen ... :X
soll mittig stehen das "nach oben" einfach <center> geben .

oder hab ich deine frage nicht so richtig verstanden :E
Viele Grüße ...Monika
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Nach oben Code

Beitrag von thaileben »

:DA Moni
Das ich da nicht selber drauf gekommen bin mit dem Gimmik aus :II
das andere ist mit viel Arbeit verbunden ich denke wir verstehen uns schon-
Oben
nach oben
unten
nicht
links nach oben rechts also kein center notwendig :W

Ja ja, die Arbeit geht nie aus :K macht ja auch spass :I

Jürg :X
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Nach oben Code

Beitrag von moni »

thaileben hat geschrieben::DA Moni

das andere ist mit viel Arbeit verbunden ich denke wir verstehen uns schon-
Oben
nach oben
unten
nicht
links nach oben rechts also kein center notwendig :W



Jürg :X
Denke schon das man sich versteht Jürg :G .. vermute das du hier die Anker meinst :E
Viele Grüße ...Monika
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Nach oben Code

Beitrag von thaileben »

Habe schon einiges bei der thaileben geschafft.

und da ist mir eine zusatz- frage eingefallen.

wie wäre der code wenn ich das nach oben rechts an den Rand richtung Scrollbalken legen wollte.
bei der Thailandbilder wäre es denke ich besser
geht das? habe schon versucht mit right hat nicht geklappt :E
http://abload.de/img/nachobenrechtsj9bqc.jpg
die farbe auf dem Bild bitte nicht beachten ist ja automatisch die linkfarbe

Jürg :X
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Nach oben Code

Beitrag von moni »

also soll das Link nach oben nur an den Textseiten recht zu sehen oder auch den anderen was nur unten zu sehen ist ?

hier Code für Textseiten kannst über all einsetzten wo du das brauchst ..

Code: Alles auswählen

<p style="text-align:right;"><a href="#top">Nach oben </a></p>
Angenommen das du ein paar Px Abstand vom Rand haben möchtest da zugebe auch den padding-right:15px;

Ein Tipp dazu kannst auch ein Pfeil basteln, nach oben als Grafik :E
Viele Grüße ...Monika
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Nach oben Code

Beitrag von thaileben »

Hallo
Ich bin schon einen schritt weiter
ich habe einen pfeil gebastelt und es sogar geschafft den auf transparent zu kriegen also hintergrund ausschneiden.
der code so wie ich testweise eingebaut habe

Code: Alles auswählen

<p style="text-align:right;"><a href="#top"><img src="http://file1.npage.de/008633/71/bilder/pfeil-2.png"></a><p/>
danach habe ich das <p/> entfernt in der hoffnung das es nicht so grosse abstände gibt

Code: Alles auswählen

<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_03.jpg" alt=" Kleinteile für das Auto" />
<p style="text-align:right;"> <a href="#top"><img src="http://file1.npage.de/008633/71/bilder/pfeil-2.png"><a/> 
<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_04.jpg" alt="Polster" />
na ja überzeugt bin ich nicht :E
http://abload.de/img/thbipfeilk8skw.jpg
das Muster ist hier einbebaut http://thailandbilder.npage.de/fotos-c.html#top
sieht eh komisch aus was es da in der Adressleiste anzeigt

bitte um Hilfe

Jürg :X
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Nach oben Code

Beitrag von moni »

habe mir das angeschaut und zusammenfasst :
1) dein Pfeil ist 38mal 58px das heißt den Abstand wird auch so groß !
2)deine Text Seiten sind schon mittig voreingestellt da brauchst nicht für jede Bild einen extra Absatz machen
3) bin am überlegen wie man am besten den Pfeil hinten den Bild bekommt :E
man kann a) ein Tabelle basteln und so formatieren
oder
b) einen div Box zu erstellen und so das zu steuern :E
man könnte auch für den Pfeil einen box machen und in den CSS rein setzten so braucht man nicht jeden mal einen Absatz schreiben ,nur per id abrufen :E
Viele Grüße ...Monika
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Nach oben Code

Beitrag von thaileben »

Danke für deine überlegungen Moni

Ich werde den Pfeil wieder rausnehmen weil du es nun gesehen hast.

Ich würde mich über eine möglichst einfache Lösung natürlich sehr freuen über die CSS wäre dann eine einmalige Sache und natürlich genial.
Wäre schön wenn du die Zeit findest dir Gedanken darüber zu machen.

Ich denke es ist auch nicht bei jedem Bild nötig. Der screen war nur als beispiel gedacht damit du siehst wo ich meine.

keine Ahnung ob das umzusetzten ist und wie. Weiss auch nicht in welchen Abständen --- nach jedem 4 oder 6ten Bild :E

Da wären bitte andere Mitglieder gefragt was sie als angenehm empfinden.
Vielen dank zum vorraus.

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

Re: Nach oben Code

Beitrag von Jasko »

Wenn du unabhängig den Nach oben Button setzen willst geht das natürlich mit CSS in dem du ein Klasse für diese Bilder erstellst, die Positionirung neben ein Bild würde ich mit hilfe des Atributt: position und Wert: relativ machen. Da ist natürlich fummel Arbeit noch um die richtige Position heraus zu finden sollte aber so machbar sein. Vileicht stellst du noch mal den Pfeil rein dan versuche ich was zu machen.

MFG
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

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