|
HTML - Ssi - Alignment Problem - Need Help Urgently
Hello there,
I am in serious need of help. I am working on a site where I could update the navbar at any time and not have to change the code on numerous pages. After some reading, I concluded that the use of an SSI would be a suitable solution. With that being said, my headache ensues. I have developed an outline in dreamweaver for my website, and have created a div where the ssi will be placed. The navbar was created in Fireworks. In IE, i can get the menu to appear where I want it, which is below the flash image below the header, however, when I run the mouse over the dropdown, the drop down appears some 50 pixels above the navbar. I am thinking that this might be a css problem. In Firefox, the div tag appears off to the left and when the mouseover is done, the dropdown appears in the same place as they have in IE. In both instances, the dropdown menu is in line with the image used in the navbar. I would really appreciate any help someone could offer. If someone could send me a working solution, I would be even more grateful. I think my eyes are tired of viewing the code. the site can be viewed at the following url: http://www.prestigeinteractive.com/wmems2/ I would greatly appreciate any help you can offer. Thanks, Greg ps. if you would like the source files, email me at gwhite@prestigeinteractive.com Similar TutorialsHi, i have created a website that shows some videos to users. but those videos are stored in temperory internet files folders. i dont want this thing to happen. can i have the solutions please..??? Thanks, Kunal Hi all...I hoping you can help me with a slight problem?! I recentely purchased a reseller account and i have several domains set-up as accounts. All files are published to their correct folders and the sites all display on my computer, but not on other peoples computors???? I`m selling a copy of my cleaning website on ebay made using HTML files nd uploaded to my Public_Html folder on my server. The reseller nameservers have been edited/branded via my WHM and those name servers have been added to the "Hosting summary" via Godaddy in the correct manner (ns1 and ns2 etc). Im getting people say that the link i placed in my ebay advert points to an error message yet its the right address! When i selected the link myself on my computer yesterday it was fine...but i went to a local internet cafe to see if the reported problem was true....and it was! The main link im worried about is: www.startyourowncleaningbusiness.biz However if you could check-out these domains and report back if you can not view these pages......Im pulling my hair out!!! Thanks in advance www.whichlogo.com www.wirelessconsole.com www.outlookwebhosting.com www.creditcheckscore.net head2headpoker.com Please help me to make given below design... My page requirement is -> http://yfrog.com/kfl4p My image that i have made for border -> http://yfrog.com/h354dg Since I have made the image for border in photoshop but when i use that image then it do show properly as i want. Please help me urgently for this thing... Regards.... Hi I realy need help with my coursework! I am really bad with HTML and forms I want my form to not send to the email address i have specified unless all the fields in the form are full, this wont be a problem with the select boxes and the radio buttons as they are already selected. I only need to validate the text field and area. This is my form so far ... 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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
.style1 {color: #FFFFFF}
.style2 {font-size: 14px}
-->
</style>
<form action="script.cgi" onSubmit="return checkform()">
<script>
function checkform()
{
if (value of textfield is null)
{
alert('Please insert your name');
return false;
}
else if(value of textarea is null)
{
alert('Please enter your comments for this website');
return false;
}
return true;
}
</head>
<body>
<form action="emailformhandler.php" method="post" name="Feedback Form" class="style2" id="Feedback Form">
<p align="left">Your Name <span class="style1"> .................................................</span>
<input type="text" name="textfield" size="30" maxlength="100" />
</p>
<p>Where do you live?
<span class="style1">....................................</span>
<select name="select" size="1">
<option>Dunstable</option>
<option>Luton</option>
<option>Houghton Regis</option>
<option>Other</option>
</select>
</p>
<p>How did you find out about this website?
<span class="style1">....</span>
<select name="select2" size="1">
<option>Your Teacher</option>
<option>Mr Holmes</option>
<option>Word Of Mouth</option>
<option>SSCO</option>
<option>Search Engine</option>
<option>Other</option>
</select>
</p>
<p><img src="http://himeshs.co.uk/ICT/untitled.GIF" width="181" height="56" /><span class="style1">.......................</span>
<textarea name="textarea" cols="30" rows="5"></textarea>
</p>
<p>
What is your rating of this website
<span class="style1">.............</span>
<input name="radiobutton" type="radio" value="radiobutton" checked />
Excellent
<input name="radiobutton" type="radio" value="radiobutton" />
Good
<input name="radiobutton" type="radio" value="radiobutton" />
Average
<input name="radiobutton" type="radio" value="radiobutton" />
Poor</p>
<p>
<input type="submit" name="Submit" value="Submit Form" />
<input type="reset" name="Submit2" value="Clear Form" />
</p>
</form>
</body>
</html>
I would appreciate any help i could get and dont forget im a noob at forms nd stuff like that lol Thanks! Himesh hello me and my friend have paid a web developer to build us a website, and i like it, but the forum was so outdated that i don't think people would enjoy using it. anyway he said it was impossible to replace it, but mentioned HTML, which is why i'm here basically asking is there anything i can do. what i want to do is connect the forum to the actual website, not just the link where members would have to sign in all again. i've created a temporary forum, but would like a sollution for the long term. if you guys or girls got any advice, then please help. thank you. my website is www.dorsetghostinvestigators.com I've been putting my layout into html from photoshop and finally finished, thing is I was using Firefox to view it as I went along. Now when I view it in Internet Explorer, there is this small unexplained space on the right side of my header image that is screwing up the page, plus the table that I have the navigations links on the top left has way more spacing between rows than it does on Firefox. Here's the layout: http://www.ff12guide.com/ the two problems a 1) the empty space to the right of 'header_red.jpg' and 'top-2-shadow.jpg' at the top of the page 2) the links in the 'sections' area at the top-left (characters, combat, etc.) is much more spaced out than it is in Firefox, and does not look right I absolutely cannot figure out how to fix this and it's driving me nuts, anyone have an idea? On my website, www.JKRfan.com , the alignment on the layout is a little bit off and I can't figure out why. The problem with the alignment also changes from page to page. Will somebody please help? Thanks, Kristen i have uploaded my website. i m facing a problem. my website appears differently in different computers. its like changing alignment, table spreading so so. i used table to develop the site. how can i fix this problem. Can anyone help me? I am practicing code from a file and I am having issues. Specifically, I the geogebra applet is supposed to be framed in the right side, where the "buttons" are the left. I can't figure out why the file is not on the right side in its own section. Any suggestions? I am attaching the code using a word document... I highlighted what I feel is the problem. Nick Hi, I've finally created a 2 level CSS menu and I've positioned a DIV layer below it for the content. However, I would like to know how to shift the content DIV layer up, closer to the menu (horizontal one). Or is my coding for the menu causing a problem? Here's my site btw: Click I'm really stuck here. This has worked in the past, but not it seems to not be working. It must be a really easy fix. HTML Code: <body style="font-family:Georgia;"> <div align="center"> <div id="content"> Lorem ipsum... </div> </div> </body> I want the "content" field to be center aligned, but it is still sitting there on the left. How do I fix this? Thanks! I am hoping that someone may have a solution for me - in one of my table columns I have 3 images (logos that link to sites) and I have set them with a vertical top alignment - so that when the page goes long - the logos stay at the top - this works perfectly in all browsers, except (of course) IE... would anyone know how to fix this? My site can be viewed at http://bebywebtest.9k.com/history.html ... if you click open the collapsible menus - you can see the logos - start to center themselves down the page - instead of staying at the top... <br /> </td> <td width="5" rowspan="3"> </td> <td width="380" height="179" bordercolor="#000066" bgcolor="#FFFFFF"><div align="center"><a href="http://www.israelbonds.ca"><img src="Images/header-march-2006.gif" alt="bonds" name="israelbonds" width="256" height="100" border="0" valign="top" id="israelbonds" /></a></div></td> </tr> SO - if anyone has any suggestions on how to remedy this fiasco - I would be most grateful! Thanks. Hi, I am having dramas with a template and it lining up with the Backgroung Image. The template has the same background image as the page background but its like a mesh effect so its a real pain in the butt to line up. And its not working because different screen resolutions and browser widths move the template on the page background. See he http://www.superiorshine.com.au/new If you load the page and the make your browser width smaller you will see the template move along the background image this is why it never lines up cause its floating all over it. Is there anyway i can stop this? I have spent a total of 7 hours fiddling with the background and i still cant get it to work. My last resort is to go into the .PSD and make the website width and height bigger then peoples resolution and save for web and make the bits outside the template (background image) a picture in a cell so the page doesnt see images and expands the scroll bars. Here is the template overlapping: www.superiorshine.com.au/sample/overlap.jpg Any other idea's as this is really getting to me LOL.. Cheers Hi all, my first post... I'm having troubles when i try to add a table after a left aligned table. When i add the second table it goes just at right of the previous table, not at bottom as i want. Example: HTML Code: <table width="60%" border="1" align="left" >
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<table width="60%" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Any sugestions about placing the second table at bottom of first one are welcome. Hi am trying to get multiple tables with different number of columns to be aligned properly. I'd expect the columns width the same width of both tables to be align properly. But they are not, as you can see on the attached picture at the bottom of the page. The first two columns look good, but the more columns I add the more shrewd up the result gets. Does anybody know how to get them properly aligned ? Of course it works if the width is given in px not in %, but that is not what I want to do. Using a single table and colspan is also not an option, as this is a simplified example of the problem. Thanx in advance. HTML Code: <html>
<body>
<style type="text/css">
.width100pro {
width: 100%;
}
.c1-6 {
width: 15%;
}
.c1-12 {
width: 5%;
}
.t1 {
width: 35%;
}
.t2 {
width: 65%;
}
.b25 {
width: 25px;
}
.b100 {
width: 100px;
}
</style>
<table class="width100pro">
<tr>
<td class="c1-12"><input value="TestSMall" class="b25"></td>
<td class="c1-6"><input value="TestBig" class="b100"></td>
<td class="c1-12"><input value="TestSMall" class="b25"></td>
<td class="c1-6"><input value="TestBig" class="b100"></td>
<td class="c1-12"><input value="TestSMall" class="b25"></td>
<td class="c1-6"><input value="TestBig" class="b100"></td>
<td class="c1-12"><input value="TestSMall" class="b25"></td>
<td><input value="TestBig" class="b100"></td>
</tr>
</table>
<table class="width100pro">
<tr>
<td class="c1-12"><input value="TestSMall" class="b25"></td>
<td class="c1-6"><input value="TestBig" class="b100"></td>
<td class="c1-12"><input value="TestSMall" class="b25"></td>
<td class="c1-6"><input value="TestBig" class="b100"></td>
<td class="c1-12"><input value="TestSMall" class="b25"></td>
<td><input value="TestBig" class="b100"></td>
</tr>
</table>
</body>
</html>
Hey Can someone please tell me how I can cushion the object on the right to the content in the center? I can't use fixed widths, since the width of the central content differs. If I remove 'float: right;' from .css, the object goes behind the central content. HTML: Code: <div class="breadcrumbs-container">
<div class="breadcrumbs-left"></div>
<span class="breadcrumbs">
<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a>
<!-- BEGIN navlinks -->
<img src="{T_THEME_PATH}/images/breadcrumb_arrow.gif" width="8" height="9" alt=">" />
<a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a>
<!-- END navlinks -->
</span>
<div class="breadcrumbs-right"></div>
</div><!-- /breadcrumbs container -->
CSS: Code: .breadcrumbs-container {
background: transparent;
margin: 0;
padding: 0;
height: 30px;
width: 100%;
}
.breadcrumbs {
background: url("{T_THEME_PATH}/images/breadcrumb-bg.png") repeat-x;
height: 30px;
float: left;
vertical-align: middle;
line-height: 30px;
}
.breadcrumbs-left {
background: url("{T_THEME_PATH}/images/breadcrumb-bg-left.png") left no-repeat;
width: 50px; height: 30px;
float: left;
}
.breadcrumbs-right {
background: url("{T_THEME_PATH}/images/breadcrumb-bg-right.png") right no-repeat;
width: 50px; height: 30px;
float: right;
}
Thanks Hi All, I am creating a new website using html frames (I know, using the html frames are a bad idea but my client wants this). The website have a header, content panel and footer. Html frameset have 1px border. I need frames align centered in the webpage. could somebody help me to short it out. Frameset code is here <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>vvaves</title> </head> <frameset border="1" bordercolor="#CCCCCC" frameborder="0" rows="330,800,150" style="height:1180px"> <frame src="top_panel.html" frameborder="0" scrolling="no" noresize="noresize" /> <frame src="content_panel.html" frameborder="0" scrolling="no" noresize="noresize" /> <frame src="bottom_panel.html" frameborder="0" scrolling="no" noresize="noresize" /> </frameset><noframes></noframes> <body> <div align="center"></div> </body> </html> Please help me. Thanks in advance. Sunil Saini Hi, There may be an easy solution but ive spent over 3 hours trying to correct this now. Basically i have 3 pages, each of which i 'saved as' to ensure the basic layout was identical. When the pages are aligned left they are all perfectly aligned, however as soon as i align them centrally, the heating and plumbing pages, for some reason indent themseleves slightly right compared to the bathrooms page. This is so frustrating. Can anyone see why and offer a solution to get them all aligned perfectly central? Thanks!! P.S. I think i may have wittled this down to a problem with the main content area, it seems when i apply the css h2 tag or remove the image it suddenly jumps. I have got them all aligned perfectly centrally before with no css in the main content area. any ideas? So, I'm having trouble getting a table to align over a background in IE. It looks fine in every other browser as you can see he But this is what it looks like in IE, about 1 pixel over: You can view the site at: http://www.ringaroundwithrosie.com/aboutrosie2.html and the CSS here. Does anyone see anything that could explain why it is not aligned properly in IE? Thanks for your help! |
|||||||