Anzeige

Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?

Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt? | PSD-Tutorials.de

Erstellt von maromedia84, 19.11.2008.

  1. maromedia84

    maromedia84 Aktives Mitglied

    Dabei seit:
    19.09.2008
    Beiträge:
    309
    Geschlecht:
    männlich
    Software:
    Phase 5, PS, Corel, Indesign
    Kameratyp:
    Casio Exilim Z 1000 | Nikon D3200
    Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?
    Wie kann ich die Grafik auf der rechten Seite mittels Css formatieren, dass Sie immer oben ist ohne die nervigen <br> einfügen zu müssen.
    Und möchte ausserdem dass sich das Layout an den Inhalt von der Größe anpasst!

    Habe schon einiges versucht bekomme es aber nicht hin!

    Danke für eurer hilfe schon mal im voraus!

     
    Zuletzt bearbeitet: 20.11.2008
    #1      
  2. Jazo

    Jazo Nicht mehr ganz neu hier

    Dabei seit:
    09.05.2008
    Beiträge:
    71
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Photoshop, Flash, Expression Web
    Kameratyp:
    DRUCK und STRG+V
    Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?
    AW: Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?

    Also ich würde einfach das TB-Tag mit valign="top" erweitern...
    Zieht das in deinem Code unten so aus:

    Die ganzen <BR> tags kannste dann weg machen... geht dann ohne die und das Bild bleibt immer oben egal wie lang der Content ist...

    MFG
    Jazo
     
    #2      
  3. progfrog

    progfrog programming & 3d

    1
    Dabei seit:
    13.06.2007
    Beiträge:
    288
    Geschlecht:
    männlich
    Software:
    Blender, Eclipse, Photoshop
    Kameratyp:
    Nikon D60
    Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?
    AW: Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?

    Hey maromedia84
    Das mit dem Bild nach oben bekommen ist ein simple CSS Befehl. Dazu schreibst du einfach in das Element, in dem das "<img>" Element drin ist folgendes Attribut rein style="vertical-align:top;"

    Ansonsten muss man sagen, dass das Layout sehr im HTML 1.0 Stil gehalten ist. Was ich meine, ist, dass du all das was du geschrieben hast, mit ein paar Zeilen HTML und einem vernünftigen CSS hättest viel sauberer lösen können. Ich denke du solltest dir nochmal bisschen was zum Thema Layout mit CSS angucken.

    Die Seite hier find ich z.B. klasse. Dann klappts auch mit dem Seite an Inhalt anpassen.

    Also nicht abschrecken lassen und üben üben üben :)

    Gruß progfrog

    [edit]Ups doppelt, naja variert ja immerhin ein bisschen von der Antwort her ;)
     
    #3      
  4. BigBilly

    BigBilly Nicht mehr ganz neu hier

    111
    Dabei seit:
    21.01.2008
    Beiträge:
    211
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    CS6, TYPO3
    Kameratyp:
    Canon EOS 600D
    Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?
    #4      
  5. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?
    AW: Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?

    in einer Tabellenzelle richtest du jedes Bild passend rechts aus, indem du ihm die css-Eigenschaft float:right gibst.
    zB.
    Code (Text):
    1.  
    2. ...
    3. <td>
    4.     <img src="bild.png" alt="bildbeschreibung" style="float:right; margin:0 0 3px 3px;">
    5.     jede Menge Text, der nun hübsch dank float und margin um das Bild fliesst und automatisch passend umbricht.
    6. </td>
    7.  
     
    #5      
  6. maromedia84

    maromedia84 Aktives Mitglied

    Dabei seit:
    19.09.2008
    Beiträge:
    309
    Geschlecht:
    männlich
    Software:
    Phase 5, PS, Corel, Indesign
    Kameratyp:
    Casio Exilim Z 1000 | Nikon D3200
    Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?
    AW: Wie das Bild mit CSS formatieren, dass es auf die Höhe der Schrift kommt?

    Thx habe das Problem gelöst! Ihr seit einfach spitze!!!!
     
    #6      
Seobility SEO Tool
x
×
×