Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Website verzieht sich / Photoshop für Web speichern

  1. #1
    mozcraft
    Gast

    Standard Website verzieht sich / Photoshop für Web speichern

    Hey

    habe das Problem, das sich meine Seite verzieht wenn zuviel content drin ist.

    Ich habe extra Slices vorgesehen, die sich "langziehen" sollen/können aber es funktioniert nicht ganz ?!

    http://mozcraft.cwsurf.de/cwws/

    Links + Rechts neben dem Content funktioniert es und es zieht sich.
    Bei der Navigation allerdings funktioniert es nicht. Das Feld was sich da wiederholen soll befindet sich zwischen Login und dem Footer
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Gesperrt gesperrter Member
    Registriert seit
    21.09.2011
    Ort
    22111
    Beiträge
    119
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    Wie meinst du das? Und in welchem Browser, kann nicht erkennen das sich da was verzieht. Weder im IE noch im Firefox?

  3. #3
    mozcraft
    Gast

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    Im Firefox.
    Sieht dann so aus :

  4. #4
    Gesperrt gesperrter Member
    Registriert seit
    21.09.2011
    Ort
    22111
    Beiträge
    119
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    Links + Rechts neben dem Content funktioniert es und es zieht sich.
    Bei der Navigation allerdings funktioniert es nicht. Das Feld was sich da wiederholen soll befindet sich zwischen Login und dem Footer
    Meinst du das ganz Links unten??

    Poste mal deinen Code, ohne den wird man dir auch nicht helfen können. Deine Struktur des Aufbaus muss man schon sehen

    Sorry habs verplant, bin schon lange auf den Beinen. Siehe nächsten Post von lukasn
    Geändert von Programmierer (21.09.2011 um 21:13 Uhr)

  5. #5
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    Hast du da die Websiteexport-Funktion von Photoshop genutzt? Den Quellcode kann man nicht wirklich gebrauchen.

  6. #6
    mozcraft
    Gast

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    ja habe die funktion von photoshop benutzt

    Code:
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <?php
    include("_mysql.php");
    include("_settings.php");
    include("_functions.php");
    ?>
    <html>
    <head>
    <title><?php echo PAGETITLE; ?></title>
    <link href="_stylesheet.css" rel="stylesheet" type="text/css">
    <script src="js/bbcode.js" language="JScript" type="text/javascript"></script> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    <!--
    body {
    	background-image: url(Bilder/bg.png);
    	background-repeat: repeat;
    }
    -->
    </style></head>
    
    <!-- Save for Web Slices (site_4_hspot.psd) -->
     <table width="1001" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
    	<tr>
    		<td colspan="12">
    			<img src="Bilder/index_01.png" width="1000" height="12" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="12"><img src="Bilder/index_02.png" width="1000" height="235" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="235" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="12">
    			<img src="Bilder/index_03.png" width="1000" height="12" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="2" style="vertical-align: top">
    <img src="Bilder/index_04.png" alt="" width="175" height="478" border="0" usemap="#Map"></td>
    		<td rowspan="9" style="background:url(Bilder/index_05.png)"></td>
    <td>
    			<img src="Bilder/index_06.png" width="43" height="21" alt=""></td>
    		<td colspan="8">
    			<img src="Bilder/index_07.png" width="729" height="21" alt=""></td>
    		<td>
    			<img src="Bilder/index_08.png" width="41" height="21" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="21" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="5" style="background:url(Bilder/index_09.png)">
    			</td>
    		<td colspan="8" rowspan="5" style="background:url(Bilder/index_10.png)" valign="top" align="center"><?php
    if(!isset($site)) $site="news";
    $invalide = array('\\','/','//',':','.');
    $site = str_replace($invalide,' ',$site);
    if(!file_exists($site.".php")) $site = "news";
    include($site.".php");
    ?></td>
    		<td rowspan="5" style="background:url(Bilder/index_11.png)">&nbsp;</td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="457" alt=""></td>
    	</tr>
    	<tr style="vertical-align: top">
    		<td style="vertical-align: top">
    			<img src="Bilder/index_12.png" width="175" height="32" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
    	</tr>
    	<tr>
    		<td style="background:url(Bilder/index_13.png)">&nbsp;</td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="79" alt=""></td>
    	</tr>
    	<tr>
    		<td style="vertical-align: top">
    			<img src="Bilder/index_14.png" width="175" height="32" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="2" style="background:url(Bilder/index_15.png)" valign="top" align="center">
    		  <?php include("login.php"); ?>
    	  </td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="166" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img src="Bilder/index_16.png" width="43" height="21" alt=""></td>
    		<td colspan="8" rowspan="2">
    			<img src="Bilder/index_17.png" width="729" height="21" alt=""></td>
    		<td rowspan="2">
    			<img src="Bilder/index_18.png" width="41" height="21" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="11" alt=""></td>
    	</tr>
    	<tr>
    		<td style="background:url(Bilder/index_19.png)">
    			</td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="10" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="Bilder/index_20.png" width="175" height="33" alt=""></td>
    		<td colspan="2">
    			<img src="Bilder/index_21.png" width="102" height="33" alt=""></td>
    		<td>
    			<img src="Bilder/index_22.png" width="101" height="33" alt=""></td>
    		<td>
    			<img src="Bilder/index_23.png" width="102" height="33" alt=""></td>
    		<td>
    			<img src="Bilder/index_24.png" width="102" height="33" alt=""></td>
    		<td>
    			<img src="Bilder/index_25.png" width="101" height="33" alt=""></td>
    		<td>
    			<img src="Bilder/index_26.png" width="102" height="33" alt=""></td>
    		<td>
    			<img src="Bilder/index_27.png" width="101" height="33" alt=""></td>
    		<td colspan="2">
    			<img src="Bilder/index_28.png" width="102" height="33" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="1" height="33" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="175" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="12" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="43" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="59" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="102" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="102" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="102" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="61" height="1" alt=""></td>
    		<td>
    			<img src="Bilder/Abstandhalter.gif" width="41" height="1" alt=""></td>
    		<td></td>
    	</tr>
    </table>
    <!-- End Save for Web Slices -->
    
    <map name="Map"><area shape="rect" coords="2,446,172,475" href="#" alt="Link us"><area shape="rect" coords="2,415,172,444" href="#" alt="Downloads"><area shape="rect" coords="2,383,172,412" href="#" alt="Linksammlung"><area shape="rect" coords="2,351,172,380" href="#" alt="Gallery"><area shape="rect" coords="2,288,172,314" href="#" alt="Umfragen"><area shape="rect" coords="2,256,172,282" href="#" alt="Teamspeak"><area shape="rect" coords="2,224,172,250" href="#" alt="Forum"><area shape="rect" coords="2,160,172,186" href="#" alt="Spenden"><area shape="rect" coords="2,129,172,155" href="#" alt="Servermap"><area shape="rect" coords="2,98,172,124" href="#" alt="Befehle"><area shape="rect" coords="2,66,172,92" href="#" alt="Regeln">
      <area shape="rect" coords="2,34,172,60" href="#" alt="News">
    </map>
    </body>
    </html>

  7. #7
    Gesperrt gesperrter Member
    Registriert seit
    21.09.2011
    Ort
    22111
    Beiträge
    119
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    Wie wäre es wenn du dich etwas mit xhtml, css beschäftigst und den Code dann von Hand schreibst:

    Vorteile liegen da klar auf der Hand, du hast alles komplett im Griff.

    Tabellendesign ist out und falsch, heute nimmt man div's, oder entsprechende Tags und packt die Designangaben ausschliesslich über ein externes Css rein

  8. #8
    mozcraft
    Gast

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    Habs mal mit divs + css versucht.

    Das einzige Problem jetzt ist, das der Background in der LoginDiv nicht repeatet bzw sich die Div nicht verlängert ?!

  9. #9
    Gesperrt gesperrter Member
    Registriert seit
    21.09.2011
    Ort
    22111
    Beiträge
    119
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    Zitat Zitat von mozcraft Beitrag anzeigen
    Habs mal mit divs + css versucht.
    schonmal der richtige Ansatz..

    Zitat Zitat von mozcraft Beitrag anzeigen
    Das einzige Problem jetzt ist, das der Background in der LoginDiv nicht repeatet bzw sich die Div nicht verlängert.?!
    Was nu? repeatet ist Bildwiederholung, repeat-x, repeat-y. die divlänge was du meinst, ist die Höhe(bsp. height: 1000px

    Und deinen bisher gemachten Code könntest du auch zeigen, damit man das Problem lokalisieren kann
    Geändert von Programmierer (24.09.2011 um 10:59 Uhr)

  10. #10
    mozcraft
    Gast

    Standard AW: Website verzieht sich / Photoshop für Web speichern

    hm joa also die login div soll einfach nur runter gehen bis auf den footer egal wieviel text in ihr selber steht...


    Code:
    <!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">
    
    <?php
    include("_mysql.php");
    include("_settings.php");
    include("_functions.php");
    ?>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title><?php echo PAGETITLE; ?></title>
    
    <link href="_stylesheet.css" rel="stylesheet" type="text/css">
    <script src="js/bbcode.js" language="JScript" type="text/javascript"></script> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    <!—
    
    #Container {
    	background:url(bilder/login-area.png);	
    }
    
    #Header {
    	background:url(bilder/header.png) no-repeat;
    	height: 259px;
    	width: 1000px;
    }
    
    #Navigation {
    	background:url(bilder/navigation.png) no-repeat top left;
    	width: 175px;
    	height: 510px;
    	float: left;
    }
    
    #Serverstatus {
    	background:url(bilder/s-status.png) repeat-y;
    	height: 80px;
    	width: 175px;
    	float: left;
    }
    
    #Login {
    	background:url(bilder/login-area.png);
    	background-repeat:repeat-x;
    	width: 175px;
    	height:auto;
    	float: left;	
    }
    
    #Content {
    	background:url(bilder/content.png) repeat;
    	width: 825px;
    	height: 100%;
    	min-height: 808px;
    	float: right;	
    }
    
    #Footer {	
    	background:url(bilder/footer.png) no-repeat;
    	width: 1000px;
    	height: 33px;
    	clear:both
    }
    
    body {
    	background-image: url(bilder/bg.png);
    	background-repeat: repeat;
    }
    -->
    </style>
    </head>
    
    <body>
    <div id="Website" align="center" style=" width:100%; height:100%;">
    <div id="Container" style="width: 1000px; height: 100%;" align="center"> 
    
    	<div id="Header">  </div>
        
        <div id="Navigation"> </div>
        
        <div id="Content"> 
    	<?php
    if(!isset($site)) $site="news";
    $invalide = array('\\','/','//',':','.');
    $site = str_replace($invalide,' ',$site);
    if(!file_exists($site.".php")) $site = "news";
    include($site.".php");
    ?> 
    </div>
            
        <div id="Serverstatus">  </div>
        
        <div id="Login"> <img src="bilder/login.png" alt="Login"  /> <br /> <?php include("login.php"); ?> </div>
        
        <div id="Footer">  </div>
     </div>
     </div>
    
    </body>
    </html>

Ähnliche Themen

  1. Gesamte Website in HTML speichern
    Von Thonixx im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 25.11.2009, 12:51
  2. PhotoShop CS3 brushes als .abr Speichern
    Von Trigger232 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 07.07.2008, 03:06
  3. Tabelle verzieht sich
    Von sibbiiii im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 09.11.2006, 21:30
  4. Warum verzieht sich mein Design?
    Von Pie im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 30.03.2005, 17:13
  5. Ausgabe einer Website (URL) in eine Variable speichern?
    Von Torty im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 04.03.2005, 07:37

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •