webForumDet fria alternativet
Logga in / Bli medlem

Få bilder att ligga stilla i Firefox

HTML & CSS

13 svar · 517 visningar · startad av martineden

martinedens avatarmartinedenMedlem sedan jan. 20056 inlägg
Frågan#1

Hej!

Har ett problem i Firefox (FF) med länkade bilder som vägrar att ligga stilla. Stylesheetet fungerar finfint i IE, men i FF trycker det ned bilderna 3-4 pixlar. Har för mig att jag sett tips om hur man forcar bilderna att fixeras, men kan inte hitta detta nu.

Se själva på http://what.se/foretag eller vilken sida som helst. Mycket tacksam för hjälp!

Mvh,

Martin

Tengblads avatarTengbladMedlem sedan dec. 19998 277 inlägg
#2

Kan man få se din css kod

martinedens avatarmartinedenMedlem sedan jan. 20056 inlägg
#3

Hej, toppen! Tack på förhand, den är ganska omfattande. Inte jag som skrivit denna.

[1][FONT=Arial]<%Response.ContentType = "text/css"%>

body {
	background-color:#eeeeee;
	color:#6666666;
	margin-top:5;
	margin-left:10;
}

form {
	padding:0px;
	margin:0px;
}

img {
	border:0px;
	text-decoration:none;
}

A {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color: #0066CC;
	text-decoration:none;
}

A:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color: #272F49;
	text-decoration:underline;
}

A:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color:#465594;
	text-decoration:none; border-bottom: 1px dotted #000;
}

.clsMini {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size") - 2)%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color:#465594;
}

A.clsMini:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=(Session("Size") - 2)%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color: #272F49;
	text-decoration:underline;
}

A.clsMini:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=(Session("Size") - 2)%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color:#465594;
	text-decoration:none; border-bottom: 1px dotted #000;
}

.list {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color: #000000;
	text-decoration:none;
}

A.list:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#000000;
	text-decoration:none; border-bottom: 1px dotted #000;
}

A.list:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color: #000000;
	text-decoration:underline;
}

A.list:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color: #484848;
	text-decoration:underline;
}

a.nav  {
	color : #272F49;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:<%=Session("Size")%>px;
	font-weight: bold;
}

a.nav:hover {
	color : #000000;
	font-size:<%=Session("Size")%>px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight: none;
}

a.nav:visited {
	color : #272F49;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size:<%=Session("Size")%>px;
	font-weight: bold;
}

a.nav:visited:hover {
	color : #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size:<%=Session("Size")%>px;
	font-weight: bold;
}

a.headline {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 19)%>px;
	line-height: <%=(Session("Size") + 18)%>px;
	font-weight:bold;
	color:#000000;
}

a.headline:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 19)%>px;
	line-height: <%=(Session("Size") + 18)%>px;
	font-weight:bold;
	color:#666666;
	text-decoration: none;
}

a.headline:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 19)%>px;
	line-height: <%=(Session("Size") + 18)%>px;
	font-weight:bold;
	color:#484848;
}

.none {
}

.clsBigHeadline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("Size") + 6)%>px;
	font-weight:bold;
	color: #333333;
}

.clsHeadline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 9)%>px;
	line-height: <%=(Session("Size") + 9)%>px;
	font-weight:bold;
	color:#000000;
}

.clsSmallHeadline {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size"))%>px;
	font-weight:bold;
	color:#ffffff;
}

.clsText {
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#000000;
}

.clsBasket {
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#660000;
}

.clsSmallText {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size") - 1)%>px;
	font-weight:normal;
	line-height: 14px;
	text-transform:none;
	color:#666666;
}

.clsContact {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size")-1)%>px;
	line-height: <%=(Session("size") + 5)%>px;
	color:#666666;
}

.clsObligum {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 5)%>px;
	color:#FF8604;
}

.clsError {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #272F49;
	line-height:15px;
}

textarea {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}

select {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}

input {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}

input.button {
	<%If Not (Session("BrowserName") = "NS" And Session("BrowserMajor") < 6) Then%>border: 1px outset;<%End if%>
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica;
	color: #333333;
	height: 19px;
}

input.radio {

}

table.main {
	background-color:#eeeeee;
}

td.content {
	background-color:#ffffff;
}

table.border {
	border: 1px solid #eeeeee;
}

td.space {
	background-color:#000000;
}

th {
	background-color:#f5f5f5;
}

p {
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#000000;
}

li {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height:20px;
	color:#666666;
}

ol {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height:14px;
	color:#666666;
}

ul {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height:14px;
    list-style-position: outside;
    list-style-type:    square;
	color:#666666;
}

hr {
	color:#cacaca;
	height:1px;
	background: transparent;
	height: 1px;
	border-top: 0px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.ns
{
	BACKGROUND-IMAGE: none
	background-repeat: no-repeat;
	background-attachment: fixed
}

.searchtxt 
{
       width: 180px;
       background: #fff url(whatsearch.gif);
       background-repeat: no-repeat;
       background-position: right;
       background-color:#fff;
}[/FONT][/1]
Tengblads avatarTengbladMedlem sedan dec. 19998 277 inlägg
#4

Efter snabb koll, testa att lägga till:

a img {
text-decoration:none;
}
martinedens avatarmartinedenMedlem sedan jan. 20056 inlägg
#5

Nej, hände ingenting :(

tantenMedlem sedan nov. 20051 596 inlägg
#6

Jag tror att det är så här att ff försöker visa den border som du vill ha under länkarna, så ff försöker göra rätt och IE ger katten i det...
Så om du vill att det ska se ut som i IE ska du nog plocka bort den i din css
border-bottom: 1px dotted #000;

Tengblads avatarTengbladMedlem sedan dec. 19998 277 inlägg
#7

martineden skrev:

Nej, hände ingenting :(

a:hover img {
text-decoration:none;
}

Så borde ja ha skrivit, testa det.

Okkidos avatarOkkidoMedlem sedan maj 20007 492 inlägg
#8

img{border:none;} ?

oskobs avataroskobMedlem sedan maj 20021 558 inlägg
#9

Vill du ha dottad underline eller inte?


a img {
border-bottom: 1px dotted #fff;
}
a:hover img {
border-bottom: 1px dotted #000;
}
martinedens avatarmartinedenMedlem sedan jan. 20056 inlägg
#10

Jo, jag vill ha det som i IE, dvs. med dottad linje vid a href bilder, fast utan att bilderna "hoppar ned".

tantenMedlem sedan nov. 20051 596 inlägg
#11

Jag kan inte se någon dottad linje i IE, mer än när man hovrar bluestep-bilden...
De andra bilderna är lika höga som sina td de ligger i. Prova med att göra dem några px högre., så kanske den dottade linjen får plats...
td:na menar jag då.

CatZs avatarCatZMedlem sedan jan. 20022 440 inlägg
#12

/red det var redan sagt :)

Execute me for repeating....

zcorpanMedlem sedan dec. 20042 245 inlägg
#13
a { padding-bottom:1px; }
a:hover { padding-bottom:0; border-bottom:1px dotted black; }
tantenMedlem sedan nov. 20051 596 inlägg
#14

Skulle du vilja testa med att byta ut denna i din kod

<td  height="93" valign="top"><a href="/redirect.asp?file=3_Friends_728x90.jpg" target="_blank"><img src="/upload/banners/3_Friends_728x90.jpg" border="0" alt=""></a></td>

och se om din banner slutar skjuta resten av sidan neråt...
Jag tror fortfarande att det är så att dina celler är för små för innehållet och med den här koden tror jag den kommer ligga stilla och att du då dessutom får fram den prickade linjen i IE, som jag inte kan se nu.
Om det fungerar kanske någon annan kan hjälpa dig med "giltig" kod, för den här innehåller deprecated element.

257 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)