fertiges Layout rechts vergrössern wie?

mistral1 · 18.01.2009

Hallo, kann man ein fertiges layout aus dem netz rechts um eine Spalte erweitern? Wenn ja, was muss ich tun.

sfischer · 18.01.2009

AW: fertiges Layout rechts vergrössern wie?

hallo,

man kann alles! aber es kommt auf das layout und für welches system es ist an.
ein paar informationen musst du schon noch geben!

gruß sfischer

mistral1 · 18.01.2009

AW: fertiges Layout rechts vergrössern wie?

Was meinst du mit System. Ich erstelle mit Dreamweaver. CSS Layout. Bitte bedenken ich stehe am Anfang

Ultraflip · 19.01.2009

AW: fertiges Layout rechts vergrössern wie?

Mit System meint sfischer sicherlich ein CMS wie Joomla/etc. ... Screenshot und Quelltext her und wir gucken mal, was wir für Dich tun können

MfG
Tobi

mistral1 · 19.01.2009

AW: fertiges Layout rechts vergrössern wie?

hallo,
hier der Quelltext
Ich meine ob ich rechts noch etwas dran packen kann

HTML:

<!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">
<head>
<title>Alles über Formel 1 - DTM - Nascar - WTCC</title>
<meta name="Description" content="Aktuelles, News, Informationen über Fahrer und Teams, aktuelle Punktestände, Bilder nur auf Motorsport.Computeresel de, Formel 1, DTM, Nascar, WTCC, hier gibt es ständig aktuelles rund um den motorsport, letzte news, news aus der formel1, " />
<meta name="Keywords" content="aktuelles, news, nachrichten, informationen, bilder, fahrer, teams, motorsport, computeresel, motorsport computeresel, wm-tabelle auf 
motorsport computeresel de, rennergebnisse, weiterempfehlen, durchklicken, information, motorsport, überwiegend, informiert, berichte, strecken, einfach, fahrer, finden, formel, nascar, WTCC, DTM, genug, kommt, kurz., nicht, sport, teams, night race, fastforward musik, singapur, bmw, mercedes, nascar, rennkalender, formel1, wtcc und weiter rennserien, Bilder, formel1, formel 1, rennkalender, " />
<meta name="abstract" content="Formel 1, DTM, Motorrad, Rallye, Autonews, sonstiger Motorsport auf motorsport.computeresel.de, aktuelles rund um den motorsport, letzte news, news vom motorsport," />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="after 14 days"/>
<meta name="verify-v1" content="9AZWXfL8jcXpgNNzK3oqikaFBPn79gGnWTFxeNBENqc=" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="file-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Language" content="de" />
<meta http-equiv="cache-control" content="no-cache" />
<meta name="author" content="motorsport computeresel.de w.c.sch" />
<meta name="publisher" content="motorsport computeresel.de w.c.sch" />
<meta name="copyright" content="motorsport computeresel w.c.sch" />
<meta name="distribution" content="global" />
<meta name="language" content="deutsch" />
<link href="default.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<!--
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];}
}
//-->
<style type="text/css">
<!--
img{
border:0px;
}
.Stil1 {color: #aabdd0}
.ö {
    text-align: left;
    color: #686f76;
}
.Stil2 {color: #fff}
.Stil3 {text-align: left}
.f {
    font-weight: bold;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_leftcolumn .newssection h4 .f {
    font-weight: bold;
    color: #F60;
}
.f {
    color: #F60;
}
.ö {
    color: #FFF;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_leftcolumn .newssection h4 {
    color: #F60;
    font-size: 12px;
}
h4 {
    color: #F60;
}
h4 {
    color: #F60;
}
#templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_leftcolumn .newssection h4 {
    color: #F60;
}
#templatemo_wrapper1 #templatemo_wrapper2 #t3 {
    color: #F60;
}
d {
    color: #F60;
}
.g {
    color: #F60;
}
.g {
    color: #F60;
}
e {
    color: #F60;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_rightcolumn .onecolumn ul {
    color: #FFF;
}
.f {
    color: #F60;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_leftcolumn .newssection .f strong {
    color: #F60;
}
.f {
    color: #F60;
}
a:link {
    text-decoration: underline;
}
a:visited {
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: underline;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_rightcolumn .onecolumn p {
    color: #06F;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_rightcolumn .onecolumn p {
    color: #FFF;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_rightcolumn .onecolumn p {
    color: #06F;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_rightcolumn .onecolumn p {
    color: #FFF;
}
b {
    color: #06F;
}
.b {
    color: #06F;
}
.b {
    color: #ff6000;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_rightcolumn .form_row blockquote .form_row {
    font-size: 12px;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_rightcolumn .form_row blockquote h6 {
    font-size: 12px;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_leftcolumn .login_form table tr th {
    color: #FFF;
    text-align: left;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_leftcolumn .newssection table tr th {
    color: #FFF;
}
#templatemo_wrapper1 #templatemo_wrapper2 #templatemo_container #templatemo_content #templatemo_leftcolumn .spacetobottom table tr th {
    text-align: left;
}
.d {
    font-size: 12px;
}
.f {
    color: #ff6000;
    font-size: 14px;
}
-->
</style>
<script src="DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body onload="MM_preloadImages('Bilder/Nordschleife.jpg','Bilder/f1hockenheim.jpg')">
<div id="templatemo_wrapper1">
<div id="templatemo_wrapper2">
    <div class="form_row" id="templatemo_container">
    
        <div id="templatemo_menu">
         <ul>
            <li><a href="index.html"  class="current">Home</a></li>
            <li><a href="Formel_1.html">Formel1</a></li>
            <li><a href="DTM_1.html">DTM</a></li>
            <li><a href="Fahrer_Teams_1.html">Fahrer/Teams</a></li>  
            <li><a href="Rennkalender_1.html">Rennkalender</a></li>                      
            <li><a href="Rennergebnisse_1.html" class="lastmenu">Rennergebnisse</a></li>            
        </ul>  
    </div>
    
    <div id="templatemo_header_banner">
         <div id="templatemo_header">
            <div id="templatemo_sitetitle">
                Night<span> Race</span>            </div>
      <div id="templatemo_tagline">Singapur Straßenkurs 2009 das Highlight</div>
        </div>
        <div id="templatemo_banner">
            <div id="templatemo_bannertext">
                Herzlich Willkommen bei<br /><span>motorsport.computeresel.de</span><br />
                Die Seite für Formel1 - DTM - WTCC - Nascar
            </div>
        </div>
    </div>
    
    <div id="templatemo_content">
      <div id="templatemo_leftcolumn">
        <div class="login_form">
          <table width="240" border="1">
            <tr>
              <th bgcolor="#333333" scope="col">Menü</th>
              </tr>
            </table>
          <h1 align="center">&nbsp;
  </h1>
          <p align="center"><span class="b"> <img src="Bilder/pfeil.gif" width="19" height="7" /> </span> <a href="ALMS.html">Le Mans Series</a></p>
          <p align="center"><span class="b"> <img src="Bilder/pfeil.gif" width="19" height="7" /> </span> <a href="Gallerie.html">Formel1 Bildergallerie</a></p>
          <p align="center">&nbsp;</p>
          <div align="center"> <span id="c1" style="FONT: bold 20px arial; COLOR: green;"></span><br />
            <span id="c2" style="FONT: bold 15px arial; COLOR: blue;">;</span><br />
            <small>...bis zum 29 März 2009 / 7:00 Uhr</small> </div>
          <pre class="d" align= " center"> Dem Start der Formel1 Saison 2009
</pre>
          </div>
  <div class="login_form">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0','width','150','height','30','align','','src','http://www.repage3.de/memberdata/jb-uhren/digitaldatum15','quality','high','bgcolor','#FFFFFF','wmode','transparent','pluginspage','http://www.macromedia.com/go/getflashplayer','menu','false','movie','http://www.repage3.de/memberdata/jb-uhren/digitaldatum15' ); //end AC code
</script><noscript></noscript>
  <script type='text/javascript'>
// Erstellt mit dem Countdown-Generator - Homepage-Total.de
var end = new Date('March 29, 2009 20:00:00');
function toSt2(n) {
  s = '';
  if ( n < 10) s += '0';
  return (s + n).toString();
}
function toSt3(n) {
  s = '';
  if (n < 10) s += '00';
  else if ( n < 100) s += '0';
  return (s + n).toString();
}
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').innerHTML = days + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds;
    setTimeout('countdown()', 100);
  }
}
countdown();
</script>
  &nbsp;
  <h1 align="center"><a href="http://www.nuerburgring.de/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','Bilder/Nordschleife.jpg',1)"><img src="Bilder/Nordschleife.jpg" name="Image9" width="200" height="145" border="0" id="Image9" /> </a></h1>
    </div>
        
  <div class="login_form">
    <h1 align="center"><a href="http://www.hockenheimring.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','Bilder/f1hockenheim.jpg',1)"><img src="Bilder/f1hockenheim.jpg" name="Image11" width="203" height="154" border="0" id="Image11" /> </a></h1>
  </div>
        <div class="spacetobottom">
          <p>&nbsp;</p>
  <table width="100%" border="1" >
    <tr>
      <th bgcolor="#333333" scope="col">Aktuelle News</th>
      </tr>
          </table>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          </div>
        <h1>&nbsp;</h1>
        <div class="newssection">
          <div class="month" style="overflow:auto; height:300px;">
            <h4 class="f">&nbsp;</h4>
            <h4 class="f">&nbsp;</h4>
            <p class="f">Ferrari verlegt Rollout nach Mugello: Der Winter hat zugeschlagen</p>
            <p>Eigentlich hätte der neue Ferrari kommenden Montag, den 12. Januar in  Fiorano der Welt vorgestellt werden sollen. Da aufgrund der  winterlichen Bedingungen an der Teststrecke aber an eine Ausfahrt  aktuell nicht zu denken ist, wurde der Rollout nach Mugello verlegt.  Groß präsentiert wird das Auto nicht. Ferrari wird auf seiner Homepage  Bilder und Daten des neuen Wagens zur Verfügung stellen.</p>
            <h4 class="f">&nbsp;</h4>
            <h4 class="f">&nbsp;</h4>
            <h4 class="f"><strong>Der neue Bolide des AT&amp;T Williams Formel 1 Teams wird am 19. Januar  präsentiert. </strong></h4>
            <p>&nbsp;</p>
            <p><strong>Der neue Williams-Toyota, der FW31 wird auf der 4.7km  langen Rennstrecke Algarve Motor Park in der Nähe von Portimao in  Portugal sein Debüt machen.</strong></p>
            <p>&nbsp;</p>
            <p><strong>PC-Hersteller</strong><strong class="f"> Lenovo</strong></p>
            <p><strong> wird Partner des  Vodafone McLaren Mercedes Teams. Ab der Saison 2009 bilden die  Notebooks und Desktops von Lenovo die erfolgskritischen  Computerlösungen des Teams ? auf der Rennstrecke und am Hauptsitz in  Woking, England.</strong>          </p>
            <p>&nbsp;</p>
            </div>
          <h4>&nbsp;</h4>
  </div>
        <div class="newssection">    
          <h4>&nbsp;</h4>
  </div>
        
        <div class="newssection">    
          <h4 class="f">&nbsp;</h4>
  <p><a href="" target="_blank"><img src="http://www.directcounter.de/dc/?uid=778656689" border="0" alt="" /></a><br />
  </p>
          </div>
        <div class="more_button">
          <p><a href="#">nach oben</a>              </p>
          <p><a href="http://www.mlm-infos.com"><span class="b"><img src="Bilder/pfeil.gif" width="19" height="7" /> </span>MLM</a>          </p>
          </div>
        <p>&nbsp;</p>
        <p><a href=""><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
          <a href=""><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a></p>
</div>
      <div id="templatemo_rightcolumn">
            <div class="form_row">
                <h1>Welcome to our website</h1>
                <p>Wollen sie wissen was in der Formel1 - DTM und anderen Rennserien so los ist, dann sind Sie hier genau richtig. </p>
                <p>Hier gibt es immer TOP - AKTUELLE News !</p>
              <p>&nbsp;</p>
                <p>____________________________________________________________________________              </p>
            <p><span class="f">Das ist ja ein Ding: Ron Dennis McLaren Teamchef  schmeist alles hin.</span></p>
            <p>Am 15.01.09  hat Ron Dennis überraschend seinen Rücktritt erklärt. Zum 01.03.09 schmeist der 61j. alles hin und die Saison fängt am 31.03.09 an. warum nicht früher?</p>
            <p>Sein Bereich für L. Hammelton übernimmt in Zukunft <u>Martin Whitmarsh</u>. </p>
            <p>Seit 1981 war er Mitbesitzer und Teamchef von McLaren. Schade er war sehr sympatisch. Im sei aber der Ruhestand gegönt.</p>
            <p>Hier kann man nur sagen die Saison fängt ja gut an. </p>
            <p>&nbsp;</p>
<script type="text/javascript">
            var box = {};
            window.addEvent('domready', function(){
                box = new MultiBox('mb', {
                    useOverlay: true,
                    container: document.body,
                    contentColor: '#FFF',
                    showNumbers: true,
                    descClassName: 'multiBoxDesc',
                    path: 'multibox/'
                });
            });

</script>
            <p>____________________________________________________________________________</p>
            <p>&nbsp;</p>
            <p>Johannes B. Kerner - Michael Schumacher</p>
            <p>Am 13.01.2009 gab es ein sehr gutes Interview von M. Schumacher.</p>
            <p>Wer das ganze noch einmal sehen möchte, gibt es das vollständige Gespräch</p>
            <p>in der <a href="http://www.zdf.de/">ZDF - Mediathek</a></p>
            <p>einfach anschauen ein muss.</p>
            <p>------------------------------------------------------------------------------------------------------------------------------------</p>
            <p>Der neue Ferrari F60, Einsatz-Bolide von Räikkönen und Massa für die Formel-1-Saison 2009 wurde in Mugello vorgestellt. </p>
                <p><img src="Bilder/Ferrari09.jpg" width="371" height="209" /> </p>
            <p>&nbsp;</p>
<p>------------------------------------------------------------------------------------------------------------------------------------  </p>
<p><span class="b">Stimmt für den Besucher Award 2009 damit der motorsport nach</span> <span class="b">oben kommt.</span></p>
<p align="left"><span class="b">Hier gehts zur Abstimmung</span> <a href="http://www.besucher-award.de/index.php?cid=5">Klick hier....</a> </p>
<blockquote>
              <p align="left"><span class="b"><img src="Bilder/pfeil.gif" width="19" height="7" /> </span> Motorenreglement für 2009 wieder geändert <a href="News_8.html">mehr...</a></p>
<p align="left"><span class="b"><img src="Bilder/pfeil.gif" width="19" height="7" /> </span>Neuer DTM Rennkalender der Formel1 ausgewichen <a href="DTM_News_2.html">mehr...</a></p>
              <p align="left"><span class="b"><img src="Bilder/pfeil.gif" width="19" height="7" /> </span>Zwischen Hoffen und Bangen: Stadt Hockenheim setzt Ultimatum.                  
                <a href="News_4.html">mehr...</a></p>
              <p align="left"><span class="b"><img src="Bilder/pfeil.gif" width="19" height="7" /> </span> Ferrari kehrt in zum Ampelsystem zurück <a href="News_6.html"> mehr..</a>              </p>
              <p align="left"><span class="b"><img src="Bilder/pfeil.gif" width="19" height="7" /> </span> BMW Sauber im Plan: Für die Präsentation bereit <a href="News_3.html">mehr...</a></p>
              <p align="left"><span class="b"><img src="Bilder/pfeil.gif" width="19" height="7" /> </span> <strong>Formel-1-Vorstellungstemine 2009</strong> <a href="Formel_1.html">mehr...</a></p>
<p align="left">---------------------------------------------------------------------------------------------------------------</p>
<p><img src="Bilder/webber_02.jpg" width="260" height="146" align="right" /> </p>
<p>Debüt des neuen Red Bull erst im Februar</p>
<p>Es wird noch etwas dauern, bis Sebastian Vettel mit dem neuen Red-Bull-Boliden über den Asphalt jagen <a href="News_7.html">mehr...</a></p>
<p>&nbsp;</p>
<p>---------------------------------------------------------------------------------------------------------------</p>
       <script type="text/javascript">
            var box = {};
            window.addEvent('domready', function(){
                box = new MultiBox('mb', {
                    useOverlay: true,
                    container: document.body,
                    contentColor: '#FFF',
                    showNumbers: true,
                    descClassName: 'multiBoxDesc',
                    path: 'multibox/'
                });
            });
</script>
</blockquote>
<table width="180" align="left">
<tr>
                  <th scope="col"><img src="Bilder/Schumibenneton.jpg" width="142" height="84" class="current" /> </th>
              </tr>
              </table>
              <p align="left" class="twocolumn">Die deutsche Sport-Legende ist 40</p>
              <p>Am 3. Januar feierte Michael Schumacher seinen 40.Geburtstag. Obwohl er  seit 2006 keine F1-Rennen mehr fährt, ist er dem Motorsport stets treu  geblieben</p>
              <p> ------------------------------------------------------------------------------------------------------------------------------------</p>
          <p>&nbsp;</p></div>
                                
            <div class="spacetobottom"><a href="http://www.sportscheck.com/is-bin/INTERSHOP.enfinity/WFS/Sportscheck-SportscheckDe-Site/de_DE/-/EUR/SPM_BrowseCatalog-Storefront;sid=7q1TPFRbs7dHPB0_OwhWVDhRg6qeemnEIw3I1JJPzAYA5mGYPKknIyPiuCD2RQ=="><img src="Bilder/SportScheck.jpg" width="234" height="60" /> </a><a href="http://www.ilove.de/?ref=394567&amp;affmn=118&amp;affmt=1"><img src="Bilder/rotation_234x60.gif" width="234" height="60" /></a></div>
            
            <div class="twocolumn">
<p>&nbsp;</p>
              <div class="twocolumn_box">
<h1><img src="Bilder/alonso_01.jpg" width="230" height="146" /> </h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Alonso nach Fluzeugunfall wohl auf</p>
<p>Für Fernando Alonso und Ehefrau Raquel wurde das Ende eines Silvesterurlaubs in Afrika zu einer nervlichen Zerreißprobe. </p>
<div class="more_button"><a href="#">nach oben</a></div>
              </div>
              <div class="twocolumn_box">
              <div class="more_button">
                    <p>Nachdem das Ehepaar den Beginn des neuen Jahres auf dem Feriendomizil  von Renault-Teamchef Flavio Briatore in Kenia genossen hatte, bestiegen  sie am Sonntag ihren Privatjet in Richtung Heimat.</p>
<p>Auf dem Rückflug von Nairobi streifte das Flugzeug des zweimaligen  Formel-1-Weltmeisters noch vor dem Start ein Gebäude an der Rollbahn.  Bei der Kollision erlitt ein Flügel starke Schäden - die Insassen  blieben unverletzt und kamen noch einmal mit dem Schrecken davon.</p>
                    <p>Renault-Pilot Fernando Alonso und seine Frau verschoben ihren Rückflug  um einen Tag, trauten sich aber bereits wieder in den Flieger zu  steigen. <br />
                </p>
</div>
              </div>
          </div>
            
               <div class="spacetobottom">
                 <p>&nbsp;</p>
                 <p>&nbsp;</p>
               </div> 
            
            <div id="gallery">
            <h1>Noch mehr News aus der Formel1</h1>
                <div class="gallery_column">
                  <p>&nbsp;</p>
                  <p><img src="Bilder/Hammelton.jpg" alt="" width="156" height="121" /></p>
                  <p>Hamilton erwartet schwieriges 2009: Viele Gegner</p>
                  <p><strong>Lewis  Hamilton ist der Ansicht, dass die radikalen Veränderungen eine  Titelverteidigung nicht leicht machen. Ferrari und BWM sind die  Konkurrenten für McLaren.</strong></p>
                  <p>&nbsp;</p>
              </div>
                
              <div class="spacetoright"></div>
                
                <p>&nbsp;</p>
                <div class="gallery_column"><img src="Bilder/lauda.jpg" width="156" height="124" />
                  <p><a href="#">Durch das Aus von Honda ist die Finanzkrise endgültig  in der F1 angekommen. &quot;Das ist nur der Anfang&quot;, fürchten die Experten  Lauda und Berger. Ecclestone spricht von einer Schande. </a></p>
                  <p>&nbsp;</p>
              </div>
                
              <div class="spacetoright"></div>
               
                <div class="gallery_column"><img src="Bilder/vettel4.jpg" width="158" height="125" />
                  <p>Vettel für Motorsport Oscar nominiert. </p>
                  <p>Sebastian Vettels Leistungen finden große  Anerkennung. Nun wurde der 21-Jährige sogar für den 'Motorsport-Oscar'   in der Kategorie des 'Besten Fahrers' nominiert.</p>
              </div>
                
              <div class="more_button">
                <p><a href="#">Nach oben</a></p>
                <p>&nbsp;</p>
              </div>
            </div>
            <div class="spacetobottom"></div>

        </div>
    </div>
    <div id="templatemo_footer">
        <a href="index.html">Home</a> | <a href="Impressum.html">Impressum </a>| <a href="#">Solutions</a> | <a href="#">Partners</a> | <a href="#">News</a> | <a href="mailto:motorsport.computeresel@arcor.de">contact</a><br />
        Copyright © 2008<strong> motorsport.computeresel.de </strong>| Designed by w.c.sch</div>
    </div>
</div>
</div>
</body>
</html>

feelx75 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Du lädst ja zwei weitere CSS Dateien (default.css und templatemo_style.css)

In denen müssten die Masse der entsprechenden DIVs sein. Ohne zu wissen, wie die aussehen, ist es ein Stochern im Nebel. Du kannst aber selbst mal nach einem "width=xxx px" suchen und versuchsweise vergrössern. ABER damit könnten weitere Probleme verbunden sein, z.B. wenn sie eine Hintergrundgrafik enthalten und diese nicht "kachelt".

Hast du vielleicht einen Link? Das würde sicher helfen.

Ultraflip · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Richtig

und bitte auch nen Screenshot drannhängen ... wir haben ja keine Deiner Grafiken!

LG
Tobi

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Es geht j nur darum dass ich rechts auch noch etwas reinpacken kann um das ganze aufzupeppen, oder habt iht eine Idee

paradoX1111 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Wenn du rechts noch eine Sidebar oder ähnliches hinzufügen willst, würde ich erstmal den Container vergrößern in der template_style.css:

HTML:

#templatemo_container {color:#D6D6D6;margin:auto;width:1160px;}

Der Originalwert (width) beträgt hier 960px. Die Breite der Sidebar (+ vielleicht 10,20px als margin) einfach dazuaddieren.

Füge dann in der index.html vor

HTML:

<div id="templatemo_menu">

folgenden Code ein:

HTML:

<div style="width:200px;margin-top:75px;float:right;">Inhalt</div>

Statt Inhalt eben das, was du in der rechten Spalte haben willst.
€: width definiert wieder die breite der Sidebar.
Dürfte eigentlich funktionieren,

Gruß
Kris

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Jo, es geht. Aber ist nicht möglich da auch den schw. Hintergrund hinzubekommen wie links?

paradoX1111 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

HTML:

<div style="width:200px;margin-top:75px;float:right;background-color:#06080a;">Inhalt</div>

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Alles Wunderbar. Jetzt habe ich das aber nur auf der Startseite. Auf den Unterseiten ist das nicht. Ich müsste mich entweder damit begnügen das die anders aussehen oder ich muss das auf allen seiten einfügen? Habe ich da Recht?
Schaue es dir doch bitte mal an und sage mir doch einmal wie es dir gefällt ob ich es evtl. so lassen kann.

paradoX1111 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Also, erstmal musst du noch in der templatemo_style.css im Bereich "templatemo_container" die Breite (width) höher stellen, am besten auf "1160px".

Und ja, du müsstest es auf allen Unterseiten einfügen. Das Problem ist folgendes:
Damit der Bereich rechts korrekt angezeigt wird, musst du den Container vergrößern in dem die ganzen Spalten der Seite liegen. Wenn du dies tust, rutscht die Webseite nach links, so dass rechts genügend Platz ist für die Sidebar.
Jetzt greifen aber alle HTML-Dateien auf diese CSS-Datei zu, in der die Breite für den Container-Bereich definiert ist. D.h. wenn du nicht in allen Unterseiten die Sidebar einfügst, sieht die Seite komisch aus, da sie nach links verschoben ist. (Vorallem bei höheren Auflösungen)
Jetzt kannst du folgendes tun:

1. Du fügst bei jeder Unterseite, sprich bei "Fahrer_Teams_1.html", "Rennkalender_1.html", usw. den Code für die Sidebar ein.
Dann hast du eben bei jeder Unterseite auch diese Sidebar. Mich persöhnlich würde das nicht umbedingt stören. (Mal abgesehen davon, dass mir das Design der Homepage eh nicht so 100%ig zusagt...)

2. Du kopierst die "templatemo_style.css" und gibst der Kopie einen neuen Namen. Z.B. "templatemo_style2.css". In der 1. Version lässt du die Breite vom Container auf "960px". In der 2. Version änderst du die Breite auf "1160px". Nun musst du nur noch in der index.html diesen Bereich:

HTML:

<link type="text/css" rel="stylesheet" href="templatemo_style.css">

durch folgenden ersetzen:

HTML:

<link type="text/css" rel="stylesheet" href="templatemo_style2.css">

Also den Namen für die CSS-Datei ändern.
Jetzt hättest du eine Homepage, bei der auf der Startseite die Sidebar angezeigt wird, aber auf allen Unterseiten nicht.
Hätte den Vorteil, dass man auf der Unterseite, wo es ja hauptsächlich um themenbezogene Informationen geht, nicht von 1000 Bildern, Infos, Links, etc. erschlagen wird.

Was du im Endeffekt umsetzen willst, musst du selber wissen.
Ich bin persönlich eher für die 2. Lösung.
Ich hoffe du kannst mit meinen Ausführungen was anfangen.

Gruß
Kris

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Ich hatte es beim ersten mal auf 1160 stehen im Cont.
Was gefällt Dir am styl nicht. hast Du eine Seite wo bessere Templ. zur Verfügung gestellt werden?

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Ja da habe ich es doch schon, wenn dir die 2 Lösung besser gefällt. Ich habe doch auf den unterseiten rechts keine Sidebar. Ist doch gut so? Ich glaube jetzt dreht es sich doch nur noch um die Breite,oder?
Wo ungefähr steht der link um den zu erstzten?

paradoX1111 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

mistral1 schrieb:
Was gefällt Dir am styl nicht. hast Du eine Seite wo bessere Templ. zur Verfügung gestellt werden?

Ich bin allgemein kein Fan von Templates. Wenn man sich schon die Mühe macht und eine eigene Homepage erstellt, dann sollte sie IMO auch individuell sein. Es sind eher Kleinigkeiten die mich persönlich stören:

Der Countdown. Zu groß, zu viel Margin, passt farblich nicht zu restlichen Seite.
Menü (links unter Countdown). Der Rahmen sieht einfach unprofessionell und langweilig aus. Hier ist auch wieder viel zu viel Platz in allen Richtungen.
Counter. Nach unten hin viel zu viel Platz. Ich würde keinen Fertigcounter nehmen, sondern ein (meinetwegen auch fertiges) Script includen (Java,PHP) und individuell an den Homepage-Style anpassen. Das Grau passt nicht zur restlichen Seite.
Die Schriften sind alle bold. Ich kann dir raten, dich mal mit Textformatierung auseinanderzusetzen. Ich finde es anstrengend den Text zu lesen, da er viel zu viel hervorsticht. Ausserdem ist er IMO durch fehlende unterschiedliche Formatierungen zu unübersichtlich.
Formel 1: Die Tabelle ist hässlich. Sorry, wenn das hart klingt, aber sie sieht einfach nicht gut aus. Dieser 3D-Effekt ist störend. Ich würde verschiedene Hintergrundfarben für Spalten und Zeilen empfehlen (verschiedene Grau/Schwarz-töne) und vielleicht einen einfach 1px solid Rahmen mit einem mittleren Grauton.
Hier ist auch von der Übersichtlichkeit wieder Chaos. Was sollen die leeren Boxen da unten? Wieso ist das Audi-Logo dreimal nebeneinander?
DTM. Das Gleiche. Schriften wieder alle bold. Warum ist da ein Pfeil mit nichts dahinter? Bildunterschriften in den Boxen unten würden gut tun.
Fahrer/Teams. Ok, sieht von der Aufteilung ganz gut aus. Schriften sind allerdings wieder bold und die Bilder in den Boxen sind ohne Unterschrift nichtssagend.
Der Rennkalender ist wieder so eine Standard-Tabelle mit unschönem 3D-Rahmen...
usw.

mistral1 schrieb:
Ja da habe ich es doch schon, wenn dir die 2 Lösung besser gefällt.

Falsch. Du musst wissen was DU machst. Feedback und Kritik ist wichtig, aber verlass dich doch auf deine eigenen Eindrücke und mach nicht immer das, was andere dir sagen. Wenn du der Meinung bist, dass Lösung 1 besser passt, dann mach das auch.

mistral1 schrieb:
Ich habe doch auf den unterseiten rechts keine Sidebar. Ist doch gut so? Ich glaube jetzt dreht es sich doch nur noch um die Breite,oder?
Wo ungefähr steht der link um den zu erstzten?

Das <link> Tag steht im Header Bereich der index.html.
Die Breite würde ich auf jeden Fall ändern, da bei mir (FFX 3.0.5, 1152x864) die Sidebar über der eigentlich Seite angezeigt wird. Das sieht nicht nur unschön aus, es ist auch ziemlich unpraktisch. Wenn du die Container-Breite änderst ist das Problem behoben. (Wie das geht steht alles oben in meinem letzten Post)

Wenn du nach Tips zur Text-Formatierung suchst, schau dich einfach mal ein bisschen bei Google um. Da findest du mit Sicherheit irgendwas. (Typographie ist halt sehr theorielastig und langweilig ^^)
Ich hoffe ich konnte dir helfen.

cheers, Kris

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Habe ihn jetzt mal auf 1300 gestellt. Schaue esdir mal an. Habe einen 2 PC mit einem 19 Moni ich finde das geht.
Wäre gut mit einer Info für eine seite mit kostenl. Templ.
Danke

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Wo bekomme ich solche Counter her die Du meinst? Verstehe ich bin Anfänger

mistral1 · 20.01.2009

AW: fertiges Layout rechts vergrössern wie?

Noch eine Frage. Ich nehme die Tabellen in DW. Kann man welche selbst erstellen das man sie verändern kann so wie du es beschrieben hast?