|
HTML - Nooby Question ( Chrome & Ff Vs Ie )
So im on my way in building this gallery.
Pleas look at it here. The problem is with IE (big suprise) In some weird way it wont place the pictures inside the designated place. AND .. i REALLY cant explain this one error, the first picture of the gallery.. and only the first one, IE displays is in a TILTED way?? I was like, huh??? Chrome and FF displaythe page in exactly the same way. The page isnt finished yet but on its way, I would like to see IE respond in a normal way for once.. thanks for reading! Similar Tutorialsso in the end of a form you normally have a submit button which sends it off to an email addy, but i want what the users put in the form fields to come up on their page instead i think this involves editing the FORM ACTION="" part, but dont know what to do if what i'm trying to do is confusing you, what i mean is there's a few drop down menus and comment boxs, they fill them in, click submit and what it would normally create to email someone comes up in an html page for them to see what they put I hope this is the right place to post this. Here is my question~ I want to send data from a radio button to another web page (apart of my web site), what kind of code do I need to learn to achieve this? Also, if this makes any sense, I want to take the code that I sent through a radio button and use that data for another function...I hope that I am as clear as possible... Thank you for responses in advance 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, my site logodepot.co.uk has a javascript slideshow at the top right of the page, this does not show in google chrome however? any ideas? thanks Hello everyone, I need some knowledge, and if possible some code(!) which will enable my website to function correctly in Google Chrome. I already have code in place for IE browsers but upon inspection of our customers most used browsers Chrome has come up in second place (35%) and I need to make sure it works as it should! The problem, and its just a little one, is that ONE of my pictures floats over my search bar (floats left when it should be middle) If you have google chrome, take a look: http://www.alternativeroutefinance.co.uk/vehicles - naturally you can view the source and see if you can come up with something to help me out! Does anyone have any advice to offer? many thanks My website used to work properly but now, the portion that lets people travel into the different portion of the site does not appear anymore on Internet Explorer 8.0.7600? When editing with my PHP tool, it works. When using Google Chrome it works also. Therefore, I would say it is a technicality between the version of Explorer. Where or how can I check this. www.automatisationajp.com Thank you in advance for your help. stay1001 Hi, I made a sliced up header in Photoshop and then created rollovers in dreamweaver. It works great on IE and on Firefox, but at the top of Chrome the top few pixels are shifted way to the left. Why would this happen just in Chrome and how can I fix it? The site is http://www.socalstandup.com/ Thanks a lot! Hello everyone! First, I want to point out that I have next to no knowledge about website development/design. Anyways, I gained basic knowledge over the course of many months and finally launched a site for my business. But I'm having one major issue: My website is not being rendered properly on Chrome. When I say "not...properly", I mean it's not displaying most of the essential content. The website is running very well on IE and Firefox, just not chrome. Website: www.khangp.com I would really appreciate anyone who could shed some light on what could be causing this. I just can't seem to figure it out! Thank you! Hello my name is hency m new to html and css i just made one website and its working fine in IE and firefox. but when i tried in opera and chrome , it didnt work all margins were messed up. here is my website add: http://hencyparmar.byethost8.com/ i hope to get reply soon u can mail me at hencyp@gmail.com thanks Hi! this is really weird. I build a simple page with a table with a background picture. In Explorer it's all good but in Chrome & Firefox, you cant see the background picture of the table. help please? thanks Jeni Hi, I've spoiled my eyes searching what's wrong with my code: IE 8 works ok with links, Chrome and Firefox shows links only as text. Can someone with brighter eyes & brains tell me what went wrong? Here is the code: _____________________________________________________ HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
_____________________________________________________
CSS:
_________________________________________________
a, a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a:hover { font-size: 24px }
#navigation ul {
padding: 24px 0px;
}
#navigation ul li {
margin: 0;
list-style-type: none;
}
#navigation {
font-size: 20px;
font-weight: bold;
float: left;
text-align: center;
width: 199px;
}
#navigation .center {
background: url('images/navi-backgr.png') repeat-y top left;
}
____________________________________________________________
xHTML:
____________________________________________
<div id="navigation">
<div class="center">
<ul>
<li style="color: #feffd8; font-size: 5">Thispage</li>
<li> <a href="another.html">Anotherpage</a></li>
<li> <a href="third.html">Thirdpage</a></li>
<li> <a href="fourth.html">Fourthpage</a></li>
<li> <a href="last.html">Lastpage</a></li>
</ul>
</div>
</div> <!-- /navigation -->
____________________ tnx, Lug. I have made the usual searches but none of the information I found about Chrome positioning bugs seems to apply to this problem. I am using an absolutely defined div within a relatively defined div to position a marker box over sequential navigation bar graphics. The divs are defined in the CSS file, and then a single style line defines the box top margin in each page file. This works perfectly in FF and IE, but under Chrome the box position slowly creeps downward, by about 2 percent of the top distance, until the lowest instance is well off center. Can I fix this without going to browser-specific code? The page is temporarily he http://www.nitropress.com/CLIENT_TES...Pono/index.php And the relevant code is: Code: #navbar {
float: left;
width: 200px;
max-width: 200px;
position: relative;
padding: 9px 0 0 0;
}
#navbar img {
margin: 0 0 20px 0;
padding: 0;
}
#navbar .markbox {
position: absolute;
min-width: 200px;
max-width: 200px;
height: 30px;
border-top: 2px solid #c99;
border-bottom: 2px solid #c99;
z-index: -5;
}
...with lines like this in each page file to position the marker box vertically: Code: <style>.markbox {top: 3px;}</style>
Hello All, My site is loading everything correctly with IE but in Firefox and Google Chrome it looks like butt. I have a checker and it says there are a bunch of errors but I have no idea how to fix them. Can anyone help me? Thank you. www.canapictures.com What's wrong? When you look at the main page, everything looks fine in all browsers. But when you go to one of the pages where the main page is longer than the menu, like this page, the menu gets "stretched" in IE... But not in FF or Chrome. I've searched and searched in my HTML codes, and tried all I can think of, but nothing solves the problem. I just can't find the error. I hope someone can look at the HTML codes and help me I am a beginner and I used blogger in Chrome to create a blog. When I checked how it looked in IE it was horrible. The banners and some images did not move over correctly which I have hosted on photobucket. Can somebody look at my code and help me format it to IE. I'm having an issue with Google Chrome. It's not able to display an embedded web page. What am I doing wrong? Page: http://ob-kc.com/runhike.html 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"><!-- InstanceBegin template="/Templates/obkc.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Ocean Beach - Kelly's Cove Running & Hiking Trail Guide | San Francisco, CA</title> <!-- InstanceEndEditable --> <link href="obkc.css" rel="stylesheet" type="text/css" /><!--[if IE]> <style type="text/css"> ... <!-- InstanceBeginEditable name="Main Content" --> <div id="mainContent"> <object data=http://ob-kc.com/running.html width="100%" height="3000"> <embed src=http://ob-kc.com/running.html</embed> Error: Embedded data could not be displayed. </object><br /> <br /><!-- begin htmlcommentbox.com --> ... <!-- end #mainContent --> </div> <!-- InstanceEndEditable --> <div id="footer"> <!-- end #footer --></div> <!-- end #container --></div> </script> </body> <!-- InstanceEnd --></html> well my issue comes when you try to use ctrl-mouswheel to zoom in or out on my page. works fine in ie8 and ff3, but not in chrome and safari. there isnt really a need for this to work, except the fact that no professional website should have such a major error. http:www. fab-tennis .com click the book a lesson tab, its the easiest way to tell since its the longest page i have. sorry for the bright colors. when you zoom in or out, the iframe which is usually fits exactly between my header and footer, shrinks to a small box maybe 500px in height instead of having height:100% of the table cell that it is in. i would reccomend trying the zoom on ff then try it on chrome or safari to see what im talking about. HTML Code: <html>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" bgcolor="#FFFF00" style="overflow-x: hidden; overflow-y: hidden;">
<link rel="stylesheet" type="text/css" href="css/basic.css" />
<!--[START HEADER]-->
<div style="position:absolute; top:0px; left:0px; width:100%;">
<table align="center" class="Header" cellspacing="0" cellpadding="5" style="height:40px">
<tr align="center">
<td width="20%" class="headerLeft" id="1" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
home
</td>
<td width="20%" id="2" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
book a lesson
</td>
<td width="20%" id="3" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
biography
</td>
<td width="20%" id="4" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
qualifications
</td>
<td width="20%" class="headerRight" id="5" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
photos
</td>
</tr>
</table>
</div>
<!--[END HEADER]-->
<!--[START BODY]-->
<table align="center" cellspacing="0" cellpadding="0" class="Body"><tr height="40px"><td></td></tr>
<tr><td valign="middle" align="center">
<iframe name="iBody" id="iBody" marginheight="0px" marginwidth="0px" frameborder="0" scrolling="auto" allowtransparency="true" src="home.html"
style="width:100%; height:100%; border:0px;">
BODY
</iframe>
</td></tr>
<tr height="40px"><td></td></tr></table>
<!--[END BODY]-->
<!--[START FOOTER]-->
<div style="position:absolute; bottom:0px; left:0px; width:100%">
<table align="center" class="Footer" cellspacing="0" cellpadding="5" style="height:40px">
<tr align="center">
<td width="20%" class="footerLeft" id="6" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
cancel lesson
</td>
<td width="20%" id="7" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
seven
</td>
<td width="20%" id="8" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
eight
</td>
<td width="20%" id="9" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
nine
</td>
<td width="20%" class="footerRight" id="10" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
ten
</td>
</tr>
</table>
</div>
<!--[END FOOTER]-->
<script type="text/javascript" src="javascript/basic.js"></script>
</body>
</html>
Hi Guys, This is my first post on this forum. Basically, Ive agreed to turn someone website, into a joomla template, and then format articles and such until it looks exactly like the original site. This would give them the ability to add their own content without my help(I offered to redo the site, but they like their current one even though its quite bad). All was going well, and I sent out an email to check the progress of the site to the client, and he replied to me that the site was all distorted in Safari. Being a windows programmer, I was used to IE/firefox, Safari and the other browsers never really crossed my mind. Anyway, I downloaded safari, chrome and opera, and tested the sites out. Opera they were fine, but chrome and Safari, some things align WAYYY to the left, almost off screen. I'm guessing it may be a CSS issue, but Ive checked, rechecked, deleted, restored almost everything and its still messed up in those browsers! This is a paying client, so I need to get this sorted out as soon as possible. The pages in question are he http://www.longboardcapital.net/inde......7&Itemid=27 http://www.longboardcapital.net/inde......48&Itemid=2 Ive paused on content creation, as this is a big problem. Have any of you ever experienced the same or similar problem? can you all offer any suggestions? Thank you so much for your help, -Tim problem is fixed, no need to read. Hello, I have a website that displays fine in every browser I've tested but Chrome. The only problem is my borders. In order to get fading rounded edges I made each block a 3x3 table, like this: Code: <div class="general"><table class="bgtable"><tr><td class="bgtopleft"></td><td class="bgtopcenter"></td><td class="bgtopright"></td></tr> <tr><td class="bgleft"></td><td class="primary"> example post </td><td class="bgright"></td></tr><tr><td class="bgbottomleft"></td><td class="bgbottomcenter"></td><td class="bgbottomright"></td></tr></table></div> and here's the applicable portion of my stylesheet: Code: body
{
font-family: sans-serif;
font-size:11pt;
letter-spacing : 0.03em;
line-height : 130%;
color:white;
background-color:white;
}
.container
{
margin: 0 auto 0 auto;
width: 900px;
}
.general
{
background-color:#70a055;
margin: 0px 135px 10px 130px;
}
table.bgtable
{
border:none;
border-collapse: collapse;
width:635px;
}
table.bgtable tr
{
border:none;
}
.bgtopcenter
{
height:20px;
background-image:url(/data/bgtopcenter.gif);
background-repeat:repeat-x;
}
.bgtopleft
{
height:20px;
background-image:url(/data/bgtopleft.gif);
width:18px;
overflow:hidden;
}
.bgtopright
{
height:20px;
background-image:url(/data/bgtopright.gif);
width:18px;
overflow:hidden;
}
.bgbottomcenter
{
height:20px;
background-image:url(/data/bgbottomcenter.gif);
background-repeat:repeat-x;
}
.bgbottomleft
{
height:20px;
background-image:url(/data/bgbottomleft.gif);
width:18px;
overflow:hidden;
}
.bgbottomright
{
height:20px;
background-image:url(/data/bgbottomright.gif);
width:18px;
overflow:hidden;
}
.bgleft
{
background-image:url(/data/bgleft.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
.bgright
{
background-image:url(/data/bgright.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
In most browsers everything lines up right, but in chrome it looks like this: Any suggestions? Thanks for reading. so when viewing on Firefox and IE8, the site looks fine. www.pmtdiesel.com but when u view it on firefox, there is a pixel or 2 pixels that shift's the image to the right. when u view it on ie7, it shifts it a pixel or 2 up, i am referring to the top right image of the top banner/header. any ideas? thanks. |
|||||||