[CSS] Design anpassen

Dieses Thema im Forum "Webdesign" wurde erstellt von ekim0, 24. Januar 2011 .

Schlagworte:
  1. 24. Januar 2011
    Design anpassen

    hallo,

    und zwar hab ich ein problem beim anpassen von einem design an cms2day
    und zwar mein problem ist das wenn ich jetzt texte einfüge über cms2day das sie dann über die seite raus gehn (es gibt keine begrenzung)
    ich selber habe keine ahnung vom anpasssen (ist für ich das erstemal )

    Die Seite:
    Rebstockhexen Rottenburg e.V


    mein Code:
    Spoiler
    [nfo]<html>
    <head>
    <?php page_header(); ?>
    <style type="text/css">
    <!--
    body {
    background-image: url(includes/templates/rebstock/Bilder/background.jpg);
    background-repeat: repeat-x;
    background-color: #4e0202;
    }
    #page {
    width: 955px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    }
    #header {
    width: 955px;
    height: 170px;
    background-image:url(includes/templates/rebstock/Bilder/header.jpg);
    background-repeat: no-repeat;
    }
    #navi {
    width: 955px;
    height: 93px;
    background-image:url(includes/templates/rebstock/Bilder/navi.jpg);
    background-repeat: no-repeat;
    padding-left: 202px;
    }
    #content {
    background-image:url(includes/templates/rebstock/Bilder/ContentUP.jpg);
    background-repeat: repeat-y;
    }
    #contentarea {
    margin-left: 15px;
    padding-top: 15px;
    }
    #footer {
    width: 955px;
    height: 97px;
    background-image:url(includes/templates/rebstock/Bilder/footer.jpg);
    }
    .buttonclass {
    float: left;
    padding-top: 53px;
    }
    .footerclass {
    float: left;
    padding-left: 12px;
    }
    #impetc {
    padding-left: 600px;
    padding-top: 70px;
    }
    img {
    border:none;
    }
    a {
    text-decoration: none;
    color: #FFFFFF;
    }
    #conrechts {
    margin-left:625px;
    padding-bottom:5px;
    }
    #text {
    width:600px;
    margin-left:15px;
    padding-top:15px;
    float:left;
    }
    -->
    </style>
    </head>
    <body>
    <center>
    <div id="page">
    <div id="header"></div>
    <div id="navi">
    <div class="buttonclass" id="Home"><a href="?seite=1.home"><img src="includes/templates/rebstock/Bilder/navigation_09.jpg" width="72" height="37" alt="Home"></a></div>
    <div class="buttonclass" id="Vorstand"><a href="?seite=3.vostand"><img src="includes/templates/rebstock/Bilder/navigation_10.jpg" width="83" height="37" alt="vorstand"></a></div>
    <div class="buttonclass" id="Geschichte"><a href="?seite=4.geschichte"><img src="includes/templates/rebstock/Bilder/navigation_11.jpg" width="72" height="37" alt="geschichte"></a></div>
    <div class="buttonclass" id="Termine"><a href="?seite=5.termine"><img src="includes/templates/rebstock/Bilder/navigation_12.jpg" width="72" height="37" alt="Termine"></a></div>
    <div class="buttonclass" id="Bilder"><a href="?seite=6.bilder&action=1"><img src="includes/templates/rebstock/Bilder/navigation_13.jpg" width="72" height="37" alt="Bilder"></a></div>
    <div class="buttonclass" id="Gästebuch"><a href="?seite=7.gaestebuch&action=1"><img src="includes/templates/rebstock/Bilder/navigation_14.jpg" width="72" height="37" alt="Gästebuch"></a></div>
    <div class="buttonclass" id="Links"><a href="?seite=8.links"><img src="includes/templates/rebstock/Bilder/navigation_15.jpg" width="72" height="37" alt="Links"></a></div>
    </div>
    <div id="content">
    <div id="contentarea">
    <div id="text">
    <?php page_content(); ?>
    </div>
    <div id="conrechts">
    <img src="includes/templates/rebstock/Bilder/rimg0399.jpg" width="222" height="271" alt="hexxe"></div>
    </div>
    </div>
    </div>
    </center>
    <center>
    <div id="footer">
    <div id="impetc">
    <div class="footerclass" id="Startseite"><a href="?seite=1.home">Startseite</a></div>
    <div class="footerclass" id="Kontakt"><a href="?seite=11.kontakt">Kontakt</a></div>
    <div class="footerclass" id="Intern"><a href="?seite=2.intern">Intern</a></div>
    <div class="footerclass" id="Downloads"><a href="?seite=14.download">Downloads</a></div>
    <div class="footerclass" id="Impressum"><a href="?seite=13.impressum">Impressum</a></div>
    </div>
    </div>
    <div id="cms2day">
    <?php page_footer(); ?>
    </div>
    </center>
    </body>
    </html>
    [/nfo]
     
    + Multi-Zitat Zitieren
  3. 24. Januar 2011
    AW: Design anpassen

    das einfachste wäre glaube ich wenn du einfach ne tabelle machst mit einer zeile und 2 spalten ... und die divs für den inhalt da wegmachst

    sprich:

    <table>
    <tr>
    <td>Hier dein Text</td>
    <td><img src="xxxBildxxxx" /></td>
    </tr>
    </table>
     
    + Multi-Zitat Zitieren
  4. 24. Januar 2011
    AW: Design anpassen

    tables halte ich für diesen Einsatz gänzlich ungeeignet...
    es hätte gereicht dem contentarea div eine feste breite zu geben (kleiner breite der page) und ein padding für Abstand links und rechts je: (breite der Page - breite ContentArea)/2
    .
     
    + Multi-Zitat Zitieren
  5. 25. Januar 2011
    AW: Design anpassen

    stimmt, klar ... bin ich dumm ... hab gestern rumprobiert am code und bin nicht drauf gekommen ... ist natürlich die bessere lösung

    #conrechts {
    margin-left:225px;
    padding-bottom:5px;
    float: rigth;
    }
    #text {
    width:400px;
    margin-left:15px;
    padding-top:15px;
    float: left;
    }
     
    + Multi-Zitat Zitieren
  6. 26. Januar 2011
    AW: Design anpassen

    Kannst du dir ja am besten für die Zukunft merken.
    Tabellen nur dann nehmen wenn du umbedingt eine Tabelle brauchst (auch das ist meistens mit Divs zu lösen), aber niemals zu Layout-Zwecken, macht nur Probleme.

    greetz
     
    + Multi-Zitat Zitieren
  7. 26. Januar 2011
    AW: Design anpassen

    danke ... mach ich eigentlich auch so ... aber ich bin vorgestern da echt einfach nicht drauf gekommen die längen anzupassen
     
    + Multi-Zitat Zitieren
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten