✔ Wie teilt man dieses Bild am besten auf?

Status
Nicht offen für weitere Antworten.
L

lp-chester

Erfahrenes Mitglied
Hallo!
Ich in gerade dabei eine neue HP für mich zu erstellen. Mit dem Design bin ich schon relativ gut vorangekommen. Mein Problem ist, dass ich nicht weiß wie ich das Bild am besten aufteilen soll. Könnt ihr mir helfen und mir sagen, wie ich das Bild aufteilen soll?

mfg LP-Chester

P.S. Die Seite sollte skalierbar sein.

[EDIT]
Anhang entfernt!
[/EDIT]
 
Zuletzt bearbeitet:
Ich würd dir grundsätzlich mal empfehlen, grössere einfarbige Flächen auf Bildern zu vermeiden. Die brauchen unnötig Speicherplatz und können genausogut mit HTML erreicht werden. Ansonsten - hm, ja, wie Gumbo schon sagte... wenn man den Inhalt sehen könnte, wäre das sehr hilfreich.
 
Hallo. Der Inhalt liegt zwischen den Streifen. Dieser Teil muss skalierbar sein und de Head mit dem Dreieck auch. Zu den weißen Flächen....mein Problem ist, dass ich nicht wüsste, wie ich die Tabellen anordnen sollte, damit da noch alles richtig angezeigt wird. (Wegen den ganzen Abrundungen)

mfg LP-Chester
 
Diese Art eine Homepage zu machen hab ich ehrlich gesagt noch nie gesehen. Funktioniert das so das die ganze Page aus nur 1 Grafik besteht? Ist ja mal krass!
Kann mir jemand näheres dazu sagen wie das genau funktioniert usw. also wie man die Texte dann an der richtigen stelle anordnet usw... mit Tabellen?

Mfg
cAm3eel
 
Nee das ist nicht ein Bild. Das sind gaaaanz viele Tabellen ineinander. Hab das Problem jetzt gelöst. Trotzdem Danke. mfg LP-Chester
 
Danke für deinen Tipp, aber ich Blick das echt nicht....kannst du mir vielleicht ein kleines Beispiel direkt für mein Projekt machen bzw. zeigen?

Wenn du (oder jemand anderes) dies tun möchte, ist hier der jetzige Code:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
<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];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('grafiken/nav/home_over.gif')">
<table width="97%"  border="0" cellspacing="0" cellpadding="0" class="maintd">
  <tr>
    <td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="325" height="190" valign="middle" background="grafiken/head_links.gif">
      <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','grafiken/nav/home_over.gif',1)"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="grafiken/nav/home_down.gif" alt="Home" name="Home" width="135" height="40" border="0"></a></td>
    <td height="190" align="center" valign="top" background="grafiken/head_spacer.gif"><img src="grafiken/head_logo.gif" width="350" height="175"></td>
    <td width="300" height="260" valign="top" background="grafiken/head_rechts.gif">&nbsp;</td>
  </tr>
</table>
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="280" height="300" valign="top" background="grafiken/main_spacer_links.gif"><table width="281%" height="300"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td valign="top" background="grafiken/sub_head_links.gif">&nbsp;</td>
            </tr>
          </table></td>
          <td height="100" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="3" style="border: 1px solid; border-color: #F0F0F0;">
            <tr>
              <td>&Uuml;berschrift<br>
                <br>
                Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br>
                <a href="#">Link</a></td>
            </tr>
          </table></td>
          <td width="186" height="300" valign="top" background="grafiken/main_spacer_rechts.gif"><img src="grafiken/sub_head_rechts.gif" alt="" width="186" height="300"></td>
        </tr>
      </table>      
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="95" height="120" valign="top" background="grafiken/bottom_spacer.gif"><img src="grafiken/bottom_ecke_links.gif" width="95" height="120"></td>
          <td align="center" background="grafiken/bottom_spacer.gif">&copy; 2005 - VL</td>
          <td width="105" height="120" valign="top"><img src="grafiken/bottom_ecke_rechts.gif" width="105" height="120" alt=""></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

mfg LP-Chester
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück