float left usw.

  • HTML

Es gibt 6 Antworten in diesem Thema. Der letzte Beitrag () ist von Dodo.

    float left usw.

    Hallo,

    mein Ziel ist es den Text-Div direkt neben dem image darzustellen.

    Alle meine Versuche schlagen fehl, da ich jetzt einen Termin habe poste ich einfach mal was ich habe.
    Ein Hinweis wäre schön

    HTML-Quellcode

    1. <div ID="DivBerichte" runat="server" style="background-color: #ffe2ff;
    2. width:600px;
    3. height:auto;
    4. border: 1px solid black;
    5. color: black;
    6. margin-bottom:20px;">
    7. <asp:Image ID="ImagePreview" runat="server" style="Height:150px; Width:150px; float:left;" />
    8. <div style="Height:100px; float:right;">
    9. <div style="clear:both; display:block; " >
    10. <asp:Label ID="LabelDatum" runat="server" Text="Datum:" ></asp:Label>
    11. <br />
    12. <asp:Label ID="LabelTitle" runat="server" Text="Überschrift:" Style="Width:300px; Color: Red; font-size:large; "></asp:Label>
    13. <br />
    14. <asp:Label ID="LabelPreview" runat="server" Text="Vorschau:" Style="Width:300px; "></asp:Label>
    15. <br />
    16. <br />
    17. <asp:UpdatePanel ID="UpdatePanelWeiterleiten" runat="server" UpdateMode="Always">
    18. <ContentTemplate >
    19. <asp:LinkButton ID="LinkButtonWeiterleiten" runat="server" Text="weiterlesen ..."></asp:LinkButton>
    20. </ContentTemplate>
    21. </asp:UpdatePanel>
    22. </div>
    23. </div>
    24. </div>


    Danke und Gruss

    mikeb69

    Das sollte doch egal sein wenn der das Floating wieder aufhebt, da es sich ja eh nur auf das äußere Div beziehen soll. Ich nehme eher an, dass das Floating im Div auch auf float: left stehen sollte, dann werden die nebeneinander gezeichnet.

    PS: das align Attribute is nicht mehr gültig laut Standard soweit ich weiß.

    Quellcode

    1. align top,bottom,middle,left,right Not supported in HTML5. Deprecated in HTML 4.01. Specifies the alignment of an image according to surrounding elements

    Quelle: w3schools.com/tags/tag_img.asp

    Ich habe mal ne kleine Testdatei gemacht wo das mit dem Floating funktioniert

    HTML-Quellcode

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <title>Floating Test</title>
    5. <style type="text/css">
    6. #image {
    7. display: block;
    8. width: 150px;
    9. height: 150px;
    10. background-color: #ff0000;
    11. float: left;
    12. }
    14. #text {
    15. display: block;
    16. height: 100px;
    17. float: left;
    18. }
    19. </style>
    20. </head>
    22. <body>
    23. <div id="outer">
    24. <div id="image">Bild</div>
    26. <div id="text">
    27. Datum:<br />
    28. &Uuml;berschrift:</br />
    29. Vorschau:
    30. </div>
    31. </div>
    32. </body>
    33. </html>