Web Design Could use some help or advice with this layout

ahh ok thanks

wonder why im not getting instant notifications i have it set up for it

 

Hey Joe, your site is coming along nicely. On your about.html the link to your css should be:

<link href="css/style.css" media="screen" rel="stylesheet"/>

And your menu list should be the same as the ones in index.html

 

ok thanks guys i had some last minute work to finish up yesterday and now that it is finished I can get back to my site today and try to get them other pages up

 

oh and with ther way the pages are on this css stuff compared to the old way I did things. how and where do I set up stuff for font size etc

 

The font size and other stuff are handled by your style sheet. Currently the font-size is set to 0.8em, and the menu is set to 13px. The setting for heading level 1 (h1) is quite fancy. Use it to see for yourself. Let us know what you want to do. Perhaps someone here can answer you.

 

thanks tom i am learning a little more every day as I work on getting it set up. I am starting to learn my way around my style sheet etc. I goto some websites to view their source to see how they did what they did but cant figure out how to see their stylesheet lol

 

Hey guys I been working on my site and have the different pages up[ and running now.

now I having a little problem figuring out how to do a couple different things since im still trying to get used to using divs and other such nonsense lol.

as an example I posted a pic of how i want my projects page and eventually something similar with my photos page.

First I will paste my line of code as it is now then I will ask my questions below.

<div id="middle"><!--THIS IS 3RD-->

<img src="images/projects.png" alt="projects" width="172" height="42" />

<div class="image"><img src="images/jn4-1.jpg" alt="JN4 Jenny" width="235" height="177" /></div><!--IMAGE CONTAINER YOU CAN ADD THE IMAGE TAG WITHIN THE >< --><br>

<div class="imgslice"></div><!--THIS SPLITS THE BOX'S APART-->

<div class="image"><img src="images/p-51-1.jpg" alt="P-51 Mustang" width="235" height="177" /></div>


<div class="image"><img src="images/jn4-1.jpg" alt="JN4 Jenny" width="235" height="177" /></div><!--IMAGE CONTAINER YOU CAN ADD THE IMAGE TAG WITHIN THE >< -->

<div class="imgslice"></div><!--THIS SPLITS THE BOX'S APART-->

<div class="image"><img src="images/p-51-1.jpg" alt="P-51 Mustang" width="235" height="177" /></div>


ok my questions:

1: How do I add more space below each row of pictures (not saying I nec want to here but need to know how to for later on.)

2: How can I make each Picture a link so it can link to the projects individual page.

3: How can I add text below each picture for use as a description of the project.

4: am i driving you guys nuts with my goofy questions yet?

thanks

Joe

 

Hi Joe,

My solution is to use table:

Code:

<table width="100%">
   <tr>
      <th height="300px">
     <img src="http://proflooney.net/images/jn4-1.jpg"
          alt="JN4 Jenny" width="235" height="177" /><br />JN4 Jenny
      </th><th>
     <img src="http://proflooney.net/images/p-51-1.jpg"
          alt="P-51 Mustang" width="235" height="177" /><br />P-51 Mustang
      </th>
   </tr>
   <tr>
      <th>
     <img src="http://proflooney.net/images/jn4-1.jpg"
          alt="JN4 Jenny" width="235" height="177" /><br />JN4 Jenny
      </th><th>
     <img src="http://proflooney.net/images/p-51-1.jpg"
          alt="P-51 Mustang" width="235" height="177" /><br />P-51 Mustang
      </th>
   </tr>
</table>

Here is how it looks.

 

thanks tom yea i have used tables before but with all this div stuff I wasnt fully sure if it was the same or if I had to use div tabs somewhere etc

 

So I came up with this for using the pic as a link and it seems to work

<table width="100%">
<tr>
<th height="200px">
<a href="http://proflooney.net/jenny.html"><img src="http://proflooney.net/images/jn4-1.jpg" alt="JN4 Jenny" width="235" height="177" /><br /></a>JN4 Jenny</th><th>

<a href="http://proflooney.net/mustang.html"><img src="http://proflooney.net/images/p-51-1.jpg" alt="P-51 Mustang" width="235" height="177" /><br /></a>P-51 Mustang</th></tr>


I just have to find the pics for the current projects etc and set them pages up later

thanks
again

Joe

 

That is an excellence suggestion. That is where I find most of my solutions to HTML and CSS problems.

I would also suggest not to use fixed size in width and height as this might distort the image. Also, I suggested to use th so that the content would be centered. However, it did not work since your css override the setting with text-align:justify in the body. Take a look at the demo page again; that is how it looks with text-align removed.

 

ok thanks i will have to go back and re read through what you guys are talking about as right now my brain is so fried from the poast few days its not soaking in lol

also what is the beast and easiest way to do an image gallery so that when they click on the thumbnail you get a larger view on the screen without taregeting and having it open in another page?. I got this thing going good now other than bugs you guys notice but man I still have another 15 or 20 pages to make for the individual project image galleries

 

Ok I went into the body section and just memoed the justify out, left it in there so I know how to do it later for other pages but its memoed out now

 

Thanks I got it bookmarked and I will be resizing them later on. right now they are the full size images for the image gallery and they are just there temp as placeholders until I can get everything organized and make my thumbnails

Joe

 

Joe, here is a pretty detailed tutorial on building a website. It is lengthy so you need to have time.

 

thanks Tom I will read it tomorrow and take a little break from my site to let my head clear. like i said I am pretty happy with it for now and now I just need to figure out how to do a decent looking gallery page. once I get all my pages up I can then go back and streamline them and clean them up. I just trying to get all my content up as my business is so busy these days i dont want my clients to see my website down for long

Scale Model Design And Fabrication Services I added a lot more pages etc today and left placeholders for now for pictures until i get something going with that

 

My CMS has two galleries - popup and slider. Feel free to use them if you want. Just ask if you have any questions.

 

thanks tom the popup thing was what I was wanting to do now to figure out where to put everything on my se4rver. it looks like your jquery is just jquery with no numbers behind the name so I assume either I can get rid of the version numbers in mine or just add them to the coding.

yours says lightbox but mine is something called fancy box would they be basically the same thing?

<script type="text/javascript" src="./gallery/0/js/jquery.lightbox-0.5.js"></script>

I am assuming I just would do it like this
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>