|
HTML - Logo Problems Ie And Firefox
Having problems with my logo on ie and firefox. It opens fine in safari. Site is www.justintimemelodies.com. I am new to html and am not sure what the problem is. I assume i need to add something for the coding to show in those two browsers. the following is the code:<div id="Logo">
<a href="index.html"><img src="./images/JustInTime2.jpg"alt="Home" border="0"></img></a></div> <a href="index.html"></a> Similar TutorialsHey guys I'm having a terrible time getting some graphic logos to layout. I know the coloring right now is not looking up to par either so don't judge me too bad I have a header div with a nav div inside and then a content div below this with a swf slide show inside. Basically inside the header div I have 5 graphics and then a nav div nested inside below that. My problem is that I want 2 of the logos aligned to the left and close to centered up/down inside the header div, then I want the main masthead logo centered in the middle of the header div up/down and left/right, and finally I want the other 2 logos floated right and centered up/down. I'm trying various methods and the best I have so far shows the middle masthead logo not correctly centered, and the 2 left logos floating left, but the far 2 right logos do not show up at all. The page is located at http://www.atlanta-web.com and I'll past all of my code below. index.html snippet Code:
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#000080" alink="#800000" leftmargin="0" topmargin="5" marginleft="0" margintop="5">
<script type="text/javascript" src="fsmenu_commented.js"></script>
<script type="text/javascript" src="menuset.js"></script>
<link rel="stylesheet" type="text/css" href="listmenu_h.css" />
<link rel="stylesheet" type="text/css" href="listmenu_h_settings.css" />
<style type="text/css">
#navitoolbarcontainer a {
line-height: 16px;
}
</style>
<div id="header">
<img class="award1" src="nahb.gif" /><img class="award2" src="gahomebuilders.gif" />
<center><img src="Jhomes.jpg" /></center>
<img class="award3" src="southernlivingmember_sm.gif" /><img class="award4" src="lobb.gif" />
<!-- START TOP TOOLBAR -->
<!--<div id="heightcontainer"></div>-->
<div style="width: 100%;" id="navitoolbarcontainer">
<div style="margin: 0px; padding: 0px; width: 100%;">
<div id="navitile" style="width: 100%;">
<ul class="menulist" id="listMenuRoot" style="height:22px;">
<li style="margin-top:0px;">
<a class="gt" href="index.html" style="font-size: 10px; font-family: arial,verdana,helvetica; text-decoration:none;"> <b>Jeffery Homes Inc.</b> </a>
<ul id="listMenu-id-1">
.
.
.
NAV Bar HTML Cut for space sake
.
.
.
<div style="margin-top: 0px;" id="lightgrey">
</div>
</div>
</div>
</div>
</div>
<div id="content" style="width: 100%; background-color: #6B6637">
<div id="slideshow">
<object width="600" height="350">
<param name="movie" value="slideshow1.swf" wmode="transparent">
<embed src="slideshow1.swf" width="600" height="350" wmode="transparent">
</embed>
</object>
<br />
<br />
</div>
</div>
<!-- END TOP TOOLBAR -->
css file1 Code: @charset "UTF-8";
a.gt{ text-decoration:none}
a.gt:hover{text-decoration:none}
a.gt:visited{text-decoration:none}
a.gt:link{text-decoration:none}
a.gt:active{text-decoration:none}
#header { margin: 0px; padding: 0px; width:100%; min-width:830px; width:100%; background-color: #AFAB73; position: absolute; left: 0px; top:0px; font-family: arial, verdana, helvetica; font-size: 8px; white-space: nowrap; z-index: 0}
.award1 { float:left }
.award2 { float:left }
.award3 { float: right }
.award4 { float: right }
#navitile{width:820px; margin-left:0px; height:22px; background-repeat:repeat-x; position:absolute; color: #F2FFE4; left:0px; top: 0px; font-family:arial,verdana,helvetica; font-size:8px; white-space:nowrap; }
#navtile a{ color: #F2FFE4 }
#navitoolbarcontainer{width:100%; min-width:830px; width:100%; height:22px; position:absolute; top: 100px; left:0px; font-family:arial,verdana,helvetica; font-size:8px; background-image:url('background_end_fixed.png'); background-repeat:repeat-x; white-space:nowrap; margin:0px; padding:0px; z-index:1000}
#navitoolbarcontainer a{color: #F2FFE4}
#content {margin: 0px; padding: 0px; width:100%; min-width:830px; width:expression('100%'); position: absolute; left: 0px; top: 122px; font-family: arial, verdana, helvetica; font-size: 8px; white-space: nowrap; z-index: 1}
#slideshow {
margin: 0 auto;
position: relative;
top: 30px;
height: 480px;
width: 600px;
}
#heightcontainer{position:relative; height:17px; width:99%; background:transparent;}
#globalform{padding:0px; margin:0px}
#lightgrey{text-align:left; color: #F2FFE4; text-indent:5px; background-image:url('background_end_fixed.png')}
#lightgrey .inputglobal{font-size:9px; font-size:expression('8px'); text-align:left; margin-top:0px; margin-left:2px; background-repeat:no-repeat}
#lightgrey .inputglobal:hover{font-size:9px; text-align:left; margin-top:0px; background-color:#ccc}
#lightgrey a{font-family:sans-serif; text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px; padding:0px; top:1px; top:expression('-2px'); position:relative}
#lightgrey a:link{text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px}
#lightgrey a:visited{display:inline; text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px; padding:0px; margin:0px}
#lightgrey a:active{display:inline; text-decoration:none; color: #F2FFE4; text-decoration:none; FONT-SIZE:10px; padding:0px; margin:0px}
#lightgrey a:hover{display:inline; text-decoration:none; color:#fcf2ca; text-decoration:none; FONT-SIZE:10px; padding:0px; margin:0px}
A lot of this css is for the menus that i found on a site and have highly modifed, but I've used class/id's for most of everything so it should be easy to see what is what. Thanks for any help that you all can provide. This site has been a godsend for getting help. http://www.mythlabb.com/ IE displays the top logo just fine. Firefox displays it as a broken image. It's just a .jpg file, nothing special, and it's on the page as a regular image tag right at the top of the Body tag. Am I missing some little Firefox quirk here or something? I removed the text content in the code snippet below but it's enough to get the idea. Code: <html> <head> <link rel="stylesheet" href="styles/mainStyle.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <center><img src="images\mythLogo.jpg"></center> <center>webdesign - consultation - graphics<br></center><br><br> <div id="topnav">Insert menu here</div> <div id="maintext">Insert text here</div> </body> </html> I am trying to changed the logo on my website. The part of the html code which does this, is showing as: <div id="logo-div" class="fw-logo"></div> the logo is a .gif file and I cant find anywhere in the html which is calling this image file. Where is it getting logo-div and fw-logo from, can someone please explain the html above that I posted It seems that when opening my page in firefox my navigation bar is all over the place and my transparencies don't seem to be working either. Any help? Thanks. Here's the link http://www.foswebsolutions.com ...and the css http://www.foswebsolutions.com/style.css Funny thing with our website, which is victorylifecenter.org In firefox on the right hand side we have two images, one is upcoming events and the other is a email login. both show up in firefox In IE neither or there, they just do not show up? Any ideas? thanks Hello to all those whom (m-one, pegasus and coothead, and others) helped rkgrkg with her webpages: I took a look at them and then went to the website she went to to get the script for her tabz thanks to m-one, I intergrated it using their format, plus added other scripts, "thanks coothead (for his x/y script)" to dassel it up using her color themes. Now for the bad news , I have a older computer (not being wealthy ), so I only have IE6 and Firefox 2.0. When I dasseled the webpages I used IE6 to display it as I created. It looks kwel and beautiful in IE6, but when I tried to display it in Firefox 2.0 it became all unbounded. I used the error counsel on Firefox 2.0 to see any errors that maybe causing problems, the only thing displayed there was my scroll-bar style entries sayed it "dropped" them lol. I tried messing with the css files, but when I did some parts came together in Firefox but then came undone in IE6, Fustrated, I put everything back as it was. and said, "The Heck with Firefox" even though I knew rkgrkg Uses it. I have uploaded these 2 beautiful pages and the content heref. Can someone who is more talented and smarter then I, please, take a look at my finished/fustrated work so you can see it in Firefox as well as IE, and please help so I don't feel useless (*feel like I waisted my time trying to help*) and stupid. Thank You Very Much in Advance! Hi, I am a newbie, and I am desgining a website. I am using tables in Dreamweaver (I know this may not be the right choice, but its the only way I know), and inside the cells I'm placing .swf buttons. When I preview in Safari, Chrome, and Opera it looks like it should. However, when I preview in Firefox, the buttons are too spaced out vertically, as if the cells had increased their height (making the buttons very far apart from eachother). I understand Firefox is one of the best browsers, if not the best, so I assume it is me who is doing something wrong. I will email the code to anyone who needs it. Thank you in advance. I did some searching, but have not found the exact probelm here, so I am starting new: I created a site using CSS/HTML for my layout (using Dreamweaver). Whenever I view it using IE7, it looks great and everything works. When I open it in Firefox, once again it looks good, except for the bottom of the divisions right above my footer, there is a 20px offset and blank space on the 2 side divisions, but not the center one. Lastly, when you view this in IE6 or IE5.5, the middle division is pushed down past the 2 side divisions so you see blank space between those and scroll down to see the middle division. It is only in the building stages and some links are not completed yet, and the main site is: http://dana.sportslineceramics.com I piggy-backed it off my own website so I can view it live and work on it. I have tried everything I can think of to get it to display right, and it just does not. I want to use an <iframe> in the middle division so that all links open on that same page instead of having 17 different pages. Thanks in advance for any suggestions! Hi! My site finally seems to work fine in IE, but now that I'm checking it with Firefox, it turns out to have many problems. I fixed most of them, but the one that's bugging me is that the main text is lower than it should be. Here are the html and css: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function popup(mylink, annonces)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, annonces, 'width=600,height=600,scrollbars=yes');
return false;
}
//
</SCRIPT>
<TITLE>Duo: balalaika et piano -- Dmitri Nassyrov et Victoria Khramova</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251">
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
<META NAME="Author" CONTENT="Dmitri Nassyrov">
<META NAME="KeyWords" CONTENT="balalaika, Victoria, Khramova, Dmitri, Nassyrov,
concerts, piano, duo, stringsandkeys, douce, soiree, histoire, du, balalaika">
<META NAME="Description" CONTENT="Le duo du balalaïka et du piano: Dmitri
Nassyrov et Victoria Khramova, ont un repertoire tres varié: folklorique,
classique, jazz, et autres... ">
<TITLE>Duo:balalaïka et piano - Dmitri Nassyrov et Victoria Khramova</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<div id="container">
<BODY BGCOLOR=beige TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"
BACKGROUND="../site/img/bcknd.jpg">
<script language="javascript">
var u=13200;
var vsbl=0;
var l='';
</script>
<script type="text/javascript" language=Javascript
src="http://h1.hitslog.com/counter.js"></script>
<script language="javascript">
document.write('<a href=http://hitslog.com/><img border=0 width=1 height=1
src=http://h1.hitslog.com/hl.php?'+l+'></a>');
</script>
<noscript>
<a href="http://hitslog.com/"><img border=0 width=1 height=1
src="http://h1.hitslog.com/hl.php?u=13200" alt="MySpace tracker"></a></noscript>
<TABLE id="main">
<tR width=720 height=160>
<td valign=top width=615 height=160><IMG width=615 height=160 alt="Duo:
balalaïka et piano - Dmitri Nassyrov et Victoria Khramova" SRC="HEADER.gif">
</td>
<td>
<table valign=center width=105 height=75 cellpadding=0>
<tr class="lang">
<td class="lang">
<img alt="En Français" border=0
src="../site/img/francaisclik.gif" >
</td>
</tr>
<tr class="lang">
<td class="lang">
<a href="../eng/index.html"><img alt="In English"
onmouseover="this.src='../site/img/englishon.gif'"
onmouseout="this.src='../site/img/english.gif'"
onclick="this.src='../site/img/englishclik.gif'" border=0
src="../site/img/english.gif"></a>
</td>
</tr>
<tr class="lang">
<td class="lang">
<a href="../rus/index.html"><img alt="По-Русски"
onmouseover="this.src='../site/img/russianon.gif'"
onmouseout="this.src='../site/img/russian.gif'"
onclick="this.src='../site/img/russianclik.gif'" border=0
src="../site/img/russian.gif"></a>
</td>
</tr>
<tr width=105 height=85>
<td width=105 height=85 align=center>
<img alt="Duo: balalaïka et piano - Dmitri Nassyrov et
Victoria Khramova" src="sideheader.gif">
</td>
</tr>
</table>
</td>
</tR>
<TR>
<td colspan=2>
<table width=720>
<tr>
<td valign=top>
<TABLE valign=top>
<TR>
<TD class="menu"><A HREF="INDEX.HTML"><img src="bienvenueclik.gif"
alt="Bienvenue" border="0"></a></TD>
</TR>
<TR>
<TD class="menu"><A HREF="DUO.HTML"><img src="../img/leduo.gif" alt="Notre
duo" onmouseover="this.src='../img/leduoon.gif'"
onmouseout="this.src='../img/leduo.gif'" onclick="this.src='../img/leduoclik.gif'"
border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="concerts.HTML"><img src="../img/concerts.gif"
alt="Nos concerts" onmouseover="this.src='../img/concertson.gif'"
onmouseout="this.src='../img/concerts.gif'"
onclick="this.src='../img/concertsclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="audio.HTML"><img src="../img/audio.gif" alt="Notre
musique" onmouseover="this.src='../img/audioon.gif'"
onmouseout="this.src='../img/audio.gif'"
onclick="this.src='../img/audioclik.gif'"border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="historique.HTML"><img src="../img/historique.gif"
alt="L'Histoire du balalaïka" onmouseover="this.src='../img/historiqueon.gif'"
onmouseout="this.src='../img/historique.gif'"
onclick="this.src='../img/historiqueclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="liens.HTML"><img src="../img/liens.gif" alt="Liens"
onmouseover="this.src='../img/lienson.gif'" onmouseout="this.src='../img/liens.gif'"
onclick="this.src='../img/liensclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="contact.HTML"><img src="../img/contact.gif"
alt="Comment nous rejoindre" onmouseover="this.src='../img/contacton.gif'"
onmouseout="this.src='../img/contact.gif'" onclick="this.src='../img/contactclik.gif'"
border="0"></A></TD>
</TR>
</TABLE>
</tD>
<TD VALIGN=top>
<table height=100% width=500 class="text" cellpadding=20>
<tr>
<td>
<!--<marquee id="test" onMouseOver="document.all.test.stop()"
onMouseOut="document.all.test.start()" scrollamount="2" scrolldelay="20" width="100%"
height="51" behavior="scroll" direction="left"><font face="arial"
align=middle><i>
<A HREF="annonces3.html"
onClick="return popup(this, 'annonces',true)"><b>17 novembre - 20:00</b></A><br>
Festival "From Russia With Love"<br>
à la bibliothèque publique juive.
</i></font></marquee>-->
</td>
</tr>
<tr>
<td valign=top><font face="times new roman" size=3><h2>Un duo, c'est
indivisible...</h2>
<p align=justify>Dans un duo, le rôle de chaque musicien n'est pas seulement de
compléter son partenaire, mais aussi de souligner la sonorité de son
instrument.</p>
<p align=justify>Notre duo est assez particulier et assez unique à
Montréal. Les deux instruments composant notre duo sont: le piano et le
balalaïka - instrument folklorique russe. Les possibilitées de cette union
sont surprenantes, dans le répertoi folklore, classique, jazz...</p>
<hr width=95%></hr>
<p>Sur ce site, vous trouverez de l'information sur nos <A
HREF="concerts.HTML">concerts</A>, vous pourrez écouter nos <A
HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et
plus encore.</p>
<p>Et, bien sûr, nous serons heureux de vous voir à nos concerts!</P>
<p><i>Dmitri Nassyrov et Victoria Khramova</i></p>
</TD>
</tr>
</table>
</td>
</tr>
</table>
</td>
</TR>
</TABLE>
<font face="arial" size=1
align=right> &nb
sp;
&nb
sp;
&nb
sp; Dmitri Nassyrov et Victoria Khramova © Tous droits
réservés.</font>
</BODY>
</div>
</HTML>
HTML Code: body {
text-align: center;
background-color: rgb(239,197,137);
background-attachment: scroll;
background-position: center;
background-image: url("bkg.jpg");
background-repeat: repeat-y;
}
#container {
margin: 0 auto;
text-align: left;
position:relative;
width:720px;
}
div.text
{
background-image: url("../site/img/textbcknd.jpg");
}
#main {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
#top {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
tr.lang {
horizontal-align:left;
width:100px;
height:25px;
}
td.lang {
horizontal-align:left;
width:100px;
height:25px;
}
td.menu {
width:220;
height:40;
}
table {
border-collapse:collapse;
}
table.text {
padding:20px;
background-image: url("../site/img/textbcknd.jpg");
}
Any help is appreciated. Thank you very much! Hi all, First post here hope someone can help. I'm creating a portfolio web page for my 3D work and using this to learn a bit of web design. My current problem comes from using absolute positioning to get text to float over a background image in a precise location. I have this as I want it in Fiirefox 2.0.0.6 but the text all appears a fair bit higher in IE (I have looked using IE 6 on its own and by changing the render mode to IE in Firefox). I realise I need to do a fair bit of validation and refinement to the site but at the moment I want to get this alignment issue sorted so the site is at least visible while I work on other elements. Page url: www.iamjames.co.uk The text in question is on the used on all pages! Thanks in advance James Greetings, everyone! I'm glad to have found this site! I've been building a website - I'm pretty limited to just HTML knowledge and a little CSS - and everything is going along okay, except I'm stumped on this one issue. I got tired of everything looking so 'boxy', since I use a lot of Tables to create my site, so I learned how to add rounded corners to my tables, which helps a lot. However, what looks good in my Firefox browser (the one I normally use) does not look right in Internet Explorer. Basically, on the right side of the main table, where I placed a graphic of a rounded edge, I'm still getting a weird white border line, even though I've set all my borders to zero. I was wondering if someone could take a look at my page and tell me where I'm messing up. Here's a direct link to the page in question.... http://www.kitwoo.com/kitwoo_seo.html If you look at it in Firefox, it looks fine, but in IE (I think I'm using the latest version of both browsers) you can see that little white line on the right side of the table. Thanks in advance for any suggestions! So we have this old website that we're updating and in our updates we've found that the text will now run over the margins (into our pretty white space). We don't want it to pass the blue tab that says "Contact". Any ideas? http://www.carlsonbldgservices.com Also how can I remove the underline in "Click to Enter"? In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work. Page with border problems here is the code, if you want it: Code: <center>
<object id="MediaPlayer"
width="800"
height="650"
classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..."
type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
title="Pete's Mountain Road Slideshow"
border="3">
<param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="False" />
<param name="wmode" value="transparent" />
<embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv"
name="MediaPlayer"
autoStart="False"
wmode="transparent"
width="800"
height="650"
title="Pete's Mountain Road Slideshow" />
</object>
<br />
<p class="main">If you do not have Windows Media Player, you can view the video by following
<a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a>
to download the program to your computer, then try to play it again.</p>
</center>
</body>
</html>
Hello! I was wondering how you make a little logo to your website like the one on google.com for an example. Hello, This is the site in question: www.hbcacworth.org I would like to place a small rectangular logo on the right side of the page on the same line as the church logo which is already there. I cannot figure out how to do this. Does anyone have any suggestions? Thank you so much. bt I have a logo on my page coded like this <img src="http://www.etcetc.com/logo.gif" border="0"align="center"> however when u hover ure mouse over the logo it turns into a linked image and when u click on it ,it opens a blank page. I havent coded for the logo to be linked anywhere. why is that happeninig?: thanks I've begun to notice that most websites now, up on the address bar, have a logo, to the left of the "http://..." address. Is it a piece of html code, or something else? My guess is the latter.. i have a domain registered with network solutions, do i have to pay for it? Thanks, -Adam adam79@toast.net I've changed the logo on my site at www.manchestermodelling.com. However, I need to move it higher. I've tried absolute positioning, valign etc. but it hasn't moved. I may have entered the wrong syntax however. Does anyone know what code I should use? Thank you Ok so I have these affiliate links and what I would like to do is create a page have my banner/logo located at the top of the page and then have the affiliate link open at the bottom of the page |
|||||||