3 replies to this topic

[SiGnature™]

Hey guys, I was wondering how I could get some description text under my menu bar like www.dzinerstudio.com. I have created a layout from scratch using XHTML/CSS and have started learning it all to the full. I am beginning to like the fact that CSS is much more easy to code a layout in. Anyway, I've created a menu and I am trying to get some text underneath it. Like the menu DzinerStudio has:

Home - Site Front
Community - Support Forum
Downloads - Various Files
....

My menu is all aligned correctly and just like the above menu before anyone asks. Just need that little bit of code on how to align the text under the menu. Thanks.

___________________

Second question is that does anyone know how I can get these two blocks into my HTML code (or CSS code if it applies)? Basically I want a sub-navigation kind of thing and a search box just under my navigation menu and above my content box like this:



You can view this demo page on my site (click here) and check the source code or css sheet etc if you want to see how I've structured my site out then according to that you may answer (just a suggestion ). Thanks guys.

[rc69]

For question one, have you tried looking at their source (note: the following has been formatted for readability)? Notice the <br>'s inside the <a> tags.

<ul id="topnav">
			<li  class="chosen"><a href="http://www.dzinerstudio.com/index.php"><strong>Home</strong><br />Site Front</a></li>
			<li><a href="http://www.dzinerstudio.com/index.php?action=forum"><strong>Community</strong><br />Support Forum</a>
				<ul>
				<li><a href="http://www.dzinerstudio.com/index.php?action=help">Help</a></li>
				<li><a href="http://www.dzinerstudio.com/index.php?action=search">Search</a></li>
				<li><a href="http://www.dzinerstudio.com/index.php?action=calendar">Calendar</a></li></ul>
			</li>
			<li><a href="http://www.dzinerstudio.com/index.php?action=tpmod;dl"><strong>Downloads</strong><br />Various Files</a>
				<ul>
				<li><a href="http://www.dzinerstudio.com/index.php?action=tpmod;dl">Browse Downloads</a></li>
				</ul>	
			</li>
			<li><a href="http://www.dzinerstudio.com/index.php?board=8.0"><strong>Tutorials</strong><br />Photoshop</a>
				<ul>
				<li><a href="http://www.dzinerstudio.com/index.php?board=8.0">Browse Tuts</a></li>
				</ul>	
			</li>
			<li><a href="http://www.dzinerstudio.com/index.php?page=club"><strong>Theme Club</strong><br />Premium Themes</a>
				<ul>
				<li><a href="http://demo.dzinerstudio.com/" target="_blank">Live Demos</a></li>
				<li><a href="http://www.dzinerstudio.com/index.php?page=Terms_of_Use">Terms of Use</a></li>
				</ul>	
			</li>
			<li><a href="http://www.dzinerstudio.com/index.php?page=team"><strong>The Team</strong><br />About Us</a>
				<ul>
				<li><a href="http://www.dzinerstudio.com/index.php?page=team">TeamPage</a></li>
				</ul>	
			</li>
			<li><a href="http://www.dzinerstudio.com/index.php?action=login"><strong>Login</strong><br />Member Login</a>
				<ul>
				<li><a href="http://www.dzinerstudio.com/index.php?action=register">Register</a></li>
				</ul>
			</li>
		</ul>

Edited by rc69, 10 January 2009 - 06:43 PM.

[SiGnature™]

Well yeah, I've looked at the <br /> tags etc But on my nav it turns out messed up... It adds a bunch of lines vertically... What description text comes infront of the link next to it. Ok, how about 2nd question, any ideas on that (looks more simple to do).

[SiGnature™]

Ok, I got the 2nd question solved myself... now back to Question 1 lol.