• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

help

Status
Für weitere Antworten geschlossen.
G

Geranty

Neues Mitglied
Hi,

ich habe eine Vereinsseite übernommen. Nun hab ich einige jahre html pause hinter mir. Diese seite war komplett tabellarisch aufgebaut. Ich habe jetzt alles in allem die Seite mit div boxen neu gebastelt. Jetzt hatte dieser nette Herr mit dem ich keinen Kontakt habe, sprich mein Vorgänger, 4 java scripts auf der alten seite, wo das einzige, was ich mir einigermaßen herleiten kann der name ist.. Ich hab nur keine ahnung was die einzelnen sachen bedeuten. java ist halt nicht so "leicht" wie html oder css..
wenn ich das nun auf meine seite setze verschiebt sich komplett alles nach links.. kein plan wieso..
hier jetzt die scripte:

Code: 
 <script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

ich hoffe auf eure hilfe :wink:

mit dank im vorraus.
 
Das sind Funktionen um, Bilder vorzuladen, sie auszutauschen und zurückzutauschen. Die sind ziemlich verbreitet, teilweise nutzlos und schlecht geschrieben.

Wenn du nicht weiß was sie machen, wirst du sie nicht brauchen und kann sie getrost weglassen.
 
okay,

es ist erschreckend was ein vergessenes gänsefüßchen alles ausrichten kann.. vor allem am anfang vom dokument. war also nicht der fehler vom skript..

Ist das ding also schlecht geschrieben... dann muss ich mal gucken das ich das anders und einfach hinkrieg.. ist auch mal eben um ca. 40% größer geworden, das dokument.

da ich ein fauler mensch bin frag ich mal ganz dreist wie die leichtere möglichkeit aussieht. Wäre super wenn mir jemand helfen könnte.

Trotzdem danke :)
 
Das ist nicht schlecht geschrieben. Das hat Macromedia damals so gemacht, sodass externe Programmierer es nicht klauen wollen, weil das sehr komplex ist.
 
okay, danke für die hilfe crash

und maxi.. um die uhrzeit fiel mir nichts besseres ein.. und für einen hilferuf fand ich den titel grade pregnant genug.. werde es in zukunft unterlassen

mfg geranty
 
Geranty schrieb:
Diese seite war komplett tabellarisch aufgebaut. Ich habe jetzt alles in allem die Seite mit div boxen neu gebastelt.
Zum Vergrößern anklicken....
Ich erlaube mir, anzumerken, dass das genauso sinnfrei ist, wie eine Seite mit Tabellen zu layouten.

java ist halt nicht so "leicht" wie html oder css.
Zum Vergrößern anklicken....
Das ist richtig. Aber Java ist auch um einiges schwieriger als JavaScript, über das Du sprichst. Aber beides sind Programmiersprachen (oder JavaScript eine Scriptsprache, wenn man das unterteilen möchte), was HTML und CSS beide definitiv nicht sind.

Gruß,
-Efchen
 
Brauchst du denn das Script noch für die neue Seite?
Vielleicht ist es ja jetzt überflüssig, diese Funktionen einzubauen - wie crash schon sagte -, denn JavaScript-Spielereien solcher Art sind sinnfrei. Außer in Verbindung mit AJAX vielleicht...

@ Efchen:
Wie sollte man dann sein Design aufbauen, damit es genauso oder ähnlich aussieht? HTML ist zwar grundsätzlich gar nicht dafür gedacht, aber trotzdem wollen die Leute ein schickes Design. Divs sind da wesentlich besser als Tabellen, die erst recht nicht fürs Design gedacht sind.
 
ohrflieger schrieb:
....
HTML ist zwar grundsätzlich gar nicht dafür gedacht, aber trotzdem wollen die Leute ein schickes Design. Divs sind da wesentlich besser als Tabellen, die erst recht nicht fürs Design gedacht sind.
Zum Vergrößern anklicken....
Ich bin zwar nicht Efchen mag aber trotzdem mal antworten.
Ein <div> ist ein html-block-Element. Es lässt sich mit css gestalten wie andere Elemente auch. Einfache Layouts brauchen oft überhaupt kein <div>.
Die Seite aus deiner Signatur benötigt soweit kein <div> (Ohrflieger.de - Mission Ohrflieger: Webdesign):
html:
Code: 
<h1>
<img src="http://ohrflieger.pytalhost.de/button.png" alt="Mission Ohrflieger" width="100" height="100" title="Ohrflieger" />
Mission Ohrflieger:<br /><span>Webdesign</span>
</h1>


<ul id="navi">
<li><a href="index.php">Ohrflieger Webdesign</a></li>
<!--
<li><a href="index.php?ref">Referenzen</a></li>
<li><a href="index.php?anf">Anfragen</a></li>
<li><a href="index.php?imp">Impressum</a></li>
-->
</ul>


<h2>Ohrflieger Webdesign.</h2>
<p>
Das steht für standardkonformen Code und modernes Design.<br />
Die Seite wird noch erweitert.
</p>


<script type="text/javascript"><!--
google_ad_client = "pub-4933752456153540";
/* Ohrflieger.de Startseite */
google_ad_slot = "5248049471";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<p>Funpic 120 / Pytal 631 751</p>


<script src="http://layer-ads.de/la-11423-subid:p54201.js" type="text/javascript"></script>
Das css dazu könnte so aussehen:
Code: 
  body {
background-color:#DDDDDD;
color:#333333;
font-family: "Lucida Sans", Tahoma, Arial;
font-size:12px;
margin:0px auto;
padding:0px;
width:468px;
}

h1 {
font-size:22px;
text-align: center;
margin-top: 25px;
}

h1 img {
display: block;
margin: 0 auto 15px auto;
}

h1 span {
font-size:18px;
}

#navi {
border-top: 2px solid #3A3A3A;
border-bottom: 1px solid  #3A3A3A;
margin: 0;
padding: 5px 0;
list-style: none;
font-size: 14px;
}

* html #navi {
height: 1px;
}

#navi li {
text-align: center;
}

#navi li a {
color:#004400;
text-decoration:none;
}

#navi li a:hover {
color:#0DFD11;
}

h2 {
font-size: 14px;
margin: 15px 0 0 0;
padding: 0;
}

p {
padding: 0;
line-height: 2;
border-bottom: 1px solid #3A3A3A;
margin-bottom: 8px;
}
<div> ist ein unersetzbar wertvolles html-Element. Der Sinn dieses Elementes wird aber missverstanden wie kaum ein Anderes.
 
Ich kann neuroleptika nichts weiter hinzufügen. Design macht man mit CSS, nicht mit HTML. <div> ist HTML, also ist es kein Mittel zum Design. So einfach ist das, und wenn man das mal wirklich so einfach akzeptiert, wird alles plötzlich viel einfacher. Die meisten akzeptieren das aber so nicht, und wuseln sich immer so zweitklassig durch...

neuroleptika schrieb:
<div> ist ein unersetzbar wertvolles html-Element. Der Sinn dieses Elementes wird aber missverstanden wie kaum ein Anderes.
Zum Vergrößern anklicken....
Eines fällt mir noch ein: <table> :-)
 
Danke für den Tipp, andere Elemente als Block anzuzeigen, da hab ich gar nicht dran gedacht :)

Was ist aber, wenn man z.B. mehrere Elemente (h1, p's) zusammen 100px vom linken Rand wegrücken möchte? Da braucht man <div>. Div hat doch den Sinn, mehrere Elemente Zwecks gemeinsamen Layout zu gruppieren? Oder bin ich auch einer von denen, die das <div> dafür missbrauchen? :D

EDIT:
@neuroleptika
Dein Vorschlag (übrigens super) funktioniert leider nicht im IE - Er kann wohl nichts mit der Breitenbegrenzung des body anfangen. Also doch mit <div>?
 
Zuletzt bearbeitet von einem Moderator:
ohrflieger schrieb:
.... Oder bin ich auch einer von denen, die das <div> dafür missbrauchen?

..
Dein Vorschlag (übrigens super) funktioniert leider nicht im IE - Er kann wohl nichts mit der Breitenbegrenzung des body anfangen. Also doch mit <div>?
Zum Vergrößern anklicken....

Ab IE6 wird width für body angenommen.
Sollte das bei dir nicht der Fall sein, wird die Seite vermutlich im quirks mode gerendert. Ich bin von xhtml1.0 strict ausgegangen. Andere Doctype-Angaben sind natürlich auch möglich, wenn sie nicht zum quirks mode führen.

Ich würde auch einiges in <div>s zusammenfassen. Unter anderem um Hacks für den IE5.x unterzubringen.

Ich wollte nur verdeutlichen, daß css nicht auf das <div>-Elemente beschränkt ist (auch nicht auf Blockelemente).

Post Scriptum
Tabellenwächter klingt irgendwie nach Datenbankadministrator.
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben