Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.06.2007 um 13:48 (UTC)    
Titel: Ich brauche den CSS code für absolute positionierung!!!



Zuletzt bearbeitet von durerweg17 am 17.06.2007, 21:45, insgesamt einmal bearbeitet
Beitrag17.06.2007 um 13:54 (UTC)    
Titel:

Absolute positionierung geht mit

Zitat:

<style type="text/css">
<!--
..... {position: absolute; top: 100px; left: 100px;}
-->
</style>


Die rot makierten Punkte sind nur als Platzhalter da, da du ja keine Klasse oder sonst etwas genannt hast! Das blau makierte musst du dann nutürlich auch noch anpassen. Das gibt die Position wieder (100 Pixel von oben und 100 Pixel von links)!

Wenn du ein Bild mit einer absoluten Position versehen willst, dann geht das so:
Zitat:

<img src="Die Bild-Adresse" style="position: absolute; top: 100px; left: 100px;">


Zuletzt bearbeitet von outcast-inventions am 17.06.2007, 14:54, insgesamt einmal bearbeitet
Beitrag17.06.2007 um 14:28 (UTC)    
Titel:

@outcast-inventions
Kannst du den zweiten Teil auch mal für einen Textlink Posten.
______________
[img:851cbd7359]http://whgneuwied.de.tl/sig.png[/img:851cbd7359]
Beitrag17.06.2007 um 15:01 (UTC)    
Titel:

@whgneuwied:

Hi,

mit einem Link geht das nicht so einfach, da man dort das
Zitat:

style="position: absolute; top: 100px; left: 100px;"

nicht einsetzen kann!
Das funktioniert nur über eine einfache CSS-Klasse!
Beispiel:
Zitat:

<style type="text/css">
<!--
.Link {
color: #000000;
font-size: 13px;
position: absolute;
top: 100px;
left: 200px;
}

.Link:link {
color: #000000;
font-size: 13px;}

.Link:hover {
color: #FF8000;}
-->
</style>


Das rot makierte ist dann die Positionierung...

eingesetzt wird es dann so:
Zitat:

<a href="Der-Linkname.html" class="Link">Hier ein Link mit absoluter Position</a>


somit wäre dieser Link absolut positioniert (Position: von oben 100 Pixel / von Links 200 Pixel)

... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!


Zuletzt bearbeitet von outcast-inventions am 17.06.2007, 16:02, insgesamt einmal bearbeitet
Beitrag17.06.2007 um 15:06 (UTC)    
Titel:

Beitrag17.06.2007 um 15:07 (UTC)    
Titel:

whgneuwied hat Folgendes geschrieben:
Danke.


Jo kein Problem Wink
gern geschehen...
Danke für die Rückmeldung.
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de