Layout abändern

Gesperrt
Bloody
Beiträge: 11
Registriert: Mo 15. Jan 2007, 12:34
Kontaktdaten:

Layout abändern

Beitrag 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>
tinof
Beiträge: 197
Registriert: Mi 24. Jan 2007, 20:38
Wohnort: Kirchberg / Sa.
Kontaktdaten:

Beitrag 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 !
Für die Freizeit : www.hobbybrauer.de
Bloody
Beiträge: 11
Registriert: Mo 15. Jan 2007, 12:34
Kontaktdaten:

Beitrag 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?
wosch

Beitrag von wosch »

Bloody hat geschrieben:Wie bekomme ich die denn noch weg?
Grafik im Verzeichnis images/ bg. gif oder bg2.gif ansehen. 8)
Bloody
Beiträge: 11
Registriert: Mo 15. Jan 2007, 12:34
Kontaktdaten:

Beitrag von Bloody »

Danke für die schnelle Hilfe,

jetzt ist meine Seite auf 1024*768 ;)

Perfekt :D
Gesperrt