Architecture template, Photos/Header question

Discussion in 'HTML - XHTML - CSS' started by csteil, Jan 28, 2009.

  1. csteil New Member

    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="
  2. csteil New Member

    Figured out the header

    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="
  3. csteil New Member

    Photos

    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!