Ergebnis 1 bis 5 von 5

Thema: <div> verschieben ohne style="position:......&quo

  1. #1
    HTML Newbie
    Registriert seit
    18.05.2006
    Ort
    Hamburg
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard <div> verschieben ohne style="position:......&quo

    Hi leute will mein Div verschieben ohne dieses sch... position wie geht das ich probiere schon seit tagen dran rum es geht nicht!!! BITTE HELFT MIR

    Euer JAn
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    testmaso
    Gast

    Standard

    dann teste mal mit margin-top, margin-left etc.

  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    kenn mich mit divs net so aus.... aber glaub padding-left... gibts auch noch...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  4. #4
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Schieß doch mal deine Adresse rein und beschreib wo genau der Fehler liegt.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    18.05.2006
    Ort
    Hamburg
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hmm hier ist mal der Code! Vielleicht hilft das ist ein Prog welches bei onClick die Bilder hin und her schiebt.

    Code:
    <html>
    <head>
    <title></title>
    <script type="text/javascript">
    
    	var step;
    	var x;
    	var y;
    	var startWert;
    	var ix;
    	var maxHeight;
    	var delay;
    	var bild;
    	var counter;
    	var bildd;
    	var lastbildd;
    	var left;
    	var lastleft;
    	var leftx;
    	var top;
    	var lasttop;
    	var topy;
    	var schrittx;
    	var schritty;
    	var deltasize;
    	var lastbild;
    	var isrunning = 0;
    
    function init&#40;img&#41;&#123;
    	bild = document.getElementById&#40;img.id.substr&#40;1, img.id.length&#41;&#41;;
    	if&#40;lastbild != bild&#41;&#123;
    		step = 20;
    		x = 210;
    		y = 150;
    		startWert = 99;
    		ix = startWert;
    		maxHeight = 200;
    		delay = 1;
    		counter = 0;
    		var image;
    		for &#40;var i = 0; i < document.images.length; i++&#41; &#123;
    			image = document.images&#91;i&#93;;
    			imgname = image.id + "d";
    			if&#40;'_' == imgname.substr&#40;0,1&#41;&#41;&#123;
    				document.getElementById&#40;imgname.substr&#40;1, imgname.length&#41;&#41;.style.left = document.getElementById&#40;imgname&#41;.style.left;
    				document.getElementById&#40;imgname.substr&#40;1, imgname.length&#41;&#41;.style.top = document.getElementById&#40;imgname&#41;.style.top;
    				document.getElementById&#40;imgname.substr&#40;1, imgname.length-2&#41;&#41;.height = startWert;
    			&#125;
    		&#125;
    	&#125;
    &#125;
    
    function zoomBild&#40;img&#41;&#123;
    	bild = document.getElementById&#40;img.id.substr&#40;1, img.id.length&#41;&#41;;
    	bildd = document.getElementById&#40;bild.id + "d"&#41;;
    	if&#40;lastbild != bild&#41;&#123;
    		lastleft=document.getElementById&#40;img.id + "d"&#41;.style.left;
    		lasttop=document.getElementById&#40;img.id + "d"&#41;.style.top;
    		left = bildd.style.left;
    		leftx = left.substr&#40;0,&#40;left.length-2&#41;&#41;;
    		top = bildd.style.top;
    		topy = top.substr&#40;0,&#40;top.length-2&#41;&#41;;
    		leftx *= 1;
    		topy *= 1;
    		schrittx = &#40;x - leftx&#41; / step;
    		schritty = &#40;y - topy&#41; / step;
    		deltasize = &#40;maxHeight - startWert&#41; / step;
    		zoom&#40;&#41;;
    	&#125;
    &#125;
    
    function zoom&#40;&#41;&#123;
    	bild.height = ix;
    	if &#40;counter < step&#41; &#123;
    		ix = ix + deltasize;
    		leftx = leftx + schrittx;
    		topy = topy + schritty;
    		bildd.style.left = leftx;
    		bildd.style.top = topy;
    		counter++;
    		window.setTimeout&#40;"zoom&#40;&#41;",delay&#41;;
    	&#125; else &#123;
    		lastbild = bild;
    		lastbildd = bildd;
    
    	&#125;
    &#125;
    
    function gehtLos&#40;img&#41;&#123;
    	if&#40;isrunning == 0&#41;&#123;
    		isrunning = 1;
    		init&#40;img&#41;;
    		zoomBild&#40;img&#41;;
    		isrunning = 0;
    	&#125;
    
    &#125;
    </script>
    </head>
    
    <body>
    
    
    
    
    
    
    
    
    <div style="height&#58;500px; width&#58;828px;">
    <div id="bild1d" style="position&#58;absolute; top&#58;0px; left&#58;10px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
    <div id="bild2d" style="position&#58;absolute; top&#58;109px; left&#58;10px;" >[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
    <div id="bild3d" style="position&#58;absolute; top&#58;218px; left&#58;10px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
    <div id="bild4d" style="position&#58;absolute; top&#58;327px; left&#58;10px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
    
    <div id="_bild1d" style="position&#58;absolute; top&#58;0px; left&#58;10px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
    <div id="_bild2d" style="position&#58;absolute; top&#58;109px; left&#58;10px;" >[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
    <div id="_bild3d" style="position&#58;absolute; top&#58;218px; left&#58;10px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
    <div id="_bild4d" style="position&#58;absolute; top&#58;327px; left&#58;10px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
    </div>
    
    <div style="height&#58;500px; width&#58;828px">
    <div id="bild5d" style="position&#58;absolute; top&#58;0px; left&#58;610px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
    <div id="bild6d" style="position&#58;absolute; top&#58;109px; left&#58;610px;" >[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
    <div id="bild7d" style="position&#58;absolute; top&#58;218px; left&#58;610px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
    <div id="bild8d" style="position&#58;absolute; top&#58;327px; left&#58;610px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
    
    <div id="_bild5d" style="position&#58;absolute; top&#58;0px; left&#58;610px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
    <div id="_bild6d" style="position&#58;absolute; top&#58;109px; left&#58;610px;" >[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
    <div id="_bild7d" style="position&#58;absolute; top&#58;218px; left&#58;610px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
    <div id="_bild8d" style="position&#58;absolute; top&#58;327px; left&#58;610px;">[img]file&#58;///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
    </div>
    </body>
    </html>
    So nun ist das problem das ich mit cms arbeite und der rum spackt sobald ich position:absolute; benutze! Ich weis net mehr weiter mit dem kram.

Ähnliche Themen

  1. style="border-spacing" Problem mit dem IE
    Von ::RMB:: im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 08.02.2006, 20:56
  2. <td style=".."> style mit javascript andern?
    Von Zulan im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 07.08.2005, 19:13
  3. Bild an beliebige Position verschieben?
    Von Ivanman im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 07.06.2005, 14:06
  4. Tabelle nach oben "verschieben"
    Von Dede4 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 03.11.2004, 09:33
  5. Aufl.: <1024*768 - "position:absolute"... Darst
    Von 404-Knut im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.08.2004, 16:26

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •