power-box.de
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 08.08.2003, 22:50   #1
TP-Junior
 
Registriert seit: Apr 2003
daniel macht alles soweit korrekt

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
Dateityp: jpg problem.jpg (107,8 KB, 42x aufgerufen)

Geändert von prefix (08.08.2003 um 23:00 Uhr).
daniel ist offline   Mit Zitat antworten


Alt 08.08.2003, 22:55   #2
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
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).
prefix ist offline   Mit Zitat antworten
Alt 08.08.2003, 23:09   #3
TP-Veteran
 
Benutzerbild von Daniel N.
 
Registriert seit: Sep 2002
Ort: Schweiz
Daniel N. ist auf einem guten Weg
Und Tags bitte immer klein schreiben! Also <p> und nicht <P>
__________________

Passt auf, ich bin überheblich

http://orangetree.ch-gnu.ath.cx
Daniel N. ist offline   Mit Zitat antworten
Alt 09.08.2003, 16:14   #4
TP-Junior
 
Registriert seit: Apr 2003
daniel macht alles soweit korrekt
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
daniel ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
relative Positionierung relative Positionierung
« Kommentar | Tabelle mit semi-flexibler Breite »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:34 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67