luciaannn

Use the codex from WordPress to make an image about how pages are structured. It’s 100% helping

create a div with the full image background. set this div position to relative. then make an anchor for every cabinet, and set each anchor’s position to absolute, and mention the x,y position, and width and height for each of them. here is an example:

<div id=”fullImage”>
<*a class=”targetCabinet” id=”cabinetA”> </*a>
<*a class=”targetCabinet” id=”cabinetB”> </*a>
<*a class=”targetCabinet” id=”cabinetC”> </*a>
<*a class=”targetCabinet” id=”cabinetD”> </*a>
</div>

remove the “*” symbol. i used it just to be displayed as plain text

in your css file you should have something like this:
#fullImage{position:relative; background:url(‘your_image_source’) no-repeat top left; }
.targetCabinet{position:absolute; width:150px ; height:20px; }
#cabinetA{top:10px; left:20px; }
#cabinetB{top:300px; height:100px; }

2nd method is to use floats. create 1 div with with full cabinet image, then add 2 div’s with spans. float each spans and use margins to position them.

hope it will help you

simply modify the “site-title” id, in your style.css file. choose a background image, background position, and add a padding so it wont overlap your h1. hope this works for you

first, open your style.css file and replace the “repeat” value with no-repeat fixed top center; (you can choose repeat-x for example, to repeat the image horizontal, but instead of this, you can choose no-repeat and set a #000-black background.)

body {
background: url(“images/beach.jpg”) repeat fixed 0 0 #666666;
color: #222222;
font-family: Arial,Tahoma,Verdana;
font-size: 12px;
margin: 0 auto;
padding: 0;
width: 980px;
}

the rest of content, following the div with id content, must be cutted and pasted intro the div#content (this last modification should be made in the php file)

open your theme’s style.css document, then edit the following width property:

div.sides {
float: left;
overflow: hidden;
padding-top: 20px;
width: 190px;
}

all you need to modify is in your style.css file.

#footer {
background: none repeat scroll 0 0 #32527A;
}