Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.09.2008 um 07:54 (UTC)    
Titel: scrollleiste einbauen

Hallo,

auf meiner Seite http://www.familienforschung-kranz.de.tl/Das--g-Astwerk-g-.htm
habe ich ein Bild mit meinen Ahnen eingefügt, welches auch in der Größe bleiben soll, da man sonst kaum noch was erkennt.

Da erscheint unten drunter waagerecht die Scrollleiste. Wenn man nun im Bild nach rechts will, muss man erst ganz runter gehen (um scrollen zu können) - dann ist man aber oben schon wieder aus dem Bild raus...

Wie kriege ich das hin, das rechts auch noch eine Scrollleiste erscheint, so daß ich im Bild hin und her scrollen kann?

Ideal wäre es, wenn die waagerechte Scrollleiste auf Höhe des Microcounters steht, da dann das Bild den ganzen Bildschirm ausfüllt.

Habt ihr da nen Code für mich? - ich bin da nicht ganz so firm...

danke und tschöh
volker


Zuletzt bearbeitet von familienforschung-kranz am 04.09.2008, 08:57, insgesamt einmal bearbeitet
Beitrag04.09.2008 um 08:01 (UTC)    
Titel:

Versuch mal folgendes:
bei Edit content hinzufügen:
Zitat:

height:400px;overflow:scroll;


Edit: Du hast dein Astwerk mühsam in Word gezeichnet?


Zuletzt bearbeitet von sc-hassel-jugend am 04.09.2008, 09:03, insgesamt einmal bearbeitet
Beitrag04.09.2008 um 09:52 (UTC)    
Titel:

Ahoi zurück,

wo soll ich das eingeben - bei Design oder direkt auf der Seite in der Bildadresse?

Nein, den Baum habe ich mit CorelDraw gezeichnet und dann als jpg ausgegeben.

tschöh
Beitrag04.09.2008 um 11:53 (UTC)    
Titel:

Sorry, du wolltest das ja nur beim Bild haben, also Kommando zurück. Crying or Very sad

Edit:
Zitat:

<style type="text/css">
.Ahnen
{
background-color:#efefef;
background-image:url(Bild)
border-style:solid #000000 1px;
}
#divid
{
position:absolute;
left:450px; top:350px; width:300px; height:150px;
overflow:scroll;
}
</style>

<body>

<div id="divid" class="Ahnen">
...
</div>


Das kannst du in den Quellcode der entsprechenden Seite einfügen, dein Bild als Hintergrund dazupacken und dann müsste es gehen. Es kann sein das, falls der Code nicht gelesen wird, du den Editor kurzzeitig auf HTML anzeigen umstellen musst.
Die Werte Top und left anpassen. damit das auch in der seite richtig sitzt

Probier mal bitte.


Zuletzt bearbeitet von sc-hassel-jugend am 04.09.2008, 13:05, insgesamt einmal bearbeitet
Beitrag04.09.2008 um 13:20 (UTC)    
Titel:

Ahoi zurück,

genau das meinete ich ! Laughing - allerdings kann ich nicht scrollen - woran kann das liegen? Schau dir mal meine Seite an.

Anbei der komplette Quelltext meiner Seite:

<div align="center">
<h3><strong>Hier habe ich alle Seitenlinien aufgeführt, die mir bisher bekannt sind. Wenn ihr dazu weitere Daten und/oder Hinweise habt, dann meldet euch bitte!</strong></h3>
<hr />
</div>

<style type="text/css">
.Ahnen
{
background-color:#efefef;
background-image:url(http://80.190.202.79/pic/f/familienforschung-kranz/stamm_kranz.jpg);
border-style:solid #000000 1px;
}
#divid
{
position:absolute;
left:190px; top:250px; width:634px; height:500px;
overflow: scroll;
}
</style>

<body>

<div id="divid" class="Ahnen">
...
</div>
tschöh
Beitrag08.09.2008 um 08:15 (UTC)    
Titel: Problem noch nicht gelöst

Hallo an Alle,

hat noch jemand einen Tip bezüglich der Scrollleiste - bis jetzt ist sie zwar da,
aber ich kann nicht scrollen?

danke und tschöh
volker
Beitrag08.09.2008 um 08:26 (UTC)    
Titel:

Versuch es mal statt scroll mit auto
Beitrag08.09.2008 um 08:40 (UTC)    
Titel:

dann erscheinen gar keine Scrolleisten und das bild ist abgeschnitten.
Beitrag08.09.2008 um 09:06 (UTC)    
Titel:

familienforschung-kranz hat Folgendes geschrieben:
dann erscheinen gar keine Scrolleisten und das bild ist abgeschnitten.
Grund ist, dass das Bild kein richtiges Bild, sondern ein Hintergrund ist. Deswegen musst Du hier noch folgendes hinzufügen und an die Bildgröße anpassen
Zitat:
.Ahnen
{
background-color:#efefef;
background-image:url(http://80.190.202.79/pic/f/familienforschung-kranz/stamm_kranz.jpg);
border-style:solid #000000 1px;
width:1000px;
height:1000px
}
Beitrag08.09.2008 um 09:24 (UTC)    
Titel:

jetzt nochmal in Ruhe:

im Design ist u.a. vereinbart:

/* Farbe Textfeld Hintergrund*/
td.edit_content {
background-image:url(http://80.190.202.79/pic/f/familienforschung-kranz/hinter.jpg);
background-color: #XXXXXX;}

Auf der Seite Astwerk steht (nur) folgendes:

<div align="center">
<h3><strong>Hier habe ich alle Seitenlinien aufgef&uuml;hrt, die mir bisher bekannt sind. Wenn ihr dazu weitere Daten und/oder Hinweise habt, dann meldet euch bitte!</strong></h3>
<hr />
<style type="text/css">
.Ahnen
{
background-color:#efefef;
background-image:url(http://80.190.202.79/pic/f/familienforschung-kranz/stamm_kranz.jpg);
border-style:solid #000000 1px;
}
#divid
{
position:absolute;
left:190px; top:250px; width:634px; height:500px;
overflow: scroll;
}
</style>
<div class="Ahnen" id="divid">.</div>

Wenn ihr jetzt die Seite aufruft, erscheinen rechts und unten Scrollleisten, die jedoch nicht zu scrollen sind...

(Nun könnte ich auch die drei Zeilen ab "position:absolute..." in das Design stecken und auf der Seite nur das Bild einbinden - dann habe ich aber auf jeder Seite rechts einen Scrollbalken und das will ich nicht.)

Es soll so sein, wie die Seite Astwerk jetzt aussieht - nur das die Balen halt scrollbar sind.

Ist das trotzdem zu machen?

Danke im Voraus!
Beitrag08.09.2008 um 09:42 (UTC)    
Titel:

1. Für Codes nutz Du bitte in Zukunft die Quote-Funktion im Forumeditor, um den Text besser vom Code zu unterscheiden!
2.
Zitat:
<div style="overflow:scroll; width:600px; height:600px">
<img src="http://80.190.202.79/pic/f/familienforschung-kranz/stamm_kranz.jpg">
</div>
Den Code kannst Du komplett mit Deinem jetzigen ersetzen.


Zuletzt bearbeitet von gwc am 08.09.2008, 10:42, insgesamt einmal bearbeitet
Beitrag08.09.2008 um 10:19 (UTC)    
Titel:

PERFEKT !!!!!!

Kriegt man die rechte Leiste auch noch bis an die rechten Boxen ran?


Danke aus Weißenfels nach Leipzig!

tschöh volker


Zuletzt bearbeitet von familienforschung-kranz am 08.09.2008, 11:28, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de