HTML - Positions Of Links In A List

So I'd like to have a 160*600 box with hyperlinks displaying only a headlines I select. I would like the bottom of the box to have arrows for navigating between sections of links that fit in the box with a place to enter a page number in between them. I would like it to begin with displaying the most recently posted links starting on the last page number with that being the first page it displays.

I want the bottom of the box to include below the browsing chronological browsing feature an arrow facing left with the word "search" that would open a box with a place to type in text for it to search link headlines. At the bottom of the search box I would like an arrow facing down with the words "search by label". Yes, I would like to not only select a headline for each link but also categorically label them.

If I could also select images for it to automatically fill the empty space with when a new page number is started that would be great, even better if it selects ones that fill the most depending on how long the headlines are. If it repeated headlines in extra page space instead of showing images that would be cool too.

I'd also like it to automatically expand in height past 160*600 to make a new page number just for a headline that doesn't fit in 160*600.

I need this in HTML.

My blog is episin.blogspot.com

Hi guys, I'm a newb here, and I'm trying to create a table with a fixed position like this one

http://www.adachiu.me/

I have made one, but if I resize the window it will move into the table and look all wrong.
This website that I have provided does not do that; it will go up and down with the page when you scroll, and if you resize than it will not move into the table.

Does anybody know how to fix this?

Thanks
Sean

Ok, this page looked all screwed up with firefox and IE so I made tables. However, as you can see, I need those bottome pics/tables, underneath the top banner and to the right of the left banner.

Any ideas how I do that?

http://www.bringbackwendell.com/new2.html

Hello,

I have a website constructed with tables since I haven't had the time to learn CSS. When the browser window gets resized, the table disappears and moves below my ad (aligned left). I want my table to NOT move even if the browser window is resized. I am able to achieve this by "converting tables to layers" but I don't like how it makes my site look and it messes up the format of some of my content.

The code is:

<table width="800" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5"><div align="center"><a href="index.htm"><img src="images/banner.png"width="800" height="120" border="0"></a>
</div></td>
</tr>
<tr>
<td colspan="5">&nbsp;</td>
</tr>
<tr>
<td colspan="5"><div align="center">
</div></td>
</tr>
<tr>
<td colspan="5">&nbsp;</td>
</tr>
<tr>
<td><div align="center"><a href="index.htm"><img src="buttons/home.png" alt="Home Page" width="67" height="15" border="0"></a></div></td>
<td><div align="center"><a href="videos.htm"><img src="buttons/videos.png" alt="Videos" width="85" height="15" border="0"></a></div></td>
<td><div align="center"><a href="gallery.htm"><img src="buttons/gallery.png" alt="Gallery" width="107" height="15" border="0"></a></div></td>
<td><div align="center"><a href="about.htm"><img src="buttons/about.png" alt="About" width="80" height="15" border="0"></a></div></td>
<td><div align="center"><a href="contact.htm"><img src="buttons/contact.png" alt="Contact" width="108" height="15" border="0"></a></div></td>
</tr>
<tr>
<td width="160"><div align="center"></div></td>
<td width="160"><div align="center"></div></td>
<td width="160"><div align="center"></div></td>
<td width="160"><div align="center"></div></td>
<td width="160"><div align="center"></div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="223" colspan="5"><p class="style2">&nbsp; </p>
<p class="style3">&nbsp;</p>
<p></p></td>
</tr>
</table>

Thank you!

Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones.

So my question is: How hard is this to do? Is this something I need to hire someone to do for me?

Thanks in advance for any advice!

I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ?

thanks

I am making a website with a list inside list for my navigation bar. It looks good on safari(win/mac) and firefox but the list looks horrible in IE7.0(didnt check 6.0)

I was wondering if anyone know what it could be

HTML
Code:

Code:

<div id="nav"> <img class="menupic" src="images/mainmenu.png" alt="Main Menu"/> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_findme.png" alt="findMe"/></a></li> <li> <ul class="navlinks"> <li><a href="#goto_facebook" id="facebook">- Facebook</a></li> <li><a href="#goto_myspace" id="myspace">- Myspace</a></li> <li><a href="#goto_youtube" id="youtube">- Youtube</a></li> </ul> </li> </ul> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_blog.png" alt="blog"/></a></li> <li> <ul class="navlinks"> <li><a href="#blogid2" id="blogid2">- Testing | May 01</a></li> <li><a href="#blogid1" id="blogid1">- Debut Album | Apr 30</a></li> <li><a href="#goto_blogarchive" id="blogarchive">- Archives</a></li> <li class="donthidethis"><ul class="navli donthidethiseither" style="padding:0;"> <li><a class="point" href="#">- Categories</a></li> <li><ul class="navlinks"> <li><a href="#goto_catid2" id="catid2">- Media</a></li><li><a href="#goto_catid1" id="catid1">- News</a></li><li><a href="#goto_catid3" id="catid3">- Off Topic</a></li><li><a href="#goto_catid4" id="catid4">- Tutorials</a></li> </ul></li> </ul></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_eliasmusictv.png" alt="eliasMusic Tv"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="coming">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_about.png" alt="about"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_biography" id="biography">- biography</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_links.png" alt="links"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="links">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_contact.png" alt="contact"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_contact" id="contactpage">contactForm</a></li> </ul></li> </ul>

CSS
Code:

Code:

#nav { float:right; width:195px; padding-left:20px; background:url("images/navback.png"); } #nav ul { list-style: none; margin-left:1px; border: none; } #nav .navli { padding-top:3px; padding-bottom:3px; } #nav .navlinks { padding-left:25px; } #nav .navlinks a,a:link { color:#262626; } #nav .navli img { margin-top:5px; margin-bottom:5px; } #nav .navlinks a:hover { color:#dadada; } #nav img.menupic { margin:20px 10px 5px 95px; } #nav a { font-size:14px; display:block; } #nav a.point { font-size:14px; font-weight:bold; } .navliover { background:url("images/navhover.jpg"); }

Any help at all would be appriciated please
I can show u the website via Private message if you are interested in helping

Thanks in advance
Reply With Quote

Hello,

I ran into this problem today in my Basic XHTML class, and it was enough to stump me and the instructor: if you want to put an unordered list in the middle of a page, but you want the list items to be left-aligned so the bullets are one on top of the other...how do you do it?

I started with code something like

<div align="center">

<ul type="disc">
<li>Wine</li>
<li>Women</li>
<li>Song</li>
</ul>

</div>

This centers the list on the page, but it also centers each list item. I tried placing a <div align="left"> around the list items, individually and collectively, but depending on the positioning it either had no effect or it nullified the center attribute completely and gave me a left-aligned list on the left edge of the page. Attempts to change the style of the <li> tag, which I haven't done in months and was never all that good at, failed.

I know I can do this in ten seconds by putting the list inside a one-cell table, and with much fiddling I could probably do it with a spacer GIF...but what's the 1.0 Strict way?

Hey guys, my links are taking me away from my site. How can I make them open up into new windows instead?

Any suggestions appreciated.

cyclepete

I was wondering how to do 2 link's in 1,

Like where you can click a link, and a little slide bar will popout and show a preview of a page, but if you open it in a new tab. it will actually go to that page instead of opening a preview of the page.

Basically 2 different link's,

Does anyone know how to do this?

(an example of this is on facebook, on the right side of the page where your "online friends" are. if you click there name, an instant message box pops up at the bottom, but if you right click there name and open in a new tab it goes to there profile instead of opening the Istant message box.

Can someone look at this page for me and tell me why some of my links change color after being visited but not all of them i am stumped.

http://site.sunaviationinc.com/NOVEMBER

does anyone know how to create a link that brings you down to a lower part of the page?

Hi,

I'm new at this and was wondering if anyone could help me with the Html syntax so that when i click on <a href> link instead of going to a new page it simply either drops down or pops out with a number of other links which actually bring you to pages??

Something like the main link it "options" and the sub link are "sounds" and "view".

Thanks for your help!!!!

The problem with having only a nominal knowledge is that everything you want to do ends up taking hours because you can't figure out what it's called so you don't know how to search for it!

I'm trying to have a left sidebar where when you hover over it, a new menu of links appears. Here are a few examples of what I'm looking for:

Amazon. When you hover over the books or other links to the right, it gives you more options: http://www.amazon.com/

PBS. If you hover over Episodes it gives you more options. I want a left justified thing, but it's the same idea, I think: http://www.pbs.org/wnet/nature/episo...oduction/3153/

Or even something as simple as this. Hover over "Club Events." http://www.springfieldkennelclub.org/

Thanks!

I am building a Website for my Web Design class in school. I am using Dreamweaver CS4 at home. What the problem is that I have linked my Myspace, my Youtube, and my Twitter on the site I am making. When I test out the links on the web what happens is that it uses the Web address I am at and the Web address I clicked and adds it together. For Example,

Lets say I have linked my myspace on my youtube. It would look like this,


www.youtube.com/www.myspace.com. Why does it do this.

Anything helps. Thank you.