1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. Forum für Grafiken und Bildbearbeitung

CSS - Hilfe

  • lumich
  • 22. August 2006 um 09:05
  • lumich
    Teeny
    Beiträge
    35
    • 22. August 2006 um 09:05
    • #1

    Moin Leute

    So ich blick ma kurz nicht mehr durch. Ich weiss das ichs schon mal gemacht habe aber ich komm nimmer drauf. In der Suche hab auch nich wirklich was gefunden.
    Folgendes: Divcontainer mit Backgroundimage. Position ist links oben. Im Container ist auch noch ein Text der mit 100px von links beginnt. Das Problem ist wenn der Text höher wird als das bild folgt der Text der CSS Anweisung 100px von links und schreibt nicht unter dem Bild weiter. Das heisst ich hab unter dem Bild was links ist jede Menge Platz.
    Kann wer helfen ?

    THX im voraus

    Code
    #action
    		{
    			font-family: Verdana, Arial, Helvetica, sans-serif;
    			font-size: 10px;
    			text-align: left;
    			color: #575757;
    			padding: 0px;
    			width: 402px;
    			background-color: #F6F6F6;
    			background-image: url(image/inst.jpg);
    			background-repeat: no-repeat;
    			background-position: left top;
    			padding-left: 100px;
    			border: 1px solid #DDDDDD;
    		}
    Alles anzeigen
    Code
    Code

    //* Man muß ned alles wissen ... es reicht wenn man einen kennt der es weiß *\\

  • No0ob
    Kaiserliche Hoheit
    Beiträge
    1.500
    • 22. August 2006 um 16:26
    • #2

    in den img tag style="float:left;" ?

  • lumich
    Teeny
    Beiträge
    35
    • 23. August 2006 um 21:33
    • #3

    hm gibt ja keinen direckten img tag da es ja schon in der css definiert wird wo das bild hinkommt ... oder soll ich des mit in die css pinseln ... kann ma einer en code posten wie des gemeint is .... danke

    //* Man muß ned alles wissen ... es reicht wenn man einen kennt der es weiß *\\

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 23. August 2006 um 22:06
    • #4

    Kannst du mal einen Link reinstellen, bzw. den dazugehörigen HTML-Code noch angeben?

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • lumich
    Teeny
    Beiträge
    35
    • 23. August 2006 um 22:41
    • #5

    URL habe ich grade ned weil ich nicht uploaden kann ich versuchs aber nochmal besser zu beschreiben.

    1. Die ganze geschicht ist in einem DIV (siehe CSS) untergebracht in der ersichtlich ist das ein Hintergrundbild eingefügt werden soll (was passiert). Das billd soll in die obere linke Ecke (wo es auch ist).

    Code
    #rew1
    		{
    			background-image: url(image/cserv.jpg);
    			background-repeat: no-repeat;
    			background-position: top left;
    			font-family: Verdana, Arial, Helvetica, sans-serif;
    			font-size: 9px;
    			color: #000000;
    			width: 145px;
    			padding-left: 100px;
    			padding-right: 5px;
    			padding-bottom: 7px;
    			text-align: left;
    			border-bottom: 1px solid #575757;
    		}
    Alles anzeigen

    2. Der HTML TAG sollte dann einleuchtend sein.

    Code
    <div id="rew1">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  usw ... </div>

    3. Die Darstellung sieht dann wie folgt aus.

    Das Bild ist da wo es sein soll. Der Textanfang ist auch da wo er sein soll. Und jetzt passiert folgendes. Wenn es mehr Text wird also der Text wird in der Höhe größer als das Bild bleibt der Text im gleichen abstand von links. So mag ich das aber nicht haben. Sollte der Text höher werden soll das was mehr ist automatisch unter dem Bild weitergehen. Ich denk mal jetzt ist es verständlich ... oder

    //* Man muß ned alles wissen ... es reicht wenn man einen kennt der es weiß *\\

  • Gast
    • 24. August 2006 um 17:04
    • #6

    keiner ne idee leute ? .... gott ich weiss es au nimmer :cry:

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 24. August 2006 um 21:48
    • #7

    Ist schwer zu lösen, da du dem Text in dem div ein generelles padding-left mit 100px gegeben hast.
    Diesen Abstand musst du wieder auflösen. Entweder durch einen neuen container oder durch vorzeitiges Schließen des div's an der entsprechenden Stelle. Z.B. so:

    Code
    <div id="rew1">TEXT TEXT TEXT  TEXT </div>
     TEXT TEXT TEXT TEXT TEXTTEXT

    Ist es unbedingt erforderlich, dass du auf das Hintergrundbild einen Text legst? Wenn der Text neben das Bild käme wär's einfacher :wink:

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • lumich
    Teeny
    Beiträge
    35
    • 26. August 2006 um 07:23
    • #8

    genau div auflösen ... des hab ich denn gestern auch gemacht .... trotzdem thx das sich jemand die mühe gemacht hat drüber nachzudenken

    mfg ... nice weekend

    //* Man muß ned alles wissen ... es reicht wenn man einen kennt der es weiß *\\

Tags

  • hilfe
  • html
  • link
  • tex
  • links
  • style
  • text
  • problem
  • img
  • code
  • tag
  • bild
  • div
  • lösen
  • abstand
  • css
  • gott
  • px
  • container
  • hintergrundbild
  • left
  • html-code
  • float
  • padding

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern