#HTTP_HEADER{Content-Type: text/css} #reperes .trait.horizontal:hover{ cursor:row-resize; } #reperes .trait.vertical:hover { cursor:col-resize; } .invisible { display:block} .travaux { background:orange; border-top:4px dashed red} .trait { position:absolute; background-color:transparent; z-index:10; border:none; margin:0; padding:0;} .trait.vertical { width:1px; height:100%; top:0; left:0; border-left:1px solid #CONFIG{reperes/calque/couleur};} .trait.horizontal { width:100%; height:1px; line-height:0; font-size:0; top:0; border-top:1px solid #CONFIG{reperes/calque/couleur};} html .trait.horizontal { height:-10px; } .trait.vertical.gauche { left:0; background-color:blue;} .trait.vertical.bord_gauche { left:330px !important; background-color:lime;} .trait.vertical.milieu { left:350px !important; background-color:red;} .trait.vertical.bord_droite { left:370px !important; background-color:lime;} .trait.vertical.droite { right:300px !important; background-color:blue;} .trait.horizontal.centre { top:247px !important; } span.repere { display:block; width:60px; padding:3px; font-size:11px; font-weight:bold; color:black; position:absolute; } .horizontal span.repere { top:-10px; } .vertical span.repere { top:0; } .ajouter_repere { background-repeat: no-repeat; background-position: top left; width:24px; height:24px;} #repere_horizontal_plus { background-image:url([(#CHEMIN{img_pack/ajouter-horizontal.png}|url_absolue)]); position:absolute; top:40px; left:10px;} #repere_vertical_plus { background-image:url([(#CHEMIN{img_pack/ajouter-vertical.png}|url_absolue)]); position:absolute; top:10px; left:40px;}