brauche hilfe bei layout in dreamweaver

Grandhoschi · 16.01.2010

hallo leute,
habe mich hier schon mit vielen tuturials beschäftig"von photoshop bis zur fertigen webseite"aber irgendwie komme ich nich weiter,egal was ich mache,verschiebt sich meine ganzes layout,habe mein layout mit photoshop angefertigt,slices eingefügt(nicht mal viele) ,mit dreamweaver bearbeitet(nach anleitung)aber wie gesagt,irgendwo hängt bei mir was.

cebito · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

Ohne Quelltext? Was soll man dir da raten? Klick mal meine Signatur, dann weißt, was es braucht, damit du hier Hilfe bekommst...

Grandhoschi · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

entschuldigung,hier mal das was ich anbieten kann

HTML:

<html>
<head>
<title>Unbenannt-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-image: url(Bilder/Unbenannt-1_05.png);
    background-repeat: repeat-x;
    background-attachment: fixed;
    overflow: auto;
    position: static;
    visibility: visible;
    z-index: auto;
    height: auto;
    width: auto;
    background-color: #000;
}
-->
</style>
<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>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Navi/Bilder/navi_09.png','Navi/Bilder/navi_10.png','Navi/Bilder/navi_11.png')">
<!-- ###DOCUMENT_BODY### start -->
<!-- ImageReady Slices (Unbenannt-1) -->
<table width="1019" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
    <tr>
        <td colspan="2" height="187">
            <img src="Bilder/webseite_01.png" width="116" height="187" alt=""></td>
        <td colspan="3" height="187">
            <img src="Bilder/webseite_02.png" width="283" height="187" alt=""></td>
        <td width="349" height="187">
            <img src="Bilder/webseite_03.png" width="340" height="187" alt=""></td>
        <td colspan="3" height="187">
            <img src="Bilder/webseite_04.png" width="268" height="187" alt=""></td>
        <td rowspan="4" width="2" height="768">
            <img src="Bilder/Unbenannt-1_05.png" width="2" height="768" alt=""></td>
        <td width="10" height="187">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="9" ><!-- ###NAVI### start --> <!-- ###NAVI### stop -->
          <table width="1013" height="49" border="0">
            <tr>
              <td width="227" height="45"><img src="Navi/Bilder/navi_01.png" width="221" height="43"></td>
              <td width="114"><a href="home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild27','','Navi/Bilder/navi_09.png',1)"><img src="Navi/Bilder/navi_02.png" name="Bild27" width="113" height="43" border="0"></a></td>
              <td width="114"><a href="team.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild28','','Navi/Bilder/navi_10.png',1)"><img src="Navi/Bilder/navi_03.png" name="Bild28" width="114" height="43" border="0"></a></td>
              <td width="227"><a href="gaestebuch.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild31','','Navi/Bilder/navi_10.png',1)"><img src="Navi/Bilder/navi_04.png" name="Bild31" width="226" height="43" border="0"></a></td>
              <td width="114"><a href="galerie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild32','','Navi/Bilder/navi_11.png',1)"><img src="Navi/Bilder/navi_05.png" name="Bild32" width="114" height="43" border="0"></a></td>
              <td width="220"><img src="Navi/Bilder/navi_06.png" width="200" height="43"></td>
            </tr>
</table></td>
        <td width="10" height="43">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" colspan="3" height="496" ><!-- ###MENÜ### start --> <!-- ###MENÜ### stop --><img src="Bilder/webseite_09.png" width="210" alt=""></td>
        <td width="22" height="496">
            <img src="Bilder/webseite_10.png" alt="" width="21" height="486"></td>
        <td valign="top" colspan="3" ><!-- ###CONTENT### start --> <!-- ###CONTENT### stop --><img src="Bilder/webseite_11.png" width="569" ></td>
        <td width="21" height="496" ><img src="Bilder/webseite_12.png" width="20" alt=""></td>
        <td valign="top" width="210" height="496"><img src="Bilder/webseite_13.png" width="193" ></td>
  </tr>
    <tr>
        <td width="3" height="42">
            <img src="Bilder/webseite_15.png" width="3" height="42" alt=""></td>
        <td valign="top" colspan="8" height="42"><!-- ###FOOTER### start --> <!-- ###FOOTER### stop --><img src="Bilder/webseite_16.png" width="1019" height="43"></td>
    </tr>
    <tr>
        <td width="3" height="1">
            <img src="Bilder/Abstandhalter.gif" width="3" height="1" alt=""></td>
        <td width="116" height="1">
            <img src="Bilder/Abstandhalter.gif" width="113" height="1" alt=""></td>
        <td width="96" height="1">
            <img src="Bilder/Abstandhalter.gif" width="94" height="1" alt=""></td>
        <td width="22" height="1">
            <img src="Bilder/Abstandhalter.gif" width="21" height="1" alt=""></td>
        <td width="172" height="1">
            <img src="Bilder/Abstandhalter.gif" width="168" height="1" alt=""></td>
        <td width="349" height="1">
            <img src="Bilder/Abstandhalter.gif" width="340" height="1" alt=""></td>
        <td width="50" height="1">
            <img src="Bilder/Abstandhalter.gif" width="49" height="1" alt=""></td>
        <td width="21" height="1">
            <img src="Bilder/Abstandhalter.gif" width="20" height="1" alt=""></td>
        <td width="210" height="1">
            <img src="Bilder/Abstandhalter.gif" width="205" height="1" alt=""></td>
        <td width="2" height="1">
            <img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
        <td width="10" height="1">
            <img src="Bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
<!-- ###DOCUMENT_BODY### stop -->
</body>
</html>

cebito · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

"Egal was du machst" heißt du willst bspw. Text einfügen? In deinen Tabellenzellen sind aber Bilder. Wenn du da reinschreiben willst, ohne das es die verschiebt, musst du sie als Hintergrundbilder definieren.

Grandhoschi · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

ja und wie?

mrbuff76 · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

Schau mal hier:

Poki29 · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

Grandhoschi schrieb:
ja und wie?

Du definierst die Bilder als Inhalt der Zellen, wenn in der Zelle aber ein Bild ist kann am gleichen Platz kein Text sein, d.h. du musst die Bilder als Hintergrund der Tabelle definieren und dann kannst du auch text oder etwas anderes darüber lagern.

Mal ganz davon abgesehen dass generell von der Layoutgestaltung über Tabellen abgeraten wird.

Grandhoschi · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

aha,dachte nur das es grad modern ist mit layout tabellen,deshalb hab ich mir solche mühe gegeben,wie kann oder soll ich es den am besten anstellen?
das da wo ein bild ist kein text stehen kann is mir schon klar,aber in den einzelnen zellen die bilder als HG zudefinieren krieg ich nich hin,

das Grundgerüst soll ja so aussehen wie oben und der schwarze hintergrund mit dem roten streifen soll sich vertikal wiederholen,

Samuelll · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

Moderne Layouts werden nicht in Tabellen sondern in Div-Containern erstellt.

Du definierst also für jeden Bereich zumindest ein Div

<div id="boxname"></div>

und ordnest diese neben und übereinander an, so dass sie all Deine Bereiche wiedergeben und insgesamt Dein Layout wiedergeben.

Diese Bereiche können dann mit Inhalten gefüllt und auch einem Hintergrundbild hinterlegt werden.

Layout-Links :

Stichpunkt CSS: Layout ohne Tabellen

Grandhoschi · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

ah,da kommen wir der sache schon näher,ich probiers mal,danke für die hilfreiche hilfe

cebito · 16.01.2010

AW: brauche hilfe bei layout in dreamweaver

Grandhoschi schrieb:
aha,dachte nur das es grad modern ist mit layout tabellen,deshalb hab ich mir solche mühe gegeben,wie kann oder soll ich es den am besten anstellen?

Mühe? Wußte noch gar nicht das es Mühe macht PS nen Quellcode generieren zu lassen.

Grandhoschi schrieb:
das da wo ein bild ist kein text stehen kann is mir schon klar,aber in den einzelnen zellen die bilder als HG zudefinieren krieg ich nich hin,

Wie wärs mit ein wenig Eigeninitiative (Mühe), die Suchfunktion hat hier schon viele weitergebracht - bist ja nicht der erste, der hier das "Problem" hat. Deine(n) Hinweis(e) hast du ja nun bekommen, SelfHTML wurde auch schon genannt, auf gehts, wenns dann noch nicht so hinhaut kannst ja wieder hier anfragen!