DrunkDuck: The Webcomics Community

Browse

Tutorials

Games

News

Forums

5...4...3...2...1!

Forums

» View Categories » Coding Help & Templates » Navigation Bar problems

Previous 30

Page of 1

Next 30

Loud_G

Member:	34,490
Posts:	335
Joined:	8-13-2007
Seen:	11-28-2009

Mar 6,`09 11:07am | Quote | ↓

Hellos fellow DDers. I am having a bit of trouble with the code for my site. There are a couple of things that are really driving me nuts. But I can't figure them out. If any one has any suggestions, I would be MOST appreciative! Thanks!

I took out any tracking number etc sections such as project wonderful for security purposes for posting here, but I left comments showing where they were.

I have two main problems. The biggest one being that the DD Navigation Bar at the top of the page is all messed up somehow. I'm not sure how this happened, but I can't fix it.

Secondly (and this is mostly aesthetic) the white comment section doesn't work right. The entire section is supposed to line up with the gif's which cap it at top and bottom, and it is supposed to be white all the way to the bottom (with the two columns of stuff in there). Yet, it pokes out on the right where the "h4" is and depending on the browser the white area does not always go all the way to the bottom in the right column.

Again, any help would be awesome THANKS!

XHTML Said:

<!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" xml:lang="en">
<head>
<meta name="Authors" content="Gary Lougee" />
<meta name="revisit-after" content="2 days" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="projection, screen" href="html/style.css" />
<title> </title>

</head>

<body>
<style type="text/css">
<!--
#menu {
padding:0;
margin:0;
display:inline;
float:left;
}
#menu a{
display:block;
float:left;
width:100px;
height:64px;
}
#menu a.about {
background: url("/George_the_Dragon/gfx/g%20about.gif"

top left no-repeat;
}
#menu a:hover.about {
background: url("/George_the_Dragon/gfx/g%20about%20MT.gif"

;
}
#menu a.cast {
background: url("/George_the_Dragon/gfx/g%20cast.gif"

top left no-repeat;
}
#menu a:hover.cast {
background: url("/George_the_Dragon/gfx/g%20cast%20MT.gif"

;
}
#menu a.links {
background: url("/George_the_Dragon/gfx/g%20links.gif"

top left no-repeat;
}
#menu a:hover.links {
background: url("/George_the_Dragon/gfx/g%20links%20MT.gif"

;
}
#menu a.extras {
background: url("/George_the_Dragon/gfx/g%20extras.gif"

top left no-repeat;
}
#menu a:hover.extras {
background: url("/George_the_Dragon/gfx/g%20extras%20MT.gif"

;
}
img {
border: 0;
display: block;
}
-->
</style>

<div id="wrap">
<div id="main" align="center">
<a href="/George_the_Dragon/" target="_top"><img style="float:left;" src="http://www.drunkduck.com/George_the_Dragon/gfx/G half1.gif" border="0"/></a><a href="http://www.drunkduck.com/George_the_Dragon/" target="_top"><img src="http://www.drunkduck.com/George_the_Dragon/gfx/G half2 top.gif" border="0"/></a>

<div id="menu">
<a class="about" href="/George_the_Dragon/html/About.html" target="_top"></a>
<a class="cast" href="/George_the_Dragon/html/cast.html" target="_top"></a>
<a class="links" href="/George_the_Dragon/html/Links.html" target="_top"></a>
<a class="extras" href="/George_the_Dragon/html/Extras.html" target="_top"></a>
</div>
<div style="float:right;">
<a href="/George_the_Dragon/" target="_top"><img src="/George_the_Dragon/gfx/G half2 bottom.gif" border="0"/></a>
</div>
<div style="clear:both;">
<img src="/George_the_Dragon/gfx/g bar.gif" border="0"/>
</div>
<a name="top"></a>

<div style="width:800px;height:68px">
<div style="float:left;width:200px;"></div>
<div style="float:left;width:200px;left:150px"></div>
<div style="float:right;width:200px;"></div>
<div style="float:right;width:200px;right:150px"></div>
</div>

<div id="comic" style="padding-bottom:0px;padding-top:0px;">

</div>

<div style="width:800px;height:68px">
<div style="float:left;width:200px;"></div>
<div style="float:left;width:200px;left:150px"></div>
<div style="float:right;width:200px;"></div>
<div style="float:right;width:200px;right:150px"></div>
</div>

<img src="/George_the_Dragon/gfx/green bottom.gif" border="0"/>
<br>
<div style="width:600px;align:center;text-align:left;"></div>
<br>
<img src="/George_the_Dragon/gfx/white top.gif" border="0"/>

<div id="comments" style="background:white;width:800px" align="center">
<h4></h4>

<div id="comments_two" style="background:white;width:400px;float:left">
<h4 align="center">Author Comments:</h4>
<br />

<br>
<h4>Reader Comments:</h4>

</div>

<div style="background:white;width:400px;float:right;">


<br /><div></div>
<br />
<a href="http://www.comixpedia.org/index.php?title=George_the_Dragon"> George the Dragon WIKI!</a>
<br />





</div>
</div>

<img src="/George_the_Dragon/gfx/white bottom.gif" border="0"/>
<br style="clear:both;"/>
<div class="centered"></div>
<a href="#top">Return to Top</a>
</div>
<br />

<div id="footer" align="center">All content © Gary Lougee. Question? Comments? Contact me at: "belgarion2000" AT "hotmail" DOT "com"

<br><a href="http://www.onlinecomics.net">www.onlinecomics.net</a>

<br />
</div>
</div>

</body>
</html>

Find out what George is up to:

Go! Visit George or he may have to eat you!*

*Disclaimer: George may or may not eat violators depending on hunger level and scarcity of better tasting prey.

BlkKnight

Member:	25,087
Posts:	837
Joined:	5-28-2007
Seen:	11-28-2009

Mar 13,`09 8:34am | Quote | ↓

None of us have control over the DD Navigation, so I don't know what happened there. As for all of the alignment issues in the comment section, you should probably have the divs in that section contained within a table to maintain equal height. Divs only go as long as their content or height specification.

Crossing Death: Action, Romance, Bubblecaps, and Death.

Loud_G

Member:	34,490
Posts:	335
Joined:	8-13-2007
Seen:	11-28-2009

Mar 13,`09 12:48pm | Quote | ↓

how do you mean?

by using <table> <tr></tr> </table> notation somehow with pixel widths?

Find out what George is up to:

Go! Visit George or he may have to eat you!*

*Disclaimer: George may or may not eat violators depending on hunger level and scarcity of better tasting prey.

BlkKnight

Member:	25,087
Posts:	837
Joined:	5-28-2007
Seen:	11-28-2009

Mar 13,`09 10:40pm | Quote | ↓

It's more using a table instead of two divs for the columns.

This post was last edited on Mar 13,`09 10:41pm

Crossing Death: Action, Romance, Bubblecaps, and Death.

Loud_G

Member:	34,490
Posts:	335
Joined:	8-13-2007
Seen:	11-28-2009

Mar 14,`09 9:18am | Quote | ↓

Thanks! I've got that figured out. It all looks flush now!

The DD bar is still odd, but I don't have the remotest clue on why... :D

Find out what George is up to:

Go! Visit George or he may have to eat you!*

*Disclaimer: George may or may not eat violators depending on hunger level and scarcity of better tasting prey.

Loud_G

Member:	34,490
Posts:	335
Joined:	8-13-2007
Seen:	11-28-2009

Mar 20,`09 8:03am | Quote | ↓

Should I post the Navigation Bar problem in "extermination Station" then? or is it a problem that is so far from the norm that it has no hope of being fixed?

Find out what George is up to:

Go! Visit George or he may have to eat you!*

*Disclaimer: George may or may not eat violators depending on hunger level and scarcity of better tasting prey.

skoolmunkee
Admin

Member:	56
Posts:	5,894
Joined:	1-2-2006
Seen:	11-28-2009

Mar 20,`09 3:08pm | Quote | ↓

I haven't responded because I really have no idea what it could be :/ The only thing I could think of is an imporperly closed tag or something, but at a casual look I can't see anything like that. The only other thing I could think of is that since the navbar is automatically inserted, if you are somehow duplicating the navbar code (such as if you c/p the code from view source and picked it up) then it would display twice... but I dont' see anything in the code indicating that either.

Loud_G

Member:	34,490
Posts:	335
Joined:	8-13-2007
Seen:	11-28-2009

Mar 20,`09 4:23pm | Quote | ↓

Thanks skoolmunkee, I appreciate you looking over it. It is such an odd thing to occur that I think the solution is probably going to be so hard, that it would be easier to just rewrite the entire site :D

Ah, well. I appreciate the attempt. I'm stumped, I've stumped my friend who is a full time programmer and web developer, and I've stumped the admin :D I'll survive

Thanks again

Find out what George is up to:

Go! Visit George or he may have to eat you!*

*Disclaimer: George may or may not eat violators depending on hunger level and scarcity of better tasting prey.

skoolmunkee
Admin

Member:	56
Posts:	5,894
Joined:	1-2-2006
Seen:	11-28-2009

Mar 20,`09 6:40pm | Quote | ↓

I tried putting the code into dreamweaver just to see if it would spit out anything obvious (both the code you gave here and the view source I got off the actual html) and they are both rendering as they should. I'm really not sure what could be going on. I noticed in the view source that the sections in the black part are actually individual table cells, so if somehow the browser thinks those cells aren't wide enough to display all the buttons/images inside them, it would stack them like it's doing - or if it thought there were line breaks in the code. I don't think that would explain why it looks fine in dreamweaver but looks funny in the browser, though.

The only other thing I could suggest is that something in your custom coding has interfered with something dd-end code is trying to do. You could try removing your custom CSS section just to see if that allows the toolbar to render properly- if so you might have a width restriction in there or something that is trying to override... I'm not seeing anything that COULD interfere, but it's something to check :/

Loud_G

Member:	34,490
Posts:	335
Joined:	8-13-2007
Seen:	11-28-2009

Apr 1,`09 6:15am | Quote | ↓

I wanted to thank you Skoolmunkee! You have really gone above and beyond the call f duty here. I know it didn't get fixed, but I really appreciate the care and service rendered. I know you admins have a lot on your plates, so the fact that you took time out of your day to run my code through dreamweaver is awesome.

Thanks for the suggestions, I'll give them a shot.

Find out what George is up to:

Go! Visit George or he may have to eat you!*

*Disclaimer: George may or may not eat violators depending on hunger level and scarcity of better tasting prey.

Previous 30

Page of 1

Next 30

Not Registered?
Signup for a FREE Account!

Registered users can:
Comment on comics!
Create their own comics!
Vote in polls and contests!
Use the forums!