+ Antworten
Ergebnis 1 bis 4 von 4

Thema: relative Positionierung

  1. #1
    TP-Junior daniel macht alles soweit korrekt
    Registriert seit
    Apr 2003
    Beiträge
    26

    relative Positionierung

    Hallo zuammen habe ein Problem:
    und zwar habe ich auf meiner Seite (siehe man auf dem Anhang-jpg) eine Scroll Ebene in verschiedene "Inhaltsabschnitte" unterteilt. Ich wollte jetzt aber dass:
    1)Abschnitttext
    2)Inhalttext
    3)inhaltpicture

    vom oberen Inhaltabschnitt abhängen (und zwar von dor positioniert werden ) und nicht z.B.: Das bild vom unteren Text u.s.w!!!
    Kann mir jemand helfen????????????

    DANKEDANKE

    css code:

    Code:
    .inhaltsabschnitt {
    	BORDER-TOP: white 1px dotted; 
    	MARGIN: 20px; 
    	PADDING-TOP: 10px;
    
    P.abschnitttext {
    	PADDING-RIGHT: 0px; 
    	PADDING-LEFT: 0px; 
    	FONT-SIZE: 14px; 
    	PADDING-BOTTOM: 4px; 
    	MARGIN-LEFT: 0px; 
    	COLOR: white; 
    	PADDING-TOP: 4px; 
    	TEXT-ALIGN: left
    }
    
    	
    P.inhalttext {
    	
    	PADDING-LEFT: 110px; 
    	MARGIN-RIGHT: 310px; 
    	FONT-SIZE: 12px; 
    	COLOR: black; 
    	FONT-FAMILY: Arial, Helvetica, Geneva, sans-serif;
    	TEXT-AlIGN: justify;
    	BACKGROUND: silver;
    }
    
    P.inhaltpicture {
    	MARGIN-TOP: 0px;
    	MARGIN-LEFT: 420px; 
    	FONT-SIZE: 12px; 
    	COLOR: black; 
    	FONT-FAMILY: Arial, Helvetica, Geneva, sans-serif;
    	TEXT-AlIGN: justify;
    	BACKGROUND: ;
    	BORDER: white 1px solid;
    	MARGIN-BOTTOM:50px;
    }

    html code

    Code:
    <!-- anfang inhaltsabschnitt  1 -->
      <DIV class=inhaltsabschnitt>
    
    <P class=abschnitttext><A class=abschnitttextlink name="Wilkommen" 
    href="#Wilkommen">Wilkommen</a></P>
    
    <P class=inhalttext> 
    Unser Garni befindet sich in sonniger und ruhiger Panoramalage,
     zu Füßen des Sellastocks, im Herzen der Dolomiten.
    Familie Alfreider möchte Sie einladen, in dieser wunderbaren Gebirgslandschaft 
    von Alta Badia, unvergessliche Eindrücke zu erleben.  
    </P>
    <P class=inhaltpicture> <img src="haus.jpg" width="300" height="210"></P>
    </DIV>
    <!-- ende inhaltsabschnitt  1 -->
    Angehängte Grafiken  
    Geändert von prefix (08.08.2003 um 23:00 Uhr)

  2. #2
    TP-Specialist prefix ist auf einem guten Weg
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    hi!

    hier musst du floaten

    versuch es mal so:

    Code:
    P.inhaltpicture {
    /*MARGIN-TOP: 0px;*/
    /*MARGIN-LEFT: 420px; */
    FONT-SIZE: 12px; 
    COLOR: black; 
    FONT-FAMILY: Arial, Helvetica, Geneva, sans-serif;
    TEXT-AlIGN: justify;
    /*BACKGROUND: ;*/
    BORDER: white 1px solid;
    MARGIN-BOTTOM:50px;
    float: right;
    }
    hier gibt es mehr infos zu "float"
    Geändert von prefix (08.08.2003 um 22:59 Uhr)

  3. #3
    TP-Veteran Daniel N. ist auf einem guten Weg Avatar von Daniel N.
    Registriert seit
    Sep 2002
    Ort
    Schweiz
    Beiträge
    1.307
    Und Tags bitte immer klein schreiben! Also <p> und nicht <P>

    Passt auf, ich bin überheblich

    http://orangetree.ch-gnu.ath.cx

  4. #4
    TP-Junior daniel macht alles soweit korrekt
    Registriert seit
    Apr 2003
    Beiträge
    26
    Vielen DAnk das klappt suuper!! was ich jetzt aber noch fragen wollte ist:

    Wenn ich von abschnitt 1 zu abschnitt 2 übergehe

    code:

    <!-- anfang inhaltsabschnitt 1 -->
    <DIV class=inhaltsabschnitt>

    <p class=abschnitttext><a class=abschnitttextlink name="Wilkommen"
    href="#Wilkommen">Wilkommen</a></p>
    <p class=inhaltpicture> <img src="haus.jpg" width="300" height="210"></p>
    <p class=inhalttext>
    Unser Garni befindet sich in sonniger und ruhiger Panoramalage,
    zu Füßen des Sellastocks, im Herzen der Dolomiten.
    Familie Alfreider möchte Sie einladen, in dieser wunderbaren Gebirgslandschaft
    von Alta Badia, unvergessliche Eindrücke zu erleben.
    </p>

    </DIV>
    <!-- ende inhaltsabschnitt 1 -->

    <!-- anfang inhaltsabschnitt 2 -->
    .................
    <!-- ende inhaltsabschnitt 2 -->#

    nimmt der 2. Abschnitt immer den Abstand vom textende!!

    ich möchte es aber so gestalten dass der abstand vom Bildende genommen wird!!!!!

    könnt ihr mir bitte noch mal helfen??? vielen Dank
    Daniel

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51