CSS help with Architecture template

madbloke · Oct 5, 2007

Hi all
I would first like to say a big thanks for this great site and forum.
I d/l Architecture template.
If poss i would like some help adding a logo along top of template.

here is html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Architectural Company</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

</head>
<body>
<div id="wrapper">
<h1>Architecture</h1>
<div id="nav">
<a href="<A href="http://www.freewebsitetemplates.com">About">http://www.freewebsitetemplates.com">About Us</a>
<a href="<A href="http://www.freewebsitetemplates.com">Services</a">http://www.freewebsitetemplates.com">Services</a>
<a href="<A href="http://www.freewebsitetemplates.com">Solutions</a">http://www.freewebsitetemplates.com">Solutions</a>
<a href="<A href="http://www.freewebsitetemplates.com">Projects</a">http://www.freewebsitetemplates.com">Projects</a>
<a href="<A href="http://www.freewebsitetemplates.com">Contact">http://www.freewebsitetemplates.com">Contact Us</a>
</div>
<div id="body">
<div id="body-top">
<div id="body-top-2"></div>
<div id="body-bot">
<div id="welcome">
<img src="images/pic_1.jpg" width="231" height="301" alt="Pic 1" />
<h2>Welcome</h2>
<p>Don't forget to check <a href="<A href="http://www.freewebsitetemplates.com">free">http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>

<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p class="more"><a href="https://freewebsitetemplates.com" class="bar-drk">more</a></p>
</div>
<div id="content">
<img src="images/pic_2.jpg" width="109" height="108" alt="Pic 2" class="left" />
<h2>About Our Company</h2>

<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template .</p>

<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="<A href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p">http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p class="more" id="intro"><a href="https://freewebsitetemplates.com" class="bar-lit">more</a></p>

<div class="fineline"></div>

<h2>Latest Projects</h2>
<div id="picbar">
<div id="arr-left">
<a href="<A href="http://www.freewebsitetemplates.com"><img">http://www.freewebsitetemplates.com"><img src="images/arr_left.gif" width="15" height="90" alt="Arr Left" /></a>
</div>
<div class="picbox">
<a href="<A href="http://www.freewebsitetemplates.com"><img">http://www.freewebsitetemplates.com"><img src="images/pic_3.jpg" width="117" height="74" alt="Pic 3" /></a>
</div>
<div class="picbox">
<a href="<A href="http://www.freewebsitetemplates.com"><img">http://www.freewebsitetemplates.com"><img src="images/pic_4.jpg" width="117" height="74" alt="Pic 4" /></a>
</div>
<div class="picbox">
<a href="<A href="http://www.freewebsitetemplates.com"><img">http://www.freewebsitetemplates.com"><img src="images/pic_5.jpg" width="117" height="74" alt="Pic 5" /></a>
</div>
<div id="arr-right">
<a href="<A href="http://www.freewebsitetemplates.com"><img">http://www.freewebsitetemplates.com"><img src="images/arr_right.gif" width="15" height="90" alt="Arr Right" /></a>
</div>
<div class="clear"></div>
</div>

<div class="fineline-flat"></div>

<div id="planer">
<h2>Architects & Planners</h2>
<div class="fineborder"><img src="images/pic_6.jpg" width="186" height="79" alt="Pic 6" /></div>
<p>Even more websites all about website templates on <a href="<A href="http://www.justwebtemplates.com">Just">http://www.justwebtemplates.com">Just Web Templates</a>.</p>

<p class="more"><a href="https://freewebsitetemplates.com" class="bar-lit">more</a></p>
</div>
<div id="stories">
<h2>Success Stories</h2>
<div class="fineborder"><img src="images/pic_7.jpg" width="186" height="79" alt="Pic 7" /></div>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="<A href="http://www.templatebeauty.com">Template">http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="https://freewebsitetemplates.com" class="bar-lit">more</a></p>
</div>
<div class="clear-flat"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="footer">
<p>Copyright statement goes here. All rights reserved</p>
</div>
</div>
</body>
</html>
Click to expand...

The red text "wrapper" is the bit i think i need to edit but im lost.
I would like a logo the width of template.

CSS sheet:

}
#wrapper {
text-align: left;
margin: auto;
width: 728px;
Click to expand...

So i think width = 728 pixels. (I'm a complete noob sry!)

So my logo would be W=728px by H=100px . If you think H is to big please advise me of better size.

Also there are navagation/menu buttons alone top and i would not want logo on top of them.
Hope I don't seem to much of a novice and hope someone can help.
Thanks
MadBloke
(Kev)

madbloke · Oct 6, 2007

I worked it out
CSS I edited the px postion and added a pic to #wapper
Thanks anyway.
P.S Love this site I will be here for life.
If I can help anyone just ask.

Log in or Sign up

CSS help with Architecture template

madbloke New Member

madbloke New Member

Log in or Sign up

CSS help with Architecture template

madbloke New Member

madbloke New Member

Useful Searches