1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS Architecture template, Photos/Header question

Discussion in 'Web Development' started by csteil, Jan 28, 2009.

  1. csteil

    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="
     
    csteil, Jan 28, 2009
    #1
  2. csteil

    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="
     
    csteil, Jan 29, 2009
    #2
  3. csteil

    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!
     
    csteil, Jan 29, 2009
    #3