Beiträge von Basi

Basi

Du verstehst nicht ganz:

Code

a




b

ergiebt die gleiche Ausgabe wie

Code

Alles anzeigen

Basi

Zitat von "AnTrOn"

Du musst die Bilder alle in eine Reihe hintereinander schreiben, also ohne Enter zwischen drin.

Neeeein?

Semantik?

Du kannst da 120 "Enter" reinhauen, da wird sich nix ändern.

Eine Navi macht man normal mit einer Liste:

Code

<ul>
    <li><a href="#">Link 1</a>
    <li><a href="#">Link 2</a>
    <li><a href="#">Link 3</a>
  </ul>

Ansonsten:

Code

#navi img {
  margin: 0;
}

Basi

Alles klar, bei Fragen frag ;D

Basi

Für die verschiebbare Box mache ich dir jetzt gleich ein Beispiel, das mit dem Account Dingsi kann ich mir leider nicht angucken.

Hier mal der Quellcode:

HTML

<!doctype html>
<html>




<head>
  <title>Titel</title>




  <meta charset="ISO-8859-1" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />




<style type="text/css">




div#dragBox {
  position: absolute;
  top: 50px;
  left: 50px;




  width: 130px;
  background-color: #000000;




  cursor: move;
}




div#dragBox h3 {
  margin: 0;
  height: 25px;
  padding: 0;




  color: #F0F0F0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
}




div#dragContBox {
  margin: 2px;
  background-color: #C0C0C0;
  padding: 5px;




  font-size: 12px;




  cursor: default;
}




</style>




<script language="javascript" type="text/javascript">




  var dragEle = null;




  var eleX = 0;
  var eleY = 0;




  var mouseX = 0;
  var mouseY = 0;







  function dragSet()
  {




    document.onmousemove = move;
    document.onmouseup   = dragStop;




  }







  function dragStart(element)
  {




    dragEle = element;
    eleX = mouseX - dragEle.offsetLeft;
    eleY = mouseY - dragEle.offsetTop;




  }







  function dragStop()
  {




    dragEle=null;




  }







  function move(dragEvent)
  {




    mouseX = document.all ? window.event.clientX : dragEvent.pageX;
    mouseY = document.all ? window.event.clientY : dragEvent.pageY;




    if(dragEle != null)
    {




      dragEle.style.left = (mouseX - eleX) + "px";
      dragEle.style.top = (mouseY - eleY) + "px";




    }




  }




</script>




</head>




<body onload="dragSet();">




  <div id="dragBox" onmousedown="dragStart(this);">




    <h3>&Uuml;berschrift</h3>




    <div id="dragContBox">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
    </div>




  </div>




</body>
</html>

Alles anzeigen

Basi

Ich denke du hast kaum eine andere Möglichkeit.

Basi

Wieso nicht für jede Kategorie (Tiere, Menschen) eine eigene Seite wo nur die besagten Bilder laden?

Basi

Auch dafür muss das Bild erst geladen werden.

Mir fiele momentan auch nichts ein.

Basi

Dein Quellcode aus dem Bereich Tiere (völlig random gewählt), da stehen eindeutig alle kleinen und großen:

Code

<div id="content"> 

					<div class="eventgalerie"> 
 
						<ul class="reiter">	    						

    						<li class="reiter"><a class="set" href="#kornnattern">Kornnattern</a> 
    							<ul> 
   									<li><a href="#kornnattern"><img src="pics/kornis-k(1).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="large" src="pics/kornis (1).jpg" alt="Kornnattern" title="Kornnattern" /></a></li> 

                                    <li><a href="#kornnattern"><img src="pics/kornis-k(2).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="large" src="pics/kornis (2).jpg" alt="Kornnattern" title="Kornnattern" /></a></li> 

                                    <li><a href="#kornnattern"><img src="pics/kornis-k(3).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="large" src="pics/kornis (3).jpg" alt="Kornnattern" title="Kornnattern" /></a></li> 

                                    <li><a href="#kornnattern"><img src="pics/kornis-k(4).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="large" src="pics/kornis (4).jpg" alt="Kornnattern" title="Kornnattern" /></a></li> 

                                    <li><a href="#kornnattern"><img src="pics/kornis-k(5).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="large" src="pics/kornis (5).jpg" alt="Kornnattern" title="Kornnattern" /></a></li> 

                                    <li><a href="#kornnattern"><img src="pics/kornis-k(6).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="large" src="pics/kornis (6).jpg" alt="Kornnattern" title="Kornnattern" /></a></li>                                    

                                    <li><a href="#kornnattern"><img src="pics/kornis-k(8).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="large" src="pics/kornis (8).jpg" alt="Kornnattern" title="Kornnattern" /></a></li> 

                                    <li><a href="#kornnattern"><img src="pics/kornis-k(9).jpg" alt="Kornnattern" title="Kornnattern" /> 
                                    <img class="hlarge" src="pics/kornis (9).jpg" alt="Kornnattern" title="Kornnattern" /></a></li>								
                                </ul> 
							</li> 
 
 
							<li class="reiter"><a class="set" href="#reptilien">Reptilien</a> 
								<ul>									
                                    <li><a href="#reptilien"><img src="pics/reptis-k(1).jpg" alt="Chamäleon" title="Reptilien" /> 
                                    <img class="hlarge" src="pics/reptis (1).jpg" alt="Chamäleon" title="Reptilien" /></a></li> 

                                    <li><a href="#reptilien"><img src="pics/reptis-k(2).jpg" alt="Skink" title="Reptilien" /> 
                                    <img class="large" src="pics/reptis (2).jpg" alt="Skink" title="Reptilien" /></a></li> 

                                    <li><a href="#reptilien"><img src="pics/reptis-k(3).jpg" alt="Bartagame" title="Reptilien" /> 
                                    <img class="large" src="pics/reptis (3).jpg" alt="Bartagame" title="Reptilien" /></a></li> 

                                    <li><a href="#reptilien"><img src="pics/reptis-k(4).jpg" alt="Grüner Baumpython" title="Reptilien" /> 
                                    <img class="large" src="pics/reptis (4).jpg" alt="Grüner Baumpython" title="Reptilien" /></a></li> 

                                    <li><a href="#reptilien"><img src="pics/reptis-k(5).jpg" alt="Bartagame" title="Reptilien" /> 
                                    <img class="hlarge" src="pics/reptis (5).jpg" alt="Bartagame" title="Reptilien" /></a></li> 

                                    <li><a href="#reptilien"><img src="pics/reptis-k(6).jpg" alt="Kupferkopf" title="Reptilien" /> 
                                    <img class="large" src="pics/reptis (6).jpg" alt="Kupferkopf" title="Reptilien" /></a></li> 

                                    <li><a href="#reptilien"><img src="pics/reptis-k(7).jpg" alt="" title="Reptilien" /> 
                                    <img class="large" src="pics/reptis (7).jpg" alt="" title="Reptilien" /></a></li> 

                                    <li><a href="#reptilien"><img src="pics/reptis-k(8).jpg" alt="" title="Reptilien" /> 
                                    <img class="large" src="pics/reptis (8).jpg" alt="" title="Reptilien" /></a></li>								
                                </ul> 
							</li> 


                            <li class="reiter"><a class="set" href="#katzen">Katzen</a> 
								<ul>                                
									<li><a href="#katzen"><img src="pics/katzen-k(1).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (1).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(2).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (2).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(3).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (3).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(4).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (4).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(5).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (5).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(6).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (6).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(7).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (7).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(8).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (8).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(9).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (9).jpg" alt="" title="Katzen" /></a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(10).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (10).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(11).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (11).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(12).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (12).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(13).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (13).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(14).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (14).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(15).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (15).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(16).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (16).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(17).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (17).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(18).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (18).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(19).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (19).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(20).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (20).jpg" alt="" title="Katzen" /> </a></li> 

                                    <li><a href="#katzen"><img src="pics/katzen-k(21).jpg" alt="" title="Katzen" /> 
                                    <img class="large" src="pics/katzen (21).jpg" alt="" title="Katzen" /></a></li>                                                                    
                            	</ul> 
							</li>                                                 

 
    						<li class="reiter"><a class="set" href="#andere">andere</a> 
								<ul>                                
									<li><a href="#andere"><img src="pics/tiere-k(1).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (1).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(2).jpg" alt="" title="Tiere" /> 
                                    <img class="hlarge" src="pics/tiere (2).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(3).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (3).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(4).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (4).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(5).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (5).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(6).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (6).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(7).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (7).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(8).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (8).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(9).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (9).jpg" alt="" title="Tiere" /></a></li> 

                                    <li><a href="#andere"><img src="pics/tiere-k(10).jpg" alt="" title="Tiere" /> 
                                    <img class="large" src="pics/tiere (10).jpg" alt="" title="Tiere" /></a></li> 
                            	</ul> 
							</li>                                                       
 
						</ul> 
 
						<br class="clear" />	

                    </div> 

              	</div>     <!-- content -->

Alles anzeigen

Basi

Du hast in deinem Quellcode alle Bilder stehen, also laden auch alle :wink:

Irgendwie ist diese Galerie auch mehr so ein Geschicklichkeitsspiel oder?

Basi

Schriftart: Arial
Schriftgröße: 14pixel
Browser: Lunascape
Auflösung: 2 x 1920x1080

Basi

...

Basi

Tja, wie sagt man so schön:

Zitat von "Irgend son garnich so blöder Typ"

Heirat = Game Over

Zu deiner Arbeit:

Da kann ich sowie dich, als auch deinen Chef verstehen, du möchtest weiter arbeiten, aber der Chef kann es sich nicht leisten für diese 6 Wochen dich zu bezahlen, ohne das du arbeitest, und gleichzeitig eine Vertretung zu beschaffen noch teurer für ihn.

Basi

Code

.bild {
  background: url(pfad/zum/bild.endung) center;
}

Dann dem jeweiligen Bereich per class="bild" die Klasse zuweisen und fertig

Basi

Zitat von "Peter1978"

Hab da keinen Dunst davon

Also wahrscheinlich an meinen Scripts -.^
Wie misst du es??

*räusper*

Mach dir mal keine Sorge, deine Scripte sind das sicher nicht, bplaced hat auf jedem Server 3 mal so viele Kunden wie gut, also net wundern, bplaced ist derbe lahm, hat andauernd ausfälle, und PHPMyAdmin geht zu 80% genau dann nicht wenn man es braucht.

Und messen tut man dies indem man einfach sieht das dein Script beim umrechnen teilweise 6 Sekunden rbaucht :wink:

Basi

Wir haben dich lediglich darauf hingewiesen das du dich nicht verständlich genug ausgedrückt hast, so das wir es verstehen konnten, dein Kommentar ist also unnötiger als unsere...

Und jetzt: Stop flaming!

Basi

Zitat von "NeoAramis"

Der Begriff "aktiver Navigationspunkt" sollte Dir eigentlich geläufig sein...

1. Davon kannst du nicht einfach ausgehen.

2. Entschuldige das aus deinem Satz für mich hervorgeht das ich den Punk suchen soll in dem "aktiv" drin steht...

Basi

Ich sehe weder den Punkt "aktiv" noch die Lücke davor.

Basi

Zitat von "filmee24"

ich weißm es ich suche so ein Programm. sowas wie svn aber das geht bei mir nicht

Das ist mal so gar nicht das was du suchst... Webocton Scriptly kann das!

Basi

Zitat von "Felix M. H."

besteht-kino.to
eig-nur-aus-1-seite-und-alles-andere-aus-JavaScript???

Mal doof gefragt wieso sind da Striche zwischen deinen Wörtern?

kino.to nutzt nicht deine genannte Variante.

Wenn es dich interessiert, dafür braucht man Ajax.

Basi

Eigentlich nur Benutzerfreundlichkeit.

Jedoch!

Ist JavaScript beim Benutzer deaktiviert wirkt es meist genau andersrum!

Beiträge von Basi

Bilder aneinander machen

Bilder aneinander machen

textteil scrollen

textteil scrollen

Bilder Ladezeiten

Bilder Ladezeiten

Bilder Ladezeiten

Bilder Ladezeiten

Bilder Ladezeiten

Welche Schrift und Grösse habt ihr eingestellt?

...

In my head ... Brain or Storm....

Grafik zentrieren

Tilgungsrechner fertig

Navigation (Liste)

Navigation (Liste)

Navigation (Liste)

PHPProgramm

Was genau bringt JavaScript eigentlich für Vorteile???

Was genau bringt JavaScript eigentlich für Vorteile???