Problem med bilde-link i FF. Ok i IE og Opera.

[Luc1fer-]

Hei

 

Jeg har et problem med at jeg får 3px mellomrom mellom headeren og menylinjen i FF. Både den nyeste betaen og 3.6. Dette skjer bare når jeg har link på bildet. Har også testet med både css og border="0" for å fjerne kantlinjen. Noe som er rart er at det ser ut som det kun er kantlinje i bunn.

 

For å skjønne hva jeg mener kan dere sjekke:

 

www.fifanorge.com/forum

 

eller

 

www.fifanorge.com/temp/example.PNG

 

På forhånd takk.

 

EDIT: Etter nærmere etterforskning ser jeg faktisk at dette gjelder alle bilder som inneholder en link i forumet. Dette får meg til å tenke på at det kan være noe css-greier. Mulig denne infoen hjelper..

Endret 17. januar 2010 av Luc1fer-

[Luc1fer-]

Noen som har noen forslag her?

[masb]

jeg synes det så bedre ut uten mellomrommet i grunn. hvis du vil ha hjelp kan det være smart å poste koden. går heller ikke ann å se cssen på siden

[Kris]

går heller ikke ann å se cssen på siden

 

Joda.

Klikk for å se/fjerne innholdet nedenfor

/*  phpBB 3.0 Style Sheet
   --------------------------------------------------------------
Style name:		01-24i7NET
Author:		24i7.net All Right Reserved !
Copyright 2006 phpBB Group ( [url="http://www.phpbb.com/"]http://www.phpbb.com/[/url] )
   --------------------------------------------------------------
*/

/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
/* Text-Sizing with ems: [url="http://www.clagnut.com/blog/348/"]http://www.clagnut.com/blog/348/[/url] */
font: normal 1.1em Arial;
color: #c7c7c7;
cursor: default;
background-color: #2b2a25;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
}

#ramka {
width: 1024px;
background-color: #2b2a25;
background-image: url('./images/t2.gif'); background-repeat: repeat-y;
margin: 0px auto;
}

#wrapheader {
				height: auto !important;
         width: 949px;
				padding: 0px;
}

#wrapcentre {
margin: 0px auto;
width: 950px;
}

#wrapfooter {
text-align: center;
clear: both;
margin-top: 7px;
}

#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
}

#logodesc {
margin: 0px;
background: #2b2a25;
width: 1024px;
background-image: url('./images/t2.gif'); background-repeat: repeat-y;
height: 199px;
padding: 0px;
}

#menu ul{
margin: 0px auto;
margin-left: 37px;
padding: 0px;
width: 948px;
list-style-type: none;
height: 27px;
background-color: #2b2a25;
border-left: #000000 solid 1px;
border-top: #3a3934 solid 1px;
border-right: #000 solid 1px;
border-bottom: #000 solid 1px;
background-image: url('./images/cellpic1.gif'); background-repeat: repeat-x;
text-align: center;
font-size: 1.1em;
clear: both;
}

#menu ul li{
display: inline;
padding-right: 20px;
}

#menu ul li a{
text-decoration: none;
color: #f5f5f7;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
line-height: 2.5em;
border-bottom: 0px;
font-size: 1.0em
}


#datebar {
width: 1024px;
margin: 3px auto;
padding: 0px;
border-bottom: 1px solid #3a3934;
}

#datebar span {
background: url('./images/info.gif') no-repeat;
padding-left: 12px;
}

#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}

.forumrules {
background-color: #F9CC79;
border-width: 1px;
border-style: solid;
border-color: #BB9860;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }



/*  Text
--------------------- */
h1 {
color: #6c6c6c;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}

h2 {
font-family: Arial;
font-weight: bold;
font-size: 1.1em;
padding-left: 20px;
padding-bottom: 3px;
background: url('./images/read.gif') no-repeat;
padding-top: 2px;
border-bottom: 1px solid #3a3934;
}

h2 a {
color: #e7e7e7;
}


h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}

h4 {
margin: 0;
font-size: 1.1em;
font-weight: normal;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: 6c6c6c;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}

p.breadcrumbs {
margin: 0;
padding-left: 12px;
background: url('./images/home.gif') no-repeat;
float: left;
color: 6c6c6c;
font-weight: bold;
white-space: normal;
font-size: 1em;
}

.rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}

.rtl p.datetime {
float: left;
}

p.searchbar {
padding: 2px 0;
} 

.usersmenu {
padding-left: 12px;
background: url('./images/usersico.gif') no-repeat left center;
}

.delico {
padding-left: 12px;
background: url('./images/delico.gif') no-repeat left center;
}

.regico {
padding-left: 12px;
background: url('./images/regico.gif') no-repeat left center;
}

.postsico {
padding-left: 12px;
background: url('./images/post.gif') no-repeat left center;
}

.userico {
padding-left: 12px;
background: url('./images/user.gif') no-repeat left center;
}

.infoico{
background: url('./images/info.gif') no-repeat left center;
padding-left: 12px;
}

.searchico{
background: url('./images/search.gif') no-repeat left center;
padding-left: 12px;
}

.newpostsico {
padding-left: 12px;
background: url('./images/post_new.gif') no-repeat left center;
}

p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom: 4px;
font-size: 1.0em;
}

p.topicauthor {
margin: 1px 0;
}

p.topicdetails {
margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
}

.postauthor {
color: #f4f4f4;
}

.postdetails {
color: #f4f4f4;
}

.postbody {
font-size: 1.1em;
line-height: 1.4em;
font-family: Arial;
color: #d4d4d4;
	}

.postlink:link {
color: #008fd3;
}

.postlink:hover {
color: #fff;
border-bottom: 0px;
}

.postlink:visited {
color: #008fd3;
}

.postbody b {
color: #fff;
font-weight: bold;	
}

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

.posthilit {
background-color: yellow;
}

.nav {
margin: 0;
margin-right: 5px;
color: 6c6c6c;
font-weight: bold;
}

.pagination {
padding: 4px;
color: 6c6c6c;
font-size: 1em;
font-weight: bold;
}

.cattitle {

}

.gen {
margin: 1px 1px;
font-size: 1.1em;
}

.genmed {
margin: 1px 1px;
font-size: 1.1em;
}

.gensmall {
margin: 1px 1px;
font-size: 1em;
}

.copyright {
color: #838383;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.copyright a:link {
color: #336600;
}

.copyright a:hover {
color: #fff;
}

.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.error {
color: red;
}


/* Tables
------------ */
th {
color: #FFF;
font-size: 0.90em;
background-color: #277c9e;
background-image: url('./images/cellpic3.gif');
height: 34px;
padding: 1px 5px;
}

td {
padding: 0px;
}
td.profile {
padding: 4px;
}

.tablebg {
background: #0b0b0d;

}

.tablebg2 {
background: #3a3934;

}

.catdiv {
height: 27px;
margin: 0;
padding: 0;
border: 0;
background-image: url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background-image: url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
height: 27px;
background-color: #313131;
background-image: url('./images/cellpic1.gif'); 
text-indent: 4px;
}

.row1 {
background-color: #2b2a25;
border-left: #3a3934 solid 1px;
border-top: #3a3934 solid 1px;
padding: 4px;
}

.row1:hover {
background-color: #2a2b25;
} 

.row2 {
background-color: #2b2a25; 
border-left: #3a3934 solid 1px;
border-top: #3a3934 solid 1px;
padding: 4px;
 }

.row2:hover {
background-color: #2a2b25;
} 

.row3 {
background-color: #2b2a25;
border-left: #3a3934 solid 1px;
border-top: #3a3934 solid 1px;
padding: 4px;
}

.row4 {
background-color: #2b2a25;
padding: 4px;
border-left: #0b0b0d solid 1px;
border-right: #0b0b0d solid 1px;
border-bottom: #0b0b0d solid 1px;
}

.row3:hover {
background-color: #2a2b25;
} 

.spacer {
background-color: #2b2a25; 
}

hr {
height: 1px;
border-width: 0;
background-color: #252525;
color: #42413d;
}

.legend {
text-align:center;
margin: 0 auto;
}

/* Links
------------ */
a:link{
color: #c7c7c7;
text-decoration: none;
margin-bottom: 10px;
}

a:visited {
color: #cecece;
text-decoration: none;
margin-bottom: 10px;
}

a.forumlink {
color: #01a8de;
font-size: 1.2em;
}

a.forumlink:hover {
padding-right: 12px;
background: url('./images/point.gif') no-repeat right;
color: #fff;
}

a.topictitle {
color: #01a8de;
font-size: 1.2em;
}

a.topictitle:hover {
padding-right: 12px;
background: url('./images/point.gif') no-repeat right;
color: #fff;
}

th a,
th a:visited {
color: #FFF !important;
text-decoration: none;
}

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


/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}

input {
color: #e1e1e1;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
background-color: #252525;
border: 1px solid #1e1e1e;
border-bottom: 1px solid #1e1e1e;
border-bottom: #336600;
background-image: url('./images/buttonbg.gif');
}

input:active {
background-color: #111111;
background-image: none;
}

input:focus {
border: 1px solid #6c6c6c;
}

textarea {
background-color: #252525;
color: #e1e1e1;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em; 
line-height: 1.4em;
font-weight: normal;
background-color: #252525;
border: 1px solid #464646;
border-bottom: #336600;
padding: 2px;
}

textarea:focus {
border: 1px solid #6c6c6c;
}

textarea:active {
border: 1px solid #6c6c6c;
}

select {
color: #e1e1e1;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
background-color: #252525;
border: 1px solid #1e1e1e;
background-image: url('./images/buttonbg.gif');
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: graytext;
}

.rtl option {
padding: 0 0 0 1em;
}

input.radio {
border: none;
background-color: transparent;
}

.post {
background-color: #252525;
border-style: solid;
border-width: 1px;
}

.btnbbcode {
color: #f4f4f4;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #252525;
border: 1px solid #000;
}

.btnmain {
font-weight: bold;
background-color: #252525;
border: 1px solid #1e1e1e;
border-bottom: #336600;
background-image: url('./images/buttonbg.gif');
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnlite {
font-weight: normal;
background-color: #252525;
border: 1px solid #1e1e1e;
border-bottom: #336600;
background-image: url('./images/buttonbg.gif');
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnfile {
font-weight: normal;
background-color: #252525;
border: 1px solid #1e1e1e;
background-image: url('./images/buttonbg.gif');
border-bottom: #336600;
padding: 1px 5px;
font-size: 1.1em;
}

.helpline {
background-color: #252525;
border-style: none;
}


/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border: 1px solid #000;
color: #00d19d;
background: #252525 url('./images/cellpic1.gif') repeat-x;
font-size: 0.85em;
}

.quotetitle .quotetitle {
font-size: 1em;
}

.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border: 1px solid #3a3935;
font-weight: normal;
color: #b8b8b8;
font-size: 1.0em Arial;
background-color: #252525;
}

.attachcontent {
font-size: 0.85em;
}

.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border: 1px solid #000000;
color: #028ccf;
background: #252525 url('./images/cellpic1.gif') repeat-x;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}

.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border: 1px solid #3a3935;
font-weight: normal;
color: #d4b400;
font-size: 1.0em Arial;
background-color: #252525;
}

.syntaxbg {
color: #FFFFFF;
}

.syntaxcomment {
color: #FF8000;
}

.syntaxdefault {
color: #0000BB;
}

.syntaxhtml {
color: #f4f4f4;
}

.syntaxkeyword {
color: #007700;
}

.syntaxstring {
color: #DD0000;
}


/* Private messages
------------------ */
.pm_marked_colour {
background-color: #f4f4f4;
}

.pm_replied_colour {
background-color: #3e3e3c;
}

.pm_friend_colour {
background-color: #007700;
}

.pm_foe_colour {
background-color: #DD0000;
}


/* Misc
------------ */
img {
border: none;
vertical-align: bottom;
}

.sep {
background-color: #2b2a25;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
}


#menu0 {
margin: 0px auto;
padding: 0;
}

#menu0 dt {
color: #b0b0b0;
text-align: center;
cursor: default;
margin: 3px 0 0 0;
padding: 2px;
}

#menu0 dd {
color: #b0b0b0;
margin: 0;
padding: 1px 5px;
}

#menu0 dd.active {
font-weight: bold;
}
.flow {
 overflow: hidden;
}

.fixed {
 table-layout: fixed;
}

[masb]

how?

[Kris]

<link rel="stylesheet" href="./styles/FIFANorge.com - Dark/theme/stylesheet.css" type="text/css" />

 

[masb]

<link rel="stylesheet" href="./styles/FIFANorge.com - Dark/theme/stylesheet.css" type="text/css" />

 

 

@import url(file.css);

[Kris]

Da går du til samme adressen, bare endrer /stylesheet.css til /file.css

[Gjest Slettet-IHWlGMJn]

Får ikke mellomrom i FF 3.5.7. Problem løst?

[jabbamabba]

Ser jo bra ut nå i både FF, IE og Chrome, men ville muligens endret #logodesc på linje 61 i 24i7.net.css fra

 

height:199px;

 

til

 

height:198px;

 

..for å fjerne det lille grå under menyen. Utrolig pirkete, men ja..

[Luc1fer-]

Beklager at jeg ikke svarte mer i denne. Gikk i orden, og da tenkte jeg ikke noe særlig mer på det. Takk for hjelpa.