code inside pages

Resolved vratsasg
(@vratsasg)

12 years, 1 month ago

Hello!
I wrote some code at a page named for example contact.The problem that i have is that when i minimize my browser and reduce his length my element at that page doesnt fit to window.

THE CODE at page contact
////open an external css style file
<link rel=”stylesheet” type=”text/css” href=”http://localhost/wordpress/wp-content/themes/raindrops/exstyle1.css”/>
<div>
///// make a link
<div class=”item1″ > HISTORY OF FMA</div>

///css style at file
.item1{
transform:translate(510px,-370px);
position:relative;

border:solid 2px #ed2828;
width:150px;
font-size:130%;
}

AS i said that element item1 doesnt fit to window when i minimize or decreasing my browser.Any suggestion?

Viewing 2 replies - 1 through 2 (of 2 total)

Theme Author

nobita

(@nobita)

12 years, 1 month ago

Hi vratsasg

Basic Example

<?php
/*
 * Template Name: test
 */

get_header( 'html5' );
?>
<style>
.item1{
	border:solid 2px #ed2828;
	width:1000px; /* dummy*/
	max-width:100%;	/* fit page width */
	font-size:130%;
	text-align:center;
}
</style>
<div class="item1" ><a href="#">HISTORY OF FMA</a></div>
<?php

get_footer();

Thank you

Theme Author