|
HTML - Html Sublist Problem.
Hi Experts,
I have attached the code along with the current and desired snap shots of left navigation panel of my website. I want the ticket Status as a sublist item below Alerting with a round Bullet. how do I do that? Code: <ul class="nav-list"> <ul class="submenu"> <li ><a href="index.jsp">Home</a></li> <li ><a href="ExeSum.jsp?page=summary">Executive Summary</a></li> <li class="submenu-current"><a href="l">Alerting</a></li> <li id="alertSubmenu1"><a href="">Ticket Status</a></li> <li ><a href="contact.jsp?page=contact">Contact Us</a></li> </ul> </ul> Similar TutorialsHere's my CSS-code for an item in a list: li { margin: 0em 0em 0em 4em; padding: 2px 0px 0px 2px; font-size: 9pt; } Now when I try to make a sublist, the problem is that the items in the sublist start from the same horizontal position than the items in the "main" list. Anyway to fix this? Should a make a new CSS item but with different margins and padding? How is that going to work since there's only one "li" available? How should I name it then? My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!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=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Can some one please take a look at this and help me get the images to line up as they should!!! http://www.ardmoreweatherlive.com/wx3.php code: <!-- ##### Main Copy ##### --> <br> <font face="verdana,arial" size="3"><center>Click on radar image for full size</center></font> <br> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></TH> <TH>Echo Tops<br><a href="/wx17.html""><img src="/resize-et-image.php"></img></a></TH> </TR> </TABLE> </center> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Velocity<br><a href="/wx18.html"><img src="/resize-bv1-image.php"></img></a></TH> <TH>Relative Velocity<br><a href="/wx19.html"><img src="/resize-srv1-image.php"></img></a></TH> </TR> </TABLE> </center> <br> </div> <!-- ##### Footer ##### --> Thanks again for the help,Doug I think this is a CSS issue so I posted in the CSS section. So, I'm working on my Myspace, and I decided to use a div overlay to make my own design in photoshop and export it so that I can have my own custom design. I had a friend help me with the div overlay part and I used this as the div overlay.. Code: <style type="text/css">
.cover{
position: absolute;
background-color: rgb(255,255,255);
top: 160px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 900px;
z-index: 2;
padding: 0px;
border-width: 0px;
border-color: rgb(0,0,0)
}
</style>
<div class="cover"></div>
<div style="position:relative; height: 400px; overflow: hidden; border: 0px"><table><tr><td><table><tr><td>
And with that, my entire profile was covered. So I designed my layout in photoshop, and saved it as a flattened image, and used "hotspots" on dreamweaver to link it. That was the only way I could think of to code it. The code works perfect, and the design looks great, but the problem is that it gets covered by the div overlay and gets placed in such a way that it moves the layout and some of the myspace features start showing in the background again. I can supply the source code of my myspace with the layout on it and div overlay. Any help in this matter is extremely appreciated. Thankyou very much guys. Hi, I have a website which runs primarily on html, but I call some dynamic content using <?php include 'list.php' ?> inside the body tag of index.html. <html> .... <body> .... <?php include 'list.php' ; ?> ... </body> </html> The domain is redirected to public_html/myproject (index.html and list.php is present here). Now only the html shows up. The php content is not included. (the list does not show up, works fine in local machine) How do I include php on html files? What changes should I make? 1. I tried adding a .htaccess in the myproject folder with the content AddType application/x-httpd-php5 .html .php AddHandler application/x-httpd-php5 .html But it throws a 500 error. 2. Should I make any changes to php.ini file? [ There is no php.ini file in the sub directory as of now. Is it required? ] 3. I also tried adding a apache handler in the bluehost control panel, but in vain. Desperately in need of a solution. Appreciate any quick response, Thanks http://boosterbath.com Hi all, Having a bit of a problem trying to verify a site with Google. Uploaded the meta tag code to the index.html page of our site via an FTP server, however when I view the site, it doesn't interpret the html as html, it just shows me the code. The coding that I put in the index.html file is the standard google meta tag verification code: <html> <head> <meta name="google-site-verification" content="iQ3ySqJZaIc0njNiOJyDq1OnskxGqraQvuGKaNAGlbY" /> <title> My title </title> </head> <body> page contents </body> </html> Any ideas why it isn't interpreting it as HTML? I can't verify by the other method because of some issues with forwarding. Any help would be much appreciated! Thanks, Joel i'm trying to build a web page using HTML but i'm trying to put pics on it but i dont know how to, can some1 tell me what to do? also can you have a look at my page and tell me if i need to do more to it please and how to do it. coz i feel it looks abit dull many thanks :) http://uk.geocities.com/leighton24@btopenworld.com/ Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Help please, I am making a website, and i have a problem. I have a page that when opened in Safari and when you try to open it on firefox it doesnt work and comes up with: ��<�h�t�m�l�>� � �<�h�e�a�d�>� � �<�t�i�t�l�e�>�P�l�a�n�e� �C�o�l�o�u�r�i�n�g� �I�n�d�e�x�<�/�t�i�t�l�e�>� � �<�m�e�t�a� �h�t�t�p�-�e�q�u�i�v�=�"�C�o�n�t�e�n�t�-�T�y�p�e�"� ... It is based on another page I have made, which works fine but this one seems to not want to I know I have asked for help with problem before but I didn't get it sorted. The problem is the table stretches out for some reason.This only happens in Firefox 2.0. Screen shot: http://i111.photobucket.com/albums/n...Untitled-2.jpg I have attached some of the e portfolio to this thread, Thank you Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. I can't get the height of the outer box to fit tight around the smaller ones. It does in Safari but not in most browsers. <html> <body> <table border=1 width=634><td valign=top align=left><form><select id=ctAdmin ><option>Administrative Postings</option><option>Flick Two-to come</option><option>Flick Three-to come</td><td valign=top align=right><form><select id=ctFMA><option>Members Postings</option><option>Flick Two-to come</option><option>Flick Three & Four-to come</option></select></form>"); </body> </html> Code: <META NAME="keywords" CONTENT="diet, weight loss, magic chicken diet, chicken di Error: there is no attribute "NAME". Code: <META NAME="keywords" CONTENT="diet, weight loss, magic chicken diet, chicken di Error: there is no attribute "CONTENT". Code: ss, magic chicken diet, chicken diet"> Error: element "META" undefined. Code: <embed src="http://www.magicchickendiet.com/flash_header.swf" qual Error: there is no attribute "src". here is complete list of issues, Please help me if you can . thanks. Hello I am new to HTMLforum and joined because I am having trouble viewing a page correctly in IE...just like most cases, it views perfectly fine in Firefox, Safari, etc. The problem I am having is in the backround image section. You see, I have a background pattern/img on the whole page itself (ex. the wood pattern). But in the TABLE section where all my content will be, i ALSO have another background img/pattern (ex. wrinkled paper) The problem I am having is, in Firefox(etc) the page views perfectly fine. But in IE (7) the page only views the wood pattern and not the wrinkled paper pattern inside my table. here is a temporary link to the site http://www.realtourproductions.com/newtrail/index.html I would greatly appreciate any help. Hello folks. I have this problem. I use a PHP script to echo many tables on one page. (I am posting this in the HTML forum as it requires HTML, not PHP knowledge! ). I use a class called stdDiv to get a border for the table. When I try and use <br />es and <spacer type="horizontal" size="10px" /> I do not get the effect I want. I wish for 10px between each table as described in the diagram below: However I do not get this and my table overlaps and is somehow displayed as if it is in the second row. What I get: Here is my code just for clarity: PHP Code: echo "<table class=\"stdDiv\" style=\"width:100%;\" > <colgroup><col width=\"33%\" /><col width=\"33%\" /><col width=\"33%\" /></colgroup> <tr><td colspan=\"3\" align=\"center\" class=\"title\" border=0>".$record['title']."</td></tr> <tr><td colspan=\"3\" align=\"center\" class=\"description\">".$record['description']."</td></tr> <tr><td colspan=\"3\" align=\"center\" ><img src=".$record['image']." style=\"width:128px; height:64px;\" /></td></tr> <tr><td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Version: v".$record['version']."</td> <td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Rating: ".$record['rating']."</td> <td class=\"text\" align=\"right\" style=\"border: 2px solid #999999\">by <b>".$record['creator']."</td></tr> </table>"; This will give out a table and it is executed with every looping. I want to know how or what code to insert to create a gap of 10px between it and the next time I want to output a table Regards and thanks in advance, mintsmike Hi Guys, I searched through older posts but I couldnt find the exact answer I was looking for. I am redesigning a few things on my website, the page I am referring to can be seen here - http://www.adamhuckle.com/test2.htm - I would like for the two images and their corresponding text to be next to each other (as they are now) but with some spacing between them. Is it possible to insert colums parhaps? I would like them to be side by side but with some additional spacing in between. Any help is welcome. Thanks in advance! Hello, I have created a form, but i have a big problem. I think i make a terrible mistake with the code. I think problem is comming from here, and this is the code where i have doubts: <form action=" mailto:name@somemail.com ?subject=form submission" method="post" enctype="text/plain"> My idea is to receive an email with some information of the next fields, but when i submit the information from the form , my outlook express is opening. How can i fix it and the submited info to go to my email? Thanks !!! |
|||||||