Seite 1 von 1

Layout abändern

Verfasst: Mi 4. Apr 2007, 13:56
von Bloody
Hallo Leute,

kann mir einer euch behilflich sein, und das mir die Stellen nennen die ich im Standart Layout ändern muss, um dieses von 800*600 auf 1024*768 anzupassen. Ich komme da einfach nicht weiter.

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>TITEL.</title>
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
	<!--[if IE]>
		<style>
			#imagecolumn {
				width:170px;
			}
			#logo {
				margin-top:0;
			}
			#navipath {
				padding-top:2px;
			}
			.balken {
				background-position:0px 0px ;
			}				
			#additionalnavi {
				padding-top:2px;
			}
        </style>
	<![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>
</head>
<body>
<div id="outer"> 
	<div id="innerwrap"> 
		<div id="centrecontent"> 
			<div id="navipath">
				<container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>
			</div>
			<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
			<container id="12" name="Text" types="Content" default="">Content 1</container>
			<container id="15" name="Text" types="Content" default="">Content 2</container>
			<container id="22" name="Text" types="Content" default="">Content 3</container>
			<container id="24" name="Text" types="Content" default="">Content 4</container>
			<container id="26" name="Text" types="Content" default="">Content 5</container>
			<container id="28" name="Text" types="Content" default="">Content 6</container>
			<br/><br/>
			<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gif" width="1" height="1" border="0" alt="" title=""/></td></tr></table>
			<div id="bottomnavi">
				<container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
			</div>			
		</div>
		<div id="left"> 
			<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
		</div>
	</div>
	<div id="right"></div>
	<div id="clearfooter"></div>
	<div id="header"> 
		<div id="additionalnavi"><container id="50" name="Hilfsnavigation" types="Navigation" mode="fixed" default="Hilfsnavigation">Hilfsnavigation</container></div>
		<div id="logo">
			<table width="780" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td><a href="front_content.php" title="Zur Homepage"><img src="images/logo.gif" width="48" hspace="30" height="61" border="0" alt="Logo" title="Logo"/></a></td>
					<td align="right"><img src="images/blank.gif" width="449" height="1" border="0"/></td>
					<td align="right"><container id="80" name="Illustration" types="Content" default=""></container></td>
				</tr>
				<tr>
					<td colspan="3" class="balken"><img src="images/blank.gif" border="0" width="780" height="5" alt=""/></td>
				</tr>
			</table>
		</div>
	</div>
</div>
<div id="imagecolumn">
       <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
       <tr><td align="center">unsere Werbepartner</td></tr>
       <tr><td><img src="upload/bilder/animation.gif" width="153" height="72" border="0"></td></tr>
       <tr><td height="10"></td></tr>
       <tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gif" width="1" height="1" border="0" alt="" title=""/></td></tr>
       </table>
        <container id="70" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="72" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="74" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
   </div>
</body>
</html>

Verfasst: Mi 4. Apr 2007, 15:29
von tinof
Hallo,

diese Änderung mußt du in der Stylesheet - Datei \cms\css\style.css machen.

Die tags id="xxx" im Layout verweisen auf die entsprechende Blöcke "xxx" { .. } im stylesheet.

Dort an den width - Parametern spielen.

Ich hoffe das klappt, ich bin HTML - Einsteiger....

Viel Erfolg !

Verfasst: Mi 4. Apr 2007, 15:56
von Bloody
Danke dir,

ich habe alles "verschoben" bekommen bis auf die beiden orangen Striche rechts, die bleiben immer da wo sie waren.
Wie bekomme ich die denn noch weg?

Verfasst: Mi 4. Apr 2007, 18:32
von wosch
Bloody hat geschrieben:Wie bekomme ich die denn noch weg?
Grafik im Verzeichnis images/ bg. gif oder bg2.gif ansehen. 8)

Verfasst: Do 5. Apr 2007, 07:52
von Bloody
Danke für die schnelle Hilfe,

jetzt ist meine Seite auf 1024*768 ;)

Perfekt :D