Ankündigung

Einklappen
Keine Ankündigung bisher.

Dreamweaver problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Dreamweaver problem

    Hallo,

    hab ein kleines Problem mit Dreamweaver:

    Ich habe eine Seite mit Photoshop erstellt und gesliced.

    Nun will ich aber mit Dreamweaver einen Text auf die Seite schreiben.

    Leider geht das nicht.

    Wenn ich ein Textfeld erstelle verzieht sich das komplette Design.

    Wie kann ich einstellen das er AUF den Bildern Text erstellt?

    Hier ein Bild zum verständniss


    #2
    1. http://de.selfhtml.org/
    2. Hände weg von Dreamweaver.
    3. Das Problem liegt u.A. daran, dass du das Design falsch gesliced hast bzw. das "HTML-Grundgerüst" nicht angepasst. Als Hintergrund eine Grafik und darüber Text ist eher ungeschickt, wobei man bei Dreamweaver bestimmt irgendwo ein Textfeld drüber ziehen kann.

    Kommentar


      #3
      Um auf Bildern Text zu erstellen musst du die Bilder als background-image einbauen und nicht! mit dem img-Tag.

      Also z.B. Text steht hier

      Statt der 100px natürlich die tatsächlichen Ausmaße des Bildes verwenden.

      Ansonsten wirst du aber immer wieder auf solche Probleme treffen wenn du Table-Layouts verwendest. Ich würde dir empfehlen HTML zu lernen und DIV-basierte Layouts in Kombination mit CSS zu verwenden. Damit wirst du mittelfristig 10 mal flotter arbeiten.

      Kommentar


        #4
        du musst die bilder als hintergrund in den zellen speichern

        Kommentar


          #5
          Hi,

          hab mich jetzt entschieden das selbst zu schreiben. Hab jetzt nur ein Problem:

          (Arbeite jetzt mit Div und externer Css-sheet)

          Er ändert einfach nicht die Schrift. Egal was ich eingebe (Farbe, Font oder Schriftgröße)

          Keine Ahnung was ich falsch mache. Hab mal den Code in den Spoiler gemacht.

          Spoiler: 







          Startseite | Name














          Zum Seiteninhalt springen

          Startseite | Name

          Start
          Die Praxis
          Das Team
          Leistungen
          Infomaterial
          Kontakt











          Impressum
          © 2011 Alle Rechte vorbehalten

          Im Notfall











          Und die Cssdatei:

          Spoiler: 
          /*-----------------------------------------------------*/
          /*----------------------- Haupt -----------------------*/
          /*-----------------------------------------------------*/


          * {

          margin: 0;
          padding: 0;
          border: 0 none;

          }

          html {

          background: #f1d357 url('../layout/background.jpg');

          }


          #wrapper {

          width: 686px;
          margin: 0 auto;

          }

          #header {

          background: transparent url('../layout/header.png') no-repeat;

          /*-----------------------------------------------------*/
          /*--------------------- Schrift -----------------------*/
          /*-----------------------------------------------------*/

          body {
          font-weight: bold;
          font-size: 12px;
          line-height: 14px;
          font-family: helvetica;


          }


          /*-----------------------------------------------------*/
          /*----------------------- Teil ------------------------*/
          /*-----------------------------------------------------*/


          /*-----------------------------------------------------*/
          /*---------------------- Detail -----------------------*/
          /*-----------------------------------------------------*/


          /*-----------------------------------------------------*/
          /*--------------------- CSS-Hacks ---------------------*/
          /*-----------------------------------------------------*/

          Kommentar


            #6
            solltest header vll mal schließen in der css

            Kommentar


              #7
              OMG, ich Blindfisch......

              Danke sicster, hast meinen Tag gerettet ;)

              Kommentar

              Lädt...
              X