|
HTML - Problem With Nav Bar Alignment And Images On Browsers
Hello All,
Wondered if anyone could help. Have designed a website at www.kerrsminaturerailway.co.uk. The first problem is the JQuery slide menu nav bar does not match the width of the body. I've set the width of the nav bar as 100% on the CSS, and with both Firefox and Internet Explorer, there is a white gap on the right hand side. Any ideas how to fill this in and have a nav bar the width of the body? The second problem is I have two links on the banner area, to a Facebook and Twitter group, but both images appear to be hidden by the banner. How do I get them to overlap the banner? Many thanks in advance, we'd be grateful of any help on both, to smarten up the website. Peter Similar TutorialsOK well This workse perfectly with a .html document, but when I use .php it all goes bad, http://rapid-hook.com/script-2/index.php The arrows ar suppose to be aligned with each other, but theres a gap between the table, for the bottom only, not sure how to fix this. Hey everyone! I am completely new to webpage design and have enjoyed some parts of it! I have just been teaching myself as I go and viewing tutorials to learn most of what I have done. Now I am in a jumble and have no idea what to do. I am working ... my main problem is things aligning correctly. I am working on this for a friend and really would like to just be done with it! Please check it out, I attached the pages so maybe you can lead me in the right direction. I believe I have not positioned things correctly. They appear okay sometimes on internet explorer / funcky on firefox / and reallly crazy on safari! Also, the navagation bar is very glitchy, maybe I shouldn't have done a flash navigation? Im going nuts over here! I appreciate all your help. I am having an alignment issue with a row of images. The site is located he http://www.teewala.com/teewala I cannot figure out why the three images are shifted slightly to the right. The code is very simple, so I figure the solution should be simple. Any help is greatly appreciated. Thanks! I've got a line of text that includes some IMG tags. The images are 23 pixels high and the text is about 16 pixels high. So the IMGs increase the height of the line. Normally, Text and IMGs are aligned to "the bottom", so that the IMGs are much taller than the text. I could increase the size of the text so that it was as tall as the IMGs, but I'd rather not. I want the text to be vertically aligned to the "middle", so that the line looks better. Is that possible? Hello, I created this Wordpress theme http://www.ilmondodeidoppiatori.it/news/ It's perfect with Firefox but if I open it with Safari, the whole central column goes below the rest of the content: how can I fix it? Thanks in advance Hi, Im new around here. Well, 5 minutes . I have been designing and coding a website for Football Manager, and have got pretty far. I have now got a problem. This is how I want it to look. And it does in IE. but in Firefox It doesnt Thanks. Hello, I'm using FCK Editor in my web appliaction. When I try to insert pictures in text I'm using one table with align="left". Also under the pictures i have a description of the picture. In FireFox everything is fine and description is under the picture, but in IE description of the picture is on the right site. Here is the HMTL code that FCK Editor use when pictures are inserted: HTML Code: <table style="width: 144px; height: 209px" cellspacing="1" cellpadding="1" align="left" border="0">
<tbody>
<tr>
<td style="text-align: center"><img style="width: 146px; height: 157px" alt="" hspace="5" align="left" vspace="5" border="1" src="/_userfiles/image/Ronaldo.jpg" /><br />
<span style="color: rgb(153,51,0)">Test test tes</span><br />
</td>
</tr>
</tbody>
</table>
<p>This is some <strong>sample text</strong>. This is some <strong........
U can see what I get on my web site: http://www.macedonium.org/Macedonium...id=229&tid=876 See it in FireFox and in IE Thanks for the help Hi, I have a website working perfectly in newer version of browsers. However, older version are not working properly. This is my website mis510proj . Any help? HTML Code: <!-- Page (2 columns) -->
<div id="page" class="box">
<div id="page-in" class="box">
<!-- Content -->
<div id="content">
<div class="article">
<h2><span><a href="#">Improvements for mis510proj :: Dataholics</a></span></h2>
<p class="info noprint">
<span class="date">2011-05-01 @ 22:46</span><span class="noscreen"></span>
</p>
<p>
<b>mis510proj</b> :: Our Golf Course DB is need to be update :)
We have recieved feedbacks from many golfers that they considered the quality of the grass and the house's beverage! and menu.
We are working on to get those info in order to meet golfer's expectation.<br>
</br>
Our project for mis510proj will be continued so, keep you eye on our website <a href="http://128.196.27.167:8080">mis510proj</a>
</p>
</div>
<div class="article">
<h2><span><a href="#">Check your golf course</a></span></h2>
<p class="info noprint">
<span class="date">2011-04-27 @ 19:00</span><span class="noscreen"></span>
<!-- <span class="cat"><a href="#">Category</a></span><span class="noscreen">,</span>
<span class="user"><a href="#">My name</a></span><span class="noscreen">,</span>
<span class="comments"><a href="#">Comments</a></span> -->
</p>
<p>
<b>mis510proj</b> :: Now our golf recommendation engine is here! Just for your dreamed golf courses!
mis510proj :: You can simply click either "basic recommendation" or "advanced recommendation". You will find the golf courses!<br></br>
Our project for mis510proj will be continued so, keep you eye on our website <a href="http://128.196.27.167:8080">mis510proj</a>
</p>
</div>
<div class="article">
<h2><span><a href="#">MIS510PROJ :: Golf Course Recommendation</a></span></h2>
<p class="info noprint">
<span class="date">2011-04-22 @ 11:40</span><span class="noscreen">,</span>
</p>
<img src="./img/mis510proj.png" alt="MIS510PROJ" /> <a href="http://128.196.27.167:8080/">MIS510PROJ</a>
<p>
<strong>MIS510PROJ :: The DATAHOLICS
We are here to help you live your dream of playing golf! As part of a course, Web Computing and Mining, we have designed a MIS510PROJ portal that provides golf course recommendations to interested golf players. The MIS510PROJ portal also has a strong business model to it through its linkage to the ebay website that permits buying of Golf equipment. The idea behind MIS510PROJ is novel since it is unique and contains a lot of unique features that many websites do not. So please have a look at the MIS510PROJ portal and tell us what you feel!!</strong>
</p>
</div>
<!-- Article -->
<div class="article">
<h2><span><a href="#">MIS510PROJ :: DATAHOLICS</a></span></h2>
<p class="info noprint">
<span class="date">2011-04-21 @ 11:49</span><span class="noscreen">,</span>
</p>
<p>
<strong>We want to hear from you!</strong><br/>
<strong>Do you have any suggestions to make? Write back to us!</strong><br/>
</p>
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24CLBUSgJb.7rZSJVxzsM8Z1"+"&opts=414&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com -->
</div>
<div class="article">
<h2><span><a href="#">MIS510PROJ :: Golf Course Recommendation</a></span></h2>
<p class="info noprint">
<span class="date">2011-04-22 @ 11:40</span><span class="noscreen">,</span>
</p>
<p>
MIS510PROJ :: DATAHOLIC ,
Golf Course Recommendation.
What is your preferences when it comed to choose golf course?
</p>
</div>
<div class="article">
<h2><span><a href="#">MIS510PROJ :: DATAHOLIC</a></span></h2>
<p class="info noprint">
<span class="date">2011-04-19 @ 02:00</span><span class="noscreen">,</span>
</p>
<p>
MIS510PROJ :: DATAHOLIC ,
we will tell the best golf courses for you by dedicated golfcourse recommending algorithm.
This website is part of MIS510PROJ.
</p>
</div>
<div class="article">
<h2><span><a href="#">Plan your Game Today!</a></span></h2>
<p class="info noprint">
<span class="date">2011-04-05 @ 11:00</span><span class="noscreen">,</span>
</p>
<p>
Golf is one of the most stress relieving and enjoyable sports played in the world!
Come and choose a course closer to you!
We are here to help you out!
</p>
</div>
<!-- my addition for Amazon -->
<div class= "article">
<h2><span><a href= "equipment.jsp"> Buy Golf Equipment here!</a></span></h2>
<p class= "info noprint">
<span class="date">2011-04-05 @ 11:00</span><span class="noscreen">,</span>
</p>
</div>
</div> <!-- /content -->
Thanks, DH I recently developed the following site: www.stripburgerlv.com If you view it in Firefox it may look just fine. However, in Safari, Opera or IE you'll notice that the right side of the white bounding box disappears. I dont understand?! Part of the image file includes that white edge so why would it not show up in those browsers? Thanks! I get the impressions that td height= 100% messes with a lot of web designers. I am one of them. Someone please help me with my problem, or at least point me towards a resource that discusses this issue. Both of my files work fine on my PC in both IE and Netscape. However, they mess up on certain Apple browsers. I think Safari is one that they mess up on. I don't have an Apple, so I have no way to fiddle with them. http://www.customrocknyc.com/content/main/service.php http://www.customrocknyc.com/content/main/designer.php As you can see, I'm just try to get this star design to wrap around text of different lengths. Apple doesn't display the text right, it leaves half empty cells, and arranges the graphics badly. Can anyone make this page work? The code to look at is between these two tags: <!-- BEGIN TABLE THAT HOLDS COMPLETE GREY-PINK BOX --> <!-- END TABLE THAT HOLDS COMPLETE GREY-PINK BOX --> Hey all, I've been trying to fix up my carpet cleaning website. The bee.png image in the top left of my menu bar is giving me problems with older browsers & most hand-held devices, e.g., iTouch, cellphones, etc. Is there any kind of trick (hack) I could use so that it will properly align with all devices? Website: www.honeydocarpetcare.com Also, please let me know if you are noticing things that are out of place. If so, please tell me what browser and version you are using! Thanks all! 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'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? 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! 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 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 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? Hi, I can usually troubleshoot basic html issues, but don't have much knowledge of frames. The page design is a basic 2-frame horizontal format with body content files that swap in and out from a header menu bar. Both header and body files are centered, and should be visually seamless. The problem is when the main body frame is set to scrolling="yes", the scroll bar in the browser window offsets the center of the frame, and the two frames appear out of alignment. If the main body frame is set to scrolling="no" then they line up properly (but obviously cannot scroll down through the page). You can view the issue he http://www.sequentz.com/menutest/index.htm I would greatly appreciate some help sorting this out, so that the two files align seamlessly and the bottom file can scroll. Thank you. |
|||||||