hab auch ein problem :(

Anilga · 17.12.2009

Hallo,
will einen Newsletter machen (.
Verwendete Programme sind:
für die grafiken photoshop cs3
für die codes usw dreamweaver cs3

Wenn ich für den Text einen Abstand zur oberen Grafik eingebe
verschiebt sich das ganze Layout.
Habe schon mehrere Befehle probiert und auch nocheinmal
ganz neu angefangen, funktioniert aber leider nichts.
Bitte um eure Hilfe

hier meine codes:
html:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>COMhome - Newsletter</title>
<link rel="stylesheet" type="text/css" href="newsletter.css">
</head>


<body>

    <div id="wrapper" align="center">
               
        <div id="top">
          <p><img src="http://www.comhome.at/everyone/newsletter/newsletterheadklein.png" alt="top" /></p>
        </div>
        
<div id="left">
             <p><img src="http://www.comhome.at/everyone/newsletter/seitlichalles.png" alt="left"/></p>
      </div>
        
        
         <div id="text">
              <h1>  Herzlich Willkommen zu unserem ersten Newsletter! </h1>
            Dieser Newsletter wird Ihnen in Zukunft einmal pro Moant über die neuesten Erkenntnisse in der IT-Welt berichten.
            Außerdem wird jedes mal ein praktisches, wichtiges Programm als Tipp vorgestellt.
            <br />
            Gerne nehmen wir Ihre Anregungen, Wünsche und Kritik entgegen.
            Die Kontaktadressen befinden sich ganz untem im Newsletter.
         </div>
    
        
    
    
    
    </div>




</body>
</html>

css:

Code:

@charset "utf-8";
/* CSS Document */

*{font-family:Arial, Helvetica, sans-serif; color: #000000; font-size:12px; padding: 0px; margin: 0px;}
a:link{color: black; text-decoration:none;}


#wrapper{
    height: 1308px;
    width: 700px;
    margin: 0px auto;}

#top{
    height: 189px;
    width: 700px;
    float: left;}

#left{
    height: 1120px;
    width: 150px;
    float: left;
    margin-top: -1px;}

#text{
    height: 1120px;
    width: 549px;
    margin-left: 150px;
    margin-top: 0px auto;
    text-align: left;}

cebito · 17.12.2009

AW: hab auch ein problem

Nicht so die feine englische sich in einen anderen Thread reinzuzwängen, hab dir mal deinen eigenen spendiert

Anilga · 17.12.2009

AW: hab auch ein problem

oh ok . thx
hätte mir nur gedacht damit ich nicht schon wieder
ein neues Topic eröffne

rebos · 17.12.2009

AW: hab auch ein problem

wenn du im <div id="text"> einfach noch ein div-tag machst wo der text drinnen ist, kannst du es über dieses dann beliebig verschieben

K-Dawg · 17.12.2009

AW: hab auch ein problem

Wäre eine Möglichkeit. Artet aber in eine Div-Suppe dann.

Du könntest das ganze auch einfach mit Padding machen im #text.

PHP:

#text{
    /*height: 1120px;*/
    /*width: 549px;*/
    height: 1110px; /* 10px abziehen wegen padding */
    width: 539px; /* 10px abziehen wegen padding */
    margin-left: 150px;
    margin-top: 0px auto;
    text-align: left;
    padding: 5px
}

Notfalls weiteres CSS anpassen.

Greetz

Mysth · 17.12.2009

AW: hab auch ein problem

Du verwendest den Befehl h1 dieser erzeugt einen automatischen Abstand
Wie du siehst gibt es immer wieder verschiedene Lösungsansätze
Du kannst die Überschrift auch über css formatieren z.B.: mit einer eigenen Klasse dann fällt der Abstand wieder weg

Anilga · 18.12.2009

AW: hab auch ein problem

Vielen Dank für eure Hilfe,
werde is heute nach etwas Schlaf ausprobieren =)

Chickenshooter · 18.12.2009

AW: hab auch ein problem

Moin,

nur am Rande...

bei mir im Browser wird der Text so angezeigt:

Dieser Newsletter wird Ihnen in Zukunft einmal pro Moant Ã¼ber die
neuesten Erkenntnisse in der IT-Welt berichten. AuÃ?erdem wird jedes
mal ein praktisches, wichtiges Programm als Tipp vorgestellt.
Gerne nehmen wir Ihre Anregungen, WÃ¼nsche und Kritik entgegen.
Die Kontaktadressen befinden sich ganz untem im Newsletter.

hast Du mit solchen Dingen wie

gearbeitet?

Damit bist Du immer auf der sicheren Seite selbst wenn ein Chinese sich
Deine Seite anschaut.
Denn bei diesem gibt es definitiv kein ä, ö und ü, durch diese "etwas
komische" Schreibweise aber, gibt es "fast keine" Probleme mehr mit der
Darstellung der deutschen Umlaute (und vieler anderer Sonderzeichen).

MfG

Daviot · 24.12.2009

AW: hab auch ein problem

Wenn du einen Newsletter erstellen willst rate ich dir von einem div layout ab, da viele e-mail clients kein css verstehen.

empfehlenswert wäre ein tabellendesign, das kann "fast" jeder ;-)