.someClass { postiotion: relative;}
.someClass::before {
position: absolute; display: block; content: ""; width: 8px; height: 8px; background-color: red; border-radius: 4px; top: 50%; left: 0; margin-top: -4px;
}$.post("php-file.php", $(this).serialize(), function (response) {
$(this).parent("div").html("<div class='form_response'>" + response + "</div>");
});$.ajax({
url: "test.html",
cache: false,
success: function(html){
}
});<style>
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
.wrapper { margin-right: 220px;}
.wrapper .col_left { float: left; background: green; width: 100%;}
.wrapper .col_right { float: right; position: relative; width: 200px; margin-right: -220px; background: red;}
</style>
<div class="wrapper clearfix">
<div class="col_left">col_left</div>
<div class="col_right">col_right</div>
</div>$(document).ready(function(){
$(".iframe").each(function(){
var that = $(this);
that.colorbox({
iframe:true, innerWidth:"90%", height:"90%",
onComplete: function() {
$("#cboxContent iframe").ready(function(){
$("#cboxContent").append('<a id="cboxFullScr" style="float: left;" href=' + that.attr("href") + '>full screen</a>');
});
}
});
});
});