Dreamweaver Bild einfügen

malteknalte · 14.11.2009

Hallo ihr,

also ich habe mit Photoshop cs4 ein Layout designed und gesliced und bei Dreamweaver cs4 eingefügt was alles auch noch geklappt hat...

Wenn ich nun aber Bilder oder Text im Contenbereich unter dem Header einfügen will verschiebt sich das komplette Layout, also die geslicten Bilder verschieben sich. Damit ihr es euch besser vorstellen könnt hier mal ein Screenshot vom Layout

Dazugesagt kenn ich mich mit Dreamweaver nicht wirklich gut aus.

Ich hoffe es kann mir jemand helfen.

hier nochmal der code

Danke im vorraus

Code:

<html>
<head>
<script 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];}
}
//-->
</script>
<div align="center">
<title>Fruity - das fruchtet...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-image: url(Bilder/index_02.gif);
    background-repeat: repeat-x;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Bilder/Events_button_rollover.gif','Bilder/Presse_button-rollover.gif','Bilder/Gastronomie_button-rollover.gif','Bilder/Produkte_button-rollover.gif','Bilder/Home_button-rollover.gif')">
<!-- Save for Web Slices (index.psd) -->
<table id="Tabelle_01" width="1006" height="786" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="9">
            <img src="Bilder/index_01.gif" width="998" height="14" alt=""></td>
        <td rowspan="5">
            <img src="Bilder/index_02.gif" width="8" height="786" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="Bilder/index_03.gif" width="99" height="772" alt=""></td>
        <td colspan="7">
          <div align="center"><img src="Bilder/index_04.gif" width="809" height="270" alt=""></div></td>
        <td rowspan="4">
            <img src="Bilder/index_05.gif" width="90" height="772" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="Bilder/index_06.gif" width="304" height="502" alt=""></td>
        <td rowspan="2"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild18','','Bilder/Home_button-rollover.gif',1)"><img src="Bilder/Home_button.gif" name="Bild18" width="77" height="35" border="0"></a></td>
        <td rowspan="2"><a href="produkte.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild17','','Bilder/Produkte_button-rollover.gif',1)"><img src="Bilder/Produkte_button.gif" name="Bild17" width="83" height="35" border="0"></a></td>
        <td colspan="3">
            <img src="Bilder/index_09.gif" width="263" height="1" alt=""></td>
        <td rowspan="3">
            <img src="Bilder/index_10.gif" width="82" height="502" alt=""></td>
    </tr>
    <tr>
        <td><a href="gastronomie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild16','','Bilder/Gastronomie_button-rollover.gif',1)"><img src="Bilder/Gastronomie_button.gif" name="Bild16" width="111" height="34" border="0"></a></td>
        <td><a href="presse.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild15','','Bilder/Presse_button-rollover.gif',1)"><img src="Bilder/Presse_button.gif" name="Bild15" width="72" height="34" border="0"></a></td>
        <td><a href="events.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild14','','Bilder/Events_button_rollover.gif',1)"><img src="Bilder/Events_button.gif" name="Bild14" width="80" height="34" border="0"></a></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="Bilder/index_14.gif" width="423" height="467" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body></div>
</html>

fantaflascher · 14.11.2009

AW: Dreamweaver Bild einfügen

Ich kann mir im Moment nur vorstellen das dein Image zu groß ist und deshalb alles zerschießt. Schau mal in Photoshop auf die größe

magicsepp · 14.11.2009

AW: Dreamweaver Bild einfügen

sieht für mich so aus - als ob überall jetzt Bilder hast - entweder muss das Bild dann in den Hintergrund oder durch Text ausgetauscht werden damit sich das Layout nicht verschiebt - ich hoffe das war verständlich

Gelöschtes Mitglied 345460 · 14.11.2009

AW: Dreamweaver Bild einfügen

Hallo, Das Bild einfügen und zu einem DivAp machen... / DivAP einfügen und das Bild darein.. Das DivAP kann man verschieben wohin man will ohne das sich was verschiebt.. Quasi wie ein Bild auf ein Blatt Papier...

cebito · 14.11.2009

AW: Dreamweaver Bild einfügen

malteknalte schrieb:
Wenn ich nun aber Bilder oder Text im Contenbereich unter dem Header einfügen will verschiebt sich das komplette Layout, also die geslicten Bilder verschieben sich.

Erstmal in den Webbereich verschoben, denn das hat mit Photoshop nichts mehr zu tun. Hättest du ein wenig gesucht, hättest es auch allein rausfinden können, diese "Problem" taucht hier ständig wieder auf. Du musst deine Bilder als Hintergrundbilder reinsetzen, wenn du drauf schreiben willst.

malteknalte · 14.11.2009

AW: Dreamweaver Bild einfügen

Danke für die antworten

Ich möchte ja nicht auf einem Bild Text schreiben, ich möchte einfach nur Bilder oder Text in den Content bereich einfügen

Das Image ist nicht zu groß habs auch schon mit Bild-Platzhaltern versucht aber mit dem selben Ergebniss

magicsepp AW: Dreamweaver Bild einfügen
sieht für mich so aus - als ob überall jetzt Bilder hast - entweder muss das Bild dann in den Hintergrund oder durch Text ausgetauscht werden damit sich das Layout nicht verschiebt - ich hoffe das war verständlich

Der Content bereich ist ja im Prinzip ein Weisses geslictes Image. Wenn ich das Image dann lösche und ein kleines Bild einfüge verschiebt sich der header. Kann mir wer sagen ob ich und was ich da falsch gemacht habe, vllt das ich den Content bereich einfach nur normal gesliced habe?

@ cebito

meintest du das ich den Content Bereich als Hintergrundfestlegen muss? Wenn ja wie? Dann würd ich noch gern etwas anderes wissen, ich hab bei den Button einen mouseovereffekt doch der Effekt blitzt nur kurz auf und ist nicht die ganze zeit während ich die Maus auf dem Button habe... vllt kann mir das ja auch jemand erläutern.

sumpfbarbe · 14.11.2009

AW: Dreamweaver Bild einfügen

Hallo auf deinem Link seh ich nur Dein Header. :mad:

mach mal nen screenshot von der DW ansicht. welche version hast Du?
benutzt Du Templates?
Was für ein Layout nimmst Du (z.b. Header, 2 Spalten, Fußleiste)
Mach bitte ein paar mehr angaben.

grüßle

malteknalte · 14.11.2009

AW: Dreamweaver Bild einfügen

viel mehr ist auch nicht zu sehen als der header

hab mal ein screenshot mit den slices gemacht ist vllt ein wenig besser, wie man sieht ein header und 2 content spalten unten drunter wo ich eigentlich vorhatte text und bilder einzufügen was mir ja aber noch probleme bereitet

nordlicht1973 · 15.11.2009

AW: Dreamweaver Bild einfügen

Moinsen,

Dein Arbeitsbereich ist viel zu groß angelegt, bevor Du das ganze für die HP slicen lässt, die Grösse so weit wie Möglich "zurückschneiden" dann verschwinden auch im Unteren Bereich die überflüssigen Bilder.

Markus

malteknalte · 16.11.2009

AW: Dreamweaver Bild einfügen

du meinst ich soll den content bereich bis knapp unter dem header wegschneiden? Oder versteh ich das falsch? Kann ich die im Contentbereich geslicten images nicht einfach in den Hintergrund anordnen?

hier nochmal ein funktionierender Screen

so siehts aus wenn ich was in den content bereich eingebe in verkleinerter ansicht

lg malte

readmore · 17.11.2009

AW: Dreamweaver Bild einfügen

Das liegt daran, das die Bilder im Vordergrund (foreground) engefügt sind.
einfach die Images als Background der Tabelle einfügen.
Also

PHP:

<td background="bilder/index_01.gif" width="998" heigh=14>

nahezu überall.
Daür dann die <img src="bilder/index_01.gif"> entfernen.
Ich weiss dass das etwas arbeit ist

, aber mit dem Editor und dem Ersetzten toll geht das recht Komfortabel.

so long
readmore