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

eine blöde frage....

S

samson

Neues Mitglied
obwol es ja keine blöden fragen geben soll...

wo muss ich den abstand der pics zum linken rand bei diesem script eingeben oder besser gesagt wie muss ich ihn eingeben...hab schon diverses ausprobiert.

hier das script:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<script language="JavaScript">
var picnumber = 3 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (picnumber-1) * randomnumber) + 1 ;
pics = new Array
pics[1] = "<img src=bild1.jpg>"
pics[2] = "<img src=bild2.jpg>"
pics[3] = "<img src=bild3.jpg>"


var pic = pics[rand1]
</script>

<title>Untitled Document</title>
<style type="text/css">
<!--

-->
</style></head>

<body>
<script language="JavaScript">
document.write(""+ pic +"")
</script>


</body>
</html>
 
HTML: 
...
pics[1] = "<img class="deine_class" src=bild1.jpg>" 
...

css
Code: 
.deine_class{
      margin-left: 50px;
}

oder

HTML: 
...
pics[1] = "<img style="margin-left: 50px;" src=bild1.jpg>" 
...
 
hab mal diese version eingegeben, das scheint aber nicht zu gehen. es erscheint nix mehr im browser :-(

<script language="JavaScript">
var picnumber = 3 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (picnumber-1) * randomnumber) + 1 ;
pics = new Array
pics[1] = "<img style="margin-left: 50px;" src=bild1.jpg>"
pics[2] = "<img style="margin-left: 50px;" src=bild2.jpg>"
pics[3] = "<img style="margin-left: 50px;" src=bild3.jpg>"


var pic = pics[rand1]
</script>

<title>Untitled Document</title>
<style type="text/css">
<!--
 
Ein kleiner Tippfehler von SpaceVampire. Die Anführungszeichen des style-Attributs müssen maskiert werden, da sie sonst die Zeichenkette 'unterbrechen'.
Code: 
pics[1] = "[COLOR=#800080]<img style=\[COLOR=#0000ff]"margin-left: 50px;\"[/COLOR] src=bild1.jpg>[/COLOR]"
 
und noch eine frage...

ich möchte, dass die pics nicht durch andere layers verdeckt werden. kann ich ihnen eine z-index zuweisen?

so wie unten gehts ja nicht, wie ich bemerkt habe:-(

pics[1] = "<img style=\"margin-left: 150px; z-index: 10;\" src=bild1.jpg>"
 
ich bins nochmal....
jetzt möchte ich den bildern noch einen rahmen geben....das schaff ich auch nicht...
hab unteranderem dies gemacht:

pics[1] = "<img style=\"margin-top: 110px; margin-left: 437px;\" border="1" class="bilderrand" src=bild1.jpg>"

weiss jemand wie das geht? :?:
 
pics[1] = "<img style=\"margin-top: 110px; margin-left: 437px;\" border=\"1\" class=\"bilderrand\" src=bild1.jpg>"

ja, so geht was. vielen dank
 
Zuletzt bearbeitet:
wobei du die style-attribute und die border auch in die class einfügen kannst, wenn du schon eine definierst!
Code: 
.bild{
margin:110px 0 0 437px;
border-style:solid;
border-width:1px;
border-color:#000000;
}

HTML: 
pics[1] = "<img class=\"bild\" src=\"bild1.jpg\">"
ist wesentlich übersichtlicher ;)
 
Noch etwas übersichtlicher wäre:
Code: 
pics[1] = '<img class="bild" src="bild1.jpg">';
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben