CSS position-Symbol oben rechts in der Tabelle

Ich bin relativ neu in CSS. Ich habe eine Tabelle auf meiner Seite, die hat eine Breite von 70%. Ich brauche die position, die ein kleines icon rechts oben neben der Tabelle, so dass das Symbol an den rechten Rand der Tabelle unten. Wie kann ich das erreichen?

So allgemein diese Frage wäre, wie die position der Elemente relativ zu der position der anderen Elemente auf einer Seite mittels CSS?

Dank,
Calvin

InformationsquelleAutor Richard N | 2012-05-29

  1. 3

    Hallo jetzt können Sie diese leicht zu werfen Position Geben Parent Position Relative und child to give position Absolute und tun oben rechts entsprechend Ihrer layout -

    Live-demo

    http://jsfiddle.net/srgJh/

    InformationsquelleAutor Rohit Azad

  2. 3

    In der CSS-Sie schreiben soll:

    .myclass {
    position:relative;
}

    oder

    <img style="position:relative;" />

    dann können Sie kontrollieren Sie die position von "oben", "Links", "rechts", "unten" - Anweisung. Beispiel: 

    <img src="position: relative; top: 20px;" />
    Danke. Ich bin immer noch nicht zu verstehen, wie dies teilt das Bild im Verhältnis zu der Tabelle?
    Bild sollte eigentlich positioniert werden absoute und Tabelle relativ positioniert

    InformationsquelleAutor Raknel

  3. 2
    <div style="position:relative;float:left;overflow:hidden">
<table>
...
</table>
<div class="icon"></div>
</div>

.icon {
position:absolute;
width:10px;
height:10px;
top:0;
right:0; 
}

    wenn das Symbol außerhalb der Tabelle schreiben von Werten mit minus, für die ex:

    top:-10px; /* above the table */
right:-10px; /* on the right side the table */

    InformationsquelleAutor jumancy

  4. 1

    Geben, Diese css :

    .classname {
    position:relative;
}

    ich hoffe, Ihr problem zu lösen

    Anwenden der oben genannten syntax in meiner CSS, es funktioniert wie ein Charme. Ich glaube, ich brauche, um mehr zu erkunden Attribute von CSS. Dank Rushi

    InformationsquelleAutor R' Zone

  5. 0

    Die Jungs haben oben die Frage beantwortet, aber wenn du wissen willst, wie es funktioniert, versuchen Sie bei:
    http://www.tizag.com/cssT/position.php

    Außerdem sollten Sie überlegen, mit Divs statt Tabellen, wenn das layout der gesamten Seite:
    http://www.tizag.com/htmlT/htmldiv.php

    InformationsquelleAutor Kibsgaard

Schreibe einen Kommentar