Architecture template, Photos/Header question

csteil · #1 (**permalink**) 01-29-2009, 03:49 AM

I used the Architecture template today to build a website. I am somewhat decent, I haven't touched html in 8 years, but its coming back like riding a bike.

I have two questions.

1. Do you know of any scripts that would be compatible to run in the Architecture template horizontal image scroller? I have looked all day.

2. On the top of the page next tothe link tabs, (on the left) I want to add my own image instead of text. However, when I add in the image, it bumps the link tabs up. Do I need to make tables? or is this a css issue
On the index.htm the it goes:
<body>

<div id="wrapper">
<h1>Architecture</h1> (This is where I want to add my own graphic)
<div id="nav">
<a href="

csteil · #2 (**permalink**) 01-29-2009, 04:09 PM

This is what the css should look like:

#wrapper {
text-align: left;
Img {position: absolute; top:46px: left: 0px} no-repeat; <-- add this lin
margin: auto;
width: 728px;

Here is the html portion: you might have to mess with the (left, top, height and width) the image I used was 250pixels by 80 pixels. Make sure you add the </div> after your image and before the <div id="nav">

<div id="wrapper">
<div style="position: absolute; left:-4px; top: 12px; height:10px; width:0px;">
<a href="

csteil · #3 (**permalink**) 01-29-2009, 08:15 PM

I was reading another thread about the photos on the page, and the suggestion was to use a lightbox or so.

What I did on the architecture site is that on the arrow moving to the left and right... I just turned those into a new link for a new page. (.com/photos)

Then I came across the website its a lytebox, google it.... it was very helpful and easy to use.

Hope that helps some others out there!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode