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

weißer rand bei Images

Status
Für weitere Antworten geschlossen.

Oliver_Master

Neues Mitglied
Hallo,
ich habe ein Probem, umdzwar bekomme ich, wenn ich ein Bild in eine Tabelle tun möchte, einen Abstand zu den Grundlienien, was wiederum einen Häßlichen "grau-weißen" Rand verursacht?
woran liegt das?

Klick
 
1. streck' das bild mal auf 100% 'raus, dass sich keine weißen linien mehr bilden können oder mach' die tabelle/das DIV kleiner.
2. flash (adobe falsh, früher von macromedia)

Nils aka XraYSoLo
 
1. da weiß ich nun auch nicht weiter
2. ja, wenn du den ActionScript-code selber schreibst und dir 'nen passenden compiler dafür suchst (müsste hier auf den board-links einen geben).

Nils aka XraYSoLo
 
hmm hier mal der Code für diesen Kasten da oben:


Code:
    <td><table width="100%" border="0" cellspacing="5" cellpadding="0">
  <tr>
    <td><table width="98%"  bgcolor="#000000" height="145">
         <tr>
        <td background="images/footercellpic.gif">Aktuelles</td>
      <td background="images/footercellpic.gif"></td>
      </tr>
      <tr>
                <td height="200" bgcolor="#dadada" width="318px" ><img src="images/anzeige1.jpg" alt="d" width="100%" height="100%" class="imagesblog" /></td>


        <td height="200" bgcolor="#dadada" width="318.5px"></td>
    </tr>

     </table></td>
    </tr>
    </table></td>

hmm gibt es kein Programm was kostenlos is und so was leisten kann? weil >>Gif Animationen find ich nun wirklich nicht schön

erst mal sry für den Doppelpost, aber ich hab noch ne Frage, könnte man mit Javascript sowas ähnliches machen? also das der nach ner Bestimmten Zeit das Bild welchselt?
 
Zuletzt bearbeitet von einem Moderator:
einfach nur Bild wechseln kannst du so machen (das mit dem aus-/einblenden geht auch theoretisch, ist mir jetzt aber ehrlich gesagt zu viel Arbeit :wink: und auch keine gute Idee mit JS):
Code:
<script type="text/javascript">
  //<![CDATA[
    var bilder = new array(
       'bild1.jpg',
       'bild2.jpg',
       'bild3.jpg'
     );
     function change(i) {
       i = (i > (bilder.length - 1)) ? 0 : i;
       document.getElementById('bild').src = bilder[i];
       setTimeout('change(' + (i + 1) + ')', 5000); //5000 = Zeit in ms
     }
  //]]>
</script>
[...]
<img src="bild1.jpg" alt="" />
nicht getestet, aber so sollte es gehen
 
halllo

erstmal danke, leider zeigt der I-net Explorer im Script einen Fehler an, und Firefoxes FehlerKonsole sagt ebenfalls: aray is not difined ...

sry aber ich kenn mich gar net mit Javascript aus ;(

---

noch mal zur andere nFrage gibts kein kostenloses gutes Programm für Flash Animationen?
 
halllo

erstmal danke, leider zeigt der I-net Explorer im Script einen Fehler an, und Firefoxes FehlerKonsole sagt ebenfalls: aray is not difined ...

sry aber ich kenn mich gar net mit Javascript aus ;(

---

noch mal zur andere nFrage gibts kein kostenloses gutes Programm für Flash Animationen?
Steht da "aray" oder "array"? Wenn da ersteres steht musst du es im Code in letzteres ändern.

Wenn da korrekterweise "array" steht, versuchs mal hiermit (müsste aber auch mit dem oberen gehen, ich werde das gleich mal testen):
Code:
<script type="text/javascript">
  //<![CDATA[
     function change(i) {       
       var bilder = new array(
         'bild1.jpg',
         'bild2.jpg',
         'bild3.jpg'
       );
       i = (i > (bilder.length - 1)) ? 0 : i;
       document.getElementById('bild').src = bilder[i];
       setTimeout('change(' + (i + 1) + ')', 5000); //5000 = Zeit in ms
     }
  //]]>
</script>
[...]
<img src="bild1.jpg" alt="" />
 
danke erstmal,

eine Frage hab ich noch, ich habe eine durchgehende Navi mit einem BG Image, ich möchte jetzt aber immer dem ersten noch ein BG image zuweisen. leider geht das immer nur so lang iwe der Text is,a uch genauso hoch usw., wie kann ich erzeugen das sich das iMg ganz ausbreitet?

hallo, hab mal nen Screen shot gemacht wies jetzt is...

screen1.jpg


und eigentlich soll das auf der Hintergrund Grafik, noch bei dem ersten Punkt die schrift auf diese Grafik:

navihead.jpg


aber das lässt sich nicht so machen das das Bild ganz angezeigt wird?
bisher hab ich es nur entweder Img oder Schrift bekommen, oder wie auf dem Img zu sehen das das Bild nur da is wo auch die Schrift is? will aber das es ganz zu sehen is?

CSS:
Code:
body, html, #navigation, #container, #inhalt {
           margin:0;
           padding:0;
}
body {
           font: 100.01% sans-serif;
           background-color: #313131;
           text-align: center;
}
#container {
           width: 815px;
           text-align: left;
           margin: 0 auto;
           background-color:#4E4E4E;
                      margin-top: 20px;
}
#kopf {
           background-image: url(images/header.jpg);
           color: #E6DCCF;
           text-align: center;
           height: 145px;
}
#navigation {
           width: 145px;
           float: left;
           background-image:url(images/navigationbg.jpg);
           color: #fff;
           padding: 0px 0 0 5px;
           font-size: 13px;

}




#inhalt {
           background-color: #dadada;
           color: #fff;
           margin-left: 150px;
           width: 665px;
           text-align: center;
           display: block;
}

#footer {
           width: 100%;
           background-image: url(images/footercellpic.gif);
           height: 25px;
           color: #E6E6E6;
           font-weight: bold;

           }
p {
           margin: 25px 25px 0 25px;
}
h1 {
           margin: 0 25px;
           padding:25px 0;
           font-size: 1.3em;
}

ul {
           margin: 0 0px;
           padding:3px 0;
           font-size: 1em;
           }

           a:link {
           text-decoration:none;
           font-weight:none;
           color: #FFFFFF;
            margin-left: 0px;
            }

           a:visited {
           text-decoration:none;
           font-weight:none;
           color: #FFFFFF;
           margin-left: 0px;}

           .inkleineboxschrift {
           font-size: 13px;
           text-align: left;
           }
           .erstes {
           background-image:  url(images/navihead.jpg);
           width: 100%;
                      color: #E6DCCF;
           font-weight: bold;

           }
Code:
[...]

<body>
<div id="container">
<div id="kopf"></div>
<div id="navigation">
<ul>
<a class="erstes" href="index.html">Impressum</a>
</ul>
<hr noshade size="1">
<ul>
<a href="index.html"><b>News</b></a>
</ul>
<ul>
<a href="index.html"><b>Roster</b></a>
<a href="index.html">SmackDown</a>
<a href="index.html">Nitro</a>
</ul>
<ul>
<a href="index.html"><b>Diven</b></a>
</ul>
<ul>
<a href="index.html"><b>Champions</b></a>
<a href="index.html">SmackDown</a>
<a href="index.html">Nitro</a>
</ul>
<ul>
<a href="index.html"><b>PPV</b></a>
<a href="index.html">Next</a>
<a href="index.html">Last</a>
</ul>
</div>

[...]
Hoffe auf Hilfe...

mfg. Oliver

P.S. sry wegen doppelpost ;)
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben