Nach oben Code

[Jasko]

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.

Für dieses gäbe es auch eine Lösung, du kannst einen mit der Seite "mitfahrenden" nach oben Link setzen. So ist dieser immer zu sehen und man kann bei bedarf darauf klicken, diesen kannst du auch belibig positionieren.

Ich meine das so wie hier das Menu: http://www.dynamicdrive.com/dynamicinde ... icmenu.htm

Nur kann man das ganze auch nur für einen Link nutzen und auch anders Positionieren.

MFG

[thaileben]

Hallo Jasko
Ich habe den pfeil wieder eingebaut hier http://thailandbilder.npage.de/impressionen.html 2 Bilder von oben (die meisten sind 700 breit)

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/>

der andere link ist auch sehr gut ein Pfeil so verpacken wäre natürlich toll und das beste weil er gleich mitfährt
jedoch offen gestanden kann ich mit englisch nicht viel und den ganzen code da verstehe ich eh nicht ---leider bin ich da total überfordert.
wüsste nicht mal richtig wo einbauen.

Danke für deine hilfe

Jürg

[Jasko]

Hier mein Lösungsvorschlag zu ersterem:
http://npage-hilfe.net/demo/juerg.html

Hier der zweite Vorschlag wo der Pfeil mit fährt:
http://npage-hilfe.net/demo/juerg2.html

Beim ersten benutzt man diesen CSS Code:

Code: Alles auswählen

  
a.pfeil {
     float:right;
     margin-right:-10px;
     margin-left:-38px;
}
 

Und in der Textseite diesen: (berall da wo er zu sehen sein soll)

Code: Alles auswählen

<a href="#top" class="pfeil"><img src="http://file1.npage.de/008633/71/bilder/pfeil-2.png"></a>

Beim zweiten benutzt man diesen CSS Code:

Code: Alles auswählen

a.pfeil {
		position:fixed;
		right:2%;
		bottom:20%;
		width:38px;
		height:58px;
	}

Und in der Textseite diesen: (Nur einmal einfühgen irgendwo auf der Seite.)

Code: Alles auswählen

<a href="#top" class="pfeil"><img src="http://file1.npage.de/008633/71/bilder/pfeil-2.png"></a>

MFG

[thaileben]

guten abend

Wow, das ging ja schnell die zwei Muster vielen Dank.

eine frage noch. Wo in der CSS müsste ich den code einfügen?

Es ist schon spät und werde eine Nacht drüber schlafen bevor ich mich dann entscheide.
mir gefällt Lösung zwei ganz gut habe es in anderen Bildschirmauflösungen angesehen http://www.onlyfree.de/generatorresolution.php
und finde es ist gut das er da mit ins Bild fährt.

was empfinden die anderen Mitglieder als bedienerfreundlicher??

Jürg :R :R

[Watsing]

Hallo Jürg

Ich würde es so lassen wie es ist! Aber wenn du was ändern möchtest so würde ich Variante 2 nehmen die gefällt mir besser.

[moni]

Beide Variante sind sehr gut gemacht !

Super Arbeit Jasko [smilie=clap.gif] [smilie=clap.gif] wirklich clever gelöst ,wieder was neues gelernt

[Jasko]

guten abend

Wow, das ging ja schnell die zwei Muster vielen Dank.

eine frage noch. Wo in der CSS müsste ich den code einfügen?

Du kannst es am Ende deiner CSS Datei einfügen, oder dort wo die anderen Codes für Links sind, im Grunde ist es egal, aber es hilft wenn man seine CSS strukturiert.

MFG

PS: Ich würde dem Bild ein Title Atributt verpassen, dann weiss man was man mit dem Bild anfangen kann wenn man mit der Maus drühber fährt.

[thaileben]

Danke für deine Meinung Olav ich denke auch das zweite. ---Gibt auch bedeutend weniger Arbeit Hab ja massig Bilder drin.

Gut Jasko, ich hatte es fast angenommen das es bei der CSS nicht so wichtig ist wo ---- war mir jedoch nicht sicher.

Wegen dem alt atribut verstehe ich dich nicht richtig habe überall einen "alt" text drin, Hier eine Auswahl was ich meine.

Code: Alles auswählen

<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_02.jpg" alt="Spiegel verschönerungen " /></p>
<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: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_04.jpg" alt="Polster" />
<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_05.jpg" alt="Chrom oder Plastik " /></p>
<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_06.jpg" alt="Lämpchen und Lichter" /></p>

nochmals vielen Dank für die codes. Werde mich nachher an die "Arbeit" machen.

Jürg

[thaileben]

Will Euch an meiner Freude teilhaben lassen.

Mir hat es der zweite wo der Pfeil mitläuft dermassen angetan das ich heute gleich
meine http://thailandbilder.npage.de/willkommen.html
und
http://thaileben.npage.de/willkommen.html

jede einzelne Seite bearbeitet habe und den Code eingefügt.
habs dann auf meinem Samsung SII Smartfone angesehen es funzt ---einfach toll
dafür nochmal ein ganz spezielles an Jasko

Jürg

[Jasko]

Wegen dem alt atribut verstehe ich dich nicht richtig habe überall einen "alt" text drin, Hier eine Auswahl was ich meine.

Ja vieleicht habe ich mich falsch ausgedrückt. Ich meinte auch nicht deine eigentlichen Bilder auf der Seite sondern den Pfeil den du gerade eingebaut hast, wenn man den so sieht weiss man ja nicht automatisch wo zu der gut ist, wenn man dan mit der maus drühber geht und es erscheint der Text "Nach oben" zum Beispiel dann wird den unwisenden sicher weiter geholfen.

MFG