•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 361,870 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,376 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 2134 | Replies: 3
 |
•
•
Join Date: Jan 2007
Posts: 4
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
Help with my Navigation bar Hi, I really hope someone can help me, you guys seem nice and all and I really like ur website :cheesy:.
Here is what I want to do:
Basically I want no spaces in between that navigation bar and the banner so the chain appears to be attatched to it.
I am not even sure I am making that navigation bar right either lol (newbie here) and I am just folowing a few tutrorials that I googled.
Any help would be greatly appreciated or even some good tut sites even. I understand that you guys are probably swamped with stuff so I'll be patient. I'll also attatch my code if that helps any:
Here is what I want to do:
Basically I want no spaces in between that navigation bar and the banner so the chain appears to be attatched to it.
I am not even sure I am making that navigation bar right either lol (newbie here) and I am just folowing a few tutrorials that I googled.
Any help would be greatly appreciated or even some good tut sites even. I understand that you guys are probably swamped with stuff so I'll be patient. I'll also attatch my code if that helps any:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
background-image: url(../background.gif);
}
.style1 {color: #FFFFFF}
.style2 {color: #000000; }
-->
</style></head>
<body>
<p align="center"><img src="../toppartpsd copy.png" width="800" height="214" /></p>
<table width="593" border="1" align="center" cellpadding="5" cellspacing="1">
<tr>
<th width="96" bordercolor="0" background="../homebutton.gif" scope="col"> </th>
<th width="95" background="../rosterbutton.gif" scope="col"> </th>
<th width="208" scope="col"> </th>
<th width="139" scope="col"> </th>
</tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<table width="308" height="565" border="1" cellpadding="5" cellspacing="1">
<tr>
<td width="321" height="561" align="center" valign="top" background="../main-box.png" scope="col"><!-- TemplateBeginEditable name="Main Content" -->
<p class="style1">Main Content </p>
<p class="style1"> </p>
<p class="style2">This is where the main content of the</p>
<p class="style2">website goes. This has room for</p>
<p class="style2">improvement as the title does not look</p>
<p class="style2">right. </p>
<p class="style2"> </p>
<p class="style2"> </p>
<p class="style2"> </p>
<p class="style2"> </p>
<p class="style2"> </p>
<p class="style2"> </p>
<p class="style2"> </p>
<p class="style2"> </p>
<!-- TemplateEndEditable --></td>
</tr>
</table>
</body>
</html>
•
•
Join Date: Jul 2006
Location: Deptford, London
Posts: 916
Reputation:
Rep Power: 4
Solved Threads: 45
Posting Shark
Is the chain a part of the bottom of the image with src=../toppartpsd copy.png?
If so, I think perhaps the problem is where you've used a 'P' tag around the image...
Try replacing:
with
if you're finding that the image is becoming aligned to the left with that code, try:
If so, I think perhaps the problem is where you've used a 'P' tag around the image...
Try replacing:
<p align="center"><img src="../toppartpsd copy.png" width="800" height="214" /></p>
with
<div style="text-align:center;"> <img src="../toppartpsd copy.png" width="800" height="214" /> </div>
if you're finding that the image is becoming aligned to the left with that code, try:
<div> <img style="margin-left:auto;margin-right:auto;" src="../toppartpsd copy.png" width="800" height="214" /> </div>
If it only works in Internet Explorer; it doesn't work.
•
•
Join Date: Jul 2006
Location: Deptford, London
Posts: 916
Reputation:
Rep Power: 4
Solved Threads: 45
Posting Shark
If you want the bottom of the chain to 'overlap' the top of the buttonbar by some amount, it will be different, you'll have to position the image manually, or slice up your images strangly.
do you have an online version of the page? it would help to be able to look at it with all pictures in place and with a browser.
looks like a nice design, by the way.
do you have an online version of the page? it would help to be able to look at it with all pictures in place and with a browser.
looks like a nice design, by the way.
If it only works in Internet Explorer; it doesn't work.
•
•
Join Date: Jan 2007
Posts: 4
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
Well It moved it up a little lol but not quite there yet.
Here is the folder I have set up for the server: http://files.filefront.com/Team_UFHr.../fileinfo.html
You can preview it in browser with that i believe.
I'm going to google slicing because basically all I'm doing right now is I basically took the individual images from the template which I made on photoshop and put them on there. I am not even sure if I'm putting the buttons on right.
ty for the help so far.
Here is the folder I have set up for the server: http://files.filefront.com/Team_UFHr.../fileinfo.html
You can preview it in browser with that i believe.
I'm going to google slicing because basically all I'm doing right now is I basically took the individual images from the template which I made on photoshop and put them on there. I am not even sure if I'm putting the buttons on right.
ty for the help so far.
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
Linear Mode
- Photoshop: create a transparent navigation bar (Web Design Tutorials)
- How to hide navigation bar (HTML and CSS)
- Photoshop: create a tabbed navigation bar (Web Design Tutorials)
- css to make navigation bar (HTML and CSS)
- Navigation Bar that extends the length of the page (HTML and CSS)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Need help with this code
- Next Thread: Stop printing boxes around forms?
