mainlevel:hover mystisk fejl

Her kan du spørge om hjælp til design, templates og css.
Locked
User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

mainlevel:hover mystisk fejl

Post by kancaie » Thu Jul 17, 2008 12:50 am

Fejlen fundet :-[ :-[ :-[ Det var mamboten UltimativePng fix (det er jo ikke første gang at den "fu***" et af mine templates op)

Denne her kan jeg ikke dreje ??

Hvis jeg benytter denne kode

Code: Select all

<html><?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?> <!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"><head><?php if ( $my->id ) initEditor(); ?> 
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" /><?php mosShowHead(); ?> 
<link rel="stylesheet" type="text/css" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/test/css/template_css.css" />
</head>

<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=800 align=center border=0>
  <TBODY>
  <TR>
    <TD width="800" height= "200" align=center valign=top>

	<img border="0" src="templates/test/images/logo.jpg"  align=center width="800" height="200">
	</TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=800 align=center border=0>
  <TBODY>
  <TR>
    <TD>
	<img border="0" src="templates/test/images/bar_top.png" align=center width="800" height="12">
	</TD></TR></TBODY></TABLE>

<TABLE class="Main_Site" cellSpacing=0 cellPadding=0 width=800 align=center border=0>
  <TBODY>
  <TR>
    <TD width="800" >
	<TABLE cellSpacing=0 cellPadding=5 width=800 border=0>
        <TBODY>
        <TR>
          <TD class="left_mod" width="160" align=left valign=top background="templates/test/images/bar_left.png" style="padding-left: 5px;"><p>
			<?php mosLoadModules ( "left" ); ?></p>
			<p><?php mosLoadModules ( "user1" ); ?></p>
			<p align="bottom left">
			<a target="_blank" href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.test.dk/">
			<img border="0" src="templates/test/images/vcss.jpg" width="88" height="31" alt="Valid CSS!">
			</TD>
			<?php
      if ( mosCountModules( 'right' )  >= 1) // If right module activ, we give place for it, else ...
         {
         ?>
		  
          <TD class="main_body" width="520" align="left" valign="top" style="padding-right: 5px" ><?php mosMainBody(); ?></TD>
          <TD class="right_mod" width="120" align="left" valign="top" style="bordercolor=#ADADAD" style="border-left-style: dotted; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px">
         
			<p align="center"><?php mosLoadModules ( "right" ); ?></p>
			<p align="center"><?php mosLoadModules ( "user2" ); ?></TD>
          </TR>
		  
		<?php
		   }
		else // If right modul is inactive, we give more space for the main page
		   {
            ?>
        <TD class="main_body" width="635" align="left" valign="top" style="padding-right: 5px"><?php mosMainBody(); ?></TD>
		<TD width="5" align="left" valign="top"> <!-- Adding a 5px "border" to the right -->
		<?php
		   }
		   ?>
		</TBODY></TABLE></TD>
    </TR>

<!-- Start Bottom -->
	<TR>
	<TD width="800" height="30"  background="templates/test/images/bottom.jpg" style="Padding-left: 5px"><p class="Design" align=Right valign=center>
<a target="_blank" href="http://www.test.dk">Design test <!-- My design, please leave it be :) -->
	</TD></TR></TBODY></TABLE>
<!-- End Bottom -->
</BODY></HTML>
sammen med denne kode

Code: Select all

*-> Start Body: (Using background image combined with background color, Repeats only Horizontal) */
Body {
	Padding-top: 0Pt;
	Padding-right: 0Pt;
	Padding-bottom: 0Pt;
	Padding-left: 0Pt;
	Background-color: #4Ba8ff;
	Background-image: Url(../images/body_bg.jpg);
	Background-repeat: Repeat-x;
	Background-attachment: Scroll;
}
/* end Body <-*/

Td, Tr {
	Font-size: 12Px;
	Color: #000000;
	Font-family: Arial, Helvetica, Sans-serif;
}

Div{
	Font-size: 12Px;
	Color: #000000;
	Font-family: Arial, Helvetica, Sans-serif;
	overflow: hidden;
	}

P{
	Font-size: 12Px;
	Color: #000000;
	Font-family: Arial, Helvetica, Sans-serif;
	/* -> Only use this if contenc don't fit
	overflow: hidden; 
	It will hide the contens that dont fith. works in ie7 & FF->*/
}

.Ontab {
	Font-weight: Normal;
	Color: #000000;
	Background-color: #Ffffff;
	Text-align: Center;
}

.Offtab {
	Font-weight: Normal;
	Color: #000000;
	Background-color: #Ffffff;
	Text-align: Center;
}

.Tabpadding {}

.Tabheading {
	Text-align: Left;
}

.Pagetext {
	Display: None;
	Visibility: Hidden;
	Position: Relative;
	Top: 0Px;
}

H4 {
	Font-weight: Bold;
	Font-size: 15Px;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
}

H5 {
	Font-weight: Bold;
	Font-size: 13Px;
	Color: #000000;
	Font-family: Arial, Helvetica, Sans-serif;
}

H6 {
	Font-weight: Bold;
	Font-size: 12Px;
	Color: #000000;
	Font-family: Arial, Helvetica, Sans-serif;
}

Hr {
	Border-right: 2Px;
	Border-top: 2Px Inset;
	Background: #3B4d67;
	Border-left: 2Px Inset;
	Border-bottom: 2Px Inset;
	Height: 1Px;
}

Hr.separator {
	Border-right: 0Px;
	Border-top: 0Px;
	Background: #3B4d67;
	Border-left: 0Px;
	Width: 75Px;
	Border-bottom: 0Px;
	Height: 1Px;
}

A:link {
	Font-size: 11Px;
	Color: #3B4d67;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A:visited {
	Font-size: 11Px;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A:hover {
	Color: #2570A5;
	Text-decoration: None;
}

A.mainlevel:link, A.mainlevel:visited {
	Display: Block;
	Font-size: 12Px;
	Font-weight: Bold;
	Color: #000;
	Font-family: Arial, Helvetica, Sans-serif;
/*Text-transform: Uppercase;*/
	Text-align: Left;
	Height: 21Px;
	Line-height: 21Px;
	Text-indent: 14Px;
	Width: 156Px;
	background-image: url(../images/button.png);
	background-position: left center;
	background-repeat: no-repeat;
}

A.mainlevel:hover {
	Display: Block;
	Font-size: 12Px;
	Color: #666;
	Font-family: Arial, Helvetica, Sans-serif;
/*Text-transform: Uppercase;*/
	Text-align: Left;
	Height: 21Px;
	Line-height: 21Px;
	Text-indent: 14Px;
	Width: 156Px;
	background-image: url(../images/button_over.png);
	background-position: left center;
	background-repeat: no-repeat;
}

A.mainlevel#active_menu {
	Display: Block;
	Font-size: 12Px;
	Color: #666699;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-transform: Uppercase;
	Text-align: Left;
	Height: 21Px;
	Line-height: 21Px;
	Text-indent: 14Px;
	Width: 156Px;
	background-image: url(../images/button_active.png);
	background-position: left center;
	background-repeat: no-repeat;
}

A.mainlevel#active_menu:hover {
	Color: #999999;
}

A.mainmenu:link {
	Font-weight: Normal;
	Color: #3B4d67;
}

A.mainmenu:visited {
	Font-weight: Normal;
	Color: #3B4d67;
}

A.mainmenu:hover {
	Color: #2570A5;
	Text-decoration: Underline;
}

A.sublevel:hover {
	Color: #2570A5;
	Text-decoration: Underline;
}

A.sublevel:link {
	Font-weight: Normal;
	Color: #2570A5;
}

A.sublevel:visited {
	Font-weight: Normal;
	Color: #2570A5;
}

A.contentpagetitle:link {
	Font-weight: Bold;
	Font-size: 13Px;
	Color: #3B4d67;
	Text-align: Left;
	Text-decoration: Underline;
}

A.contentpagetitle:visited {
	Font-weight: Bold;
	Font-size: 13Px;
	Color: #3B4d67;
	Text-align: Left;
	Text-decoration: Underline;
}

A.contentpagetitle:hover {
	Font-weight: Bold;
	Font-size: 13Px;
	Color: #2570A5;
	Text-align: Left;
	Text-decoration: Underline;
}

.Contentpane {
/*Background: #F5f4f4; */}

.Contentpaneopen {
    /*Border-right: #A3c2ec 0Px Solid;
	Border-top: #A3c2ec 0Px Solid;
	Border-left: #A3c2ec 0Px Solid;
	Border-bottom: #A3c2ec 0Px Solid;*/
}

.Contentheading {
	Background-position: Left Top;
	Font-weight: Bold;
	Font-size: 16Px;
	Color: #3300Cc;
	Text-indent: 0Px;
	Line-height: 15Px;
	Background-repeat: No-repeat;
	Font-family: Arial, Helvetica, Sans-serif;
	Height: 15Px;
	Text-align: Left;
}

.Contentpagetitle {
	Font-weight: Bold;
	Font-size: 13Px;
	Color: #3300Cc;
	Text-align: Left;
}

Table.contenttoc {
	Color: #3300CC;
	Background-color: #FFF;
}

Table.contenttoc Td {
	Font-weight: Normal;
	Font-size: 8Pt;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-align: Left;
}

.Contentdescription {
	Font-size: 14Px;
	Color: #000000;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-align: Left;
}

A.blogsection:link {
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #405115;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A.blogsection:visited {
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #405115;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A.blogsection:hover {
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #759328;
	Text-decoration: Underline;
}

A.weblinks:link {
	Font-weight: Normal;
	Color: #405115;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A.weblinks:visited {
	Font-weight: Normal;
	Color: #405115;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A.weblinks:hover {
	Color: #759328;
	Text-decoration: Underline;
}

A.readon:link {
	List-style: Inside;
	Display: List-item;
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #3B4d67;
	Font-family: Arial, Helvetica, Sans-serif;
	White-space: Normal;
	Text-decoration: None;
}

A.readon:visited {
	List-style: Inside;
	Display: List-item;
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #3B4d67;
	Font-family: Arial, Helvetica, Sans-serif;
	White-space: Normal;
	Text-decoration: None;
}

A.readon:hover {
	List-style: Inside;
	Display: List-item;
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #2570A5;
	Font-family: Arial, Helvetica, Sans-serif;
	White-space: Normal;
	Text-decoration: Underline;
}

Table.moduletable {
	Margin: 0Px;
	Width: 95%;
}

Table.moduletable Th {
	Font-weight: Bold;
	Font-size: 10Px;
	Background: No-repeat Left 50%;
	Width: 100%;
	Color: #3300Cc;
	Text-indent: 15Px;
	Line-height: 9Px;
	Font-family: Arial, Helvetica, Sans-serif;
	Height: 15Px;
	Text-align: Left;
}

Table.moduletable Td {
	Font-weight: Normal;
	Font-size: 10Px;
	Font-family: Arial, Helvetica, Sans-serif;
	Height: 10Px;
}

.Componentheading {
	Background-position: Left Top;
	Font-weight: Bold;
	Font-size: 16Px;
/*Color: #3300Cc;*/
	Text-indent: 30Px;
	Line-height: 25Px;
	Background-repeat: No-repeat;
	Font-family: Arial, Helvetica, Sans-serif;
	Height: 30Px;
	Text-align: Left;
}

.Button {
	Border-right: #Dae4f8 1Px Solid;
	Border-top: #Dae4f8 1Px Solid;
	Font-weight: Normal;
	Font-size: 10Px;
	Background: White;
	Border-left: #Dae4f8 1Px Solid;
	Color: #3300Cc;
	Border-bottom: #Dae4f8 1Px Solid;
	Font-family: Arial, Verdana, Geneva, Helvetica, Sans-serif;
	Height: 15Px;
	Text-align: Center;
}

.Inputbox {
	Border-right: 1Px Solid;
	Border-top: 1Px Solid;
	Font-weight: Normal;
	Font-size: 10Px;
	Background: #Dae4f8;
	Border-left: 1Px Solid;
	Color: #000000;
	Border-bottom: 1Px Solid;
	Font-family: Arial, Helvetica, Sans-serif;
}

.Category {
	Font-weight: Bold;
	Font-size: 14Pt;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A.category:link {
	Height: 20Px;
	Padding-top: 20Px;
	Font-size: 14Pt;
	Font-weight: Bold;
	Color: #2570A5;
	Text-decoration: None;
}

A.category:visited {
	Font-size: 14Pt;
	Font-weight: Bold;
	Color: #2570A5;
}

A.category:hover {
	Color: #3B4d67;
}

.Poll {
	Font-size: 10Px;
	Color: #3300Cc;
	Line-height: 14Px;
	Font-family: Arial, Helvetica, Sans-serif;
}

.Sectiontableentry1 {}

.Sectiontableentry2 {}

.Sectiontableheader {
	Font-weight: Bold;
	Color: #3300Cc;
	Background-color: #Ffffff;
    background-image: Url(../images/bar_other.png);
}

.Small {
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

.Smalldark {
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #3300Cc;
	Font-family: Verdana, Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

.Newsfeedheading {
	Font-weight: Bold;
	Font-size: 12Px;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-align: Left;
}

.Newsfeeddate {
	Font-weight: Normal;
	Font-size: 10Px;
	Color: #3300Cc;
	Font-family: Verdana, Arial, Helvetica, Sans-serif;
}

.Createdate {
	Font-weight: Normal;
	Font-size: 9Px;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

.Modifydate {
	Font-weight: Normal;
	Font-size: 9Px;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

Ul {
	Margin: 3Px;
}

Li {
	List-style-position: Inside;
}

.Fase4rdf {
	Font-weight: Normal;
	Font-size: 11Px;
	Color: #3300Cc;
	Font-family: Arial, Helvetica, Sans-serif;
}

A.fase4rdf:link {
	Font-weight: Normal;
	Font-size: 11Px;
	Color: #405115;
}

A.fase4rdf:hover {
	Font-weight: Bold;
	Color: #759328;
}

Table.searchintro {
	Margin: 0Px;
	Border-right: #759328 1Px Solid;
	Border-top: #759328 1Px Solid;
	Border-left: #759328 1Px Solid;
	Border-bottom: #759328 1Px Solid;
	Background-color: #Ffffff;
}

Table.contact {}

Table.contact Td.icons {
	Background-color: #Ccdbef;
}

Table.contact Td.details {
	Font-size: 10Px;
	Background-color: #Ccdbef;
}

.Pagenav {
	Font-weight: Normal;
	Font-size: 9Px;
	Font-family: Arial, Helvetica, Sans-serif;
}

A.pagenav {
	Font-weight: Bold;
	Color: #3300Cc;
}

A.pagenav:visited {
	Font-weight: Bold;
	Color: #759328;
}

A.pagenav:hover {
	Color: #D6e5aa;
}

.Pagenavbar {}

.Content_rating {
	Font-weight: Normal;
	Font-size: 8Pt;
}

.Content_vote {
	Font-weight: Normal;
	Font-size: 8Pt;
}

A.bar:link {
	Font-weight: Normal;
	Font-size: 9Px;
	Color: #2570A5;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A.bar:visited {
	Font-weight: Normal;
	Font-size: 9Px;
	Color: #2570A5;
	Font-family: Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

A.bar:hover {
	Color: #3B4d67;
	Text-decoration: None;
}

.Searchbox {
	Margin: 0Px;
	Border-right: 1Px Solid;
	Border-top: 1Px Solid;
	Font-weight: Normal;
	Font-size: 10Px;
	Background: #Dae4f8;
	Border-left: 1Px Solid;
	Color: #3300Cc;
	Line-height: 15Px;
	Border-bottom: 1Px Solid;
	Font-family: Arial, Helvetica, Sans-serif;
	Height: 15Px;
}

.Title {
	Font-weight: Bold;
	Font-size: Larger;
	Line-height: Normal;
	Font-style: Normal;
	Letter-spacing: 4Px;
	Font-variant: Normal;
}

.Moscode {}

.Message {
	Font-weight: Bold;
	Font-size: 10Pt;
	Color: #Ff6600;
	Font-family: Verdana, Arial, Helvetica, Sans-serif;
	Text-align: Center;
}

.Pathway {
	Font-size: 9Px;
	Font-weight: Bold;
	Color: #993333;
	Font-family: Arial, Helvetica, Sans-serif;
}

A.pathway:link {
	Font-weight: Normal;
	Font-size: 9Px;
	Color: #000;
	Text-decoration: Underline;
}

A.pathway:visited {
	Font-weight: Normal;
	Font-size: 9Px;
	Color: #000;
	Text-decoration: None;
}

A.pathway:hover {
	Font-weight: Normal;
	Font-size: 9Px;
	Color: #000;
	Text-decoration: Underline;
}
/* -> Start Main site: (Use this only to controle background style only (it will overwrite all other settings) this style includes .Left_mod, .Right_mod) */

.Main_Site {
	background-color: #DDD;
	table-layout: fixed;
/* Background-image: Url(../images/spacer.jpg);*/
}
/* End Main Site <-*/
/* -> Strat JceBox: (Background color of the wysiwyg editor */

.Jcebox{
	Background: #F5f4f4;/* Light Gray (nere to white) */
}
/* End Jcebox <-*/
/* -> Start Main body: (Contens page) Only use for background styling, it will overwrite all other styles */

.Main_body
{

}
/* End Main body <-*/

/* -> Start Left Module: (Menu navigation and User) (USE ONLY FOR BACKGROUND STYLING)*/

.Left_mod {
	background-color: #CCC;
}
/* End Left Module <-*/
/* -> Start Right Module (USE ONLY FOR BACKGROUND STYLING) */

.Right_mod{
	background-color: #DDD;
}
/* End Right Module <-*/
/* Start Design (Controles the "Design by") */

.Design {
	Font-weight: Thin;
	Font-size: 10Px;
	Color: #CCC;
	Font-family: Verdana, Arial, Helvetica, Sans-serif;
	Text-align: Left;
}

.Design A:visited {
	Font-size: 10Px;
	Color: #CCC;
	Font-family: Veranda, Arial, Helvetica, Sans-serif;
	Text-decoration: None;
}

.Design A:hover {
	Font-weight: thin;
	Font-size: 10Px;
	Color: #FFF;
	Text-decoration: Underline;
}
/* End Design <-*/

.contentpaneopen-nicky {
background-image:url(../../../Images/nicky/guitar.png);
background-position:bottom;
background-repeat:no-repeat;
}

contentheading-nicky {

}
så virker min mainlevel:hover button_over.png ikke. i IE6 virker fint i FF ig IE7
men hvis jeg benytter andet CSS så er der ingen problemer, jeg kan bare ikke se hvor i problemet med mit CSS ligger, og håber der for at der er nogle her der kan hjælpe.

/Rex
EDIT:
Korregeret Picture -> button_over.png
EDIT: Fejlen opstår i IE6, hvilket jo tydeligt skulle hvae været skrevet med det samme :-[
Last edited by kancaie on Thu Jul 17, 2008 9:25 pm, edited 4 times in total.
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: mainlevel:hover mystisk fejl

Post by Gadensgaard » Thu Jul 17, 2008 8:57 am

Den første fejl jeg støder på er at du skriver alle HTML tags med stort. Det er ikke valid kode. Det samme i CSS'en - hvorfor bruger du store bogstaver?

Jeg kigger det lige koden igennem efter en løsning.

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: mainlevel:hover mystisk fejl

Post by Gadensgaard » Thu Jul 17, 2008 9:00 am

Det er en mærkelig blanding af inline CSS og et design bygget op i tabeller. Det er svært at overskue koden - og dernæst ved jeg ikke hvad problemet er. Hvad er mainlevel:hover picture?

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: mainlevel:hover mystisk fejl

Post by kancaie » Thu Jul 17, 2008 10:42 am

Gadensgaard wrote:Det er en mærkelig blanding af inline CSS og et design bygget op i tabeller. Det er svært at overskue koden - og dernæst ved jeg ikke hvad problemet er. Hvad er mainlevel:hover picture?
Mit prblem er at jeg ikke kan få hover billedet i main:level til at virke i IE6

Code: Select all

A.mainlevel:hover {
   Display: Block;
   Font-size: 12Px;
   Color: #666;
   Font-family: Arial, Helvetica, Sans-serif;
/*Text-transform: Uppercase;*/
   Text-align: Left;
   Height: 21Px;
   Line-height: 21Px;
   Text-indent: 14Px;
   Width: 156Px;
   background-image: url(../images/button_over.png);
   background-position: left center;
   background-repeat: no-repeat;
}
Men som jeg læser din først post, så er det sikkert fordi jeg stadig fatter hat af css, css er et fra et tidliger design, som bare er "tilrettet" i fonts & farver, men måske at jeg skulle starte forfra.

Men hvad mener du med inline CSS og et tabel design ?

Hvade slet ikke tænkt over at HTML,en stod med stort det er copy paste fra div. når jeg har søgt på en måde at gøre det på, har jeg bare kopiret koden fra tut'en eller indlæget.

Men det retter jeg hurtigt op på :)

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: mainlevel:hover mystisk fejl

Post by Gadensgaard » Thu Jul 17, 2008 4:43 pm

Jeg kunne ikke (og kan stadig ikke) se af dit første indlæg at det var IE6 der var problemet.

Der ud over kan jeg stadig ikke gennemskue hvad du mener med hover billedet. Er det "background-image" på linket eller hvad?

Og button_over.png - er det en gennemsigtig (eller halvgennemsigtig) png? For IE6 kan ikke fortolke gennemsigtighed på PNG-filer, så måske det er det der er fejlen.

Derudover ville det være MEGET nemmere hvis du nu smed et link til den side du har problemer med.

Tabeldesign: Dit design er bygget op i tabeller. Design skal bygges op i DIVs og CSS og tabeller skal bruges til det det er lavet til: tabulær data :).

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: mainlevel:hover mystisk fejl

Post by kancaie » Thu Jul 17, 2008 5:08 pm

Gadensgaard wrote:Jeg kunne ikke (og kan stadig ikke) se af dit første indlæg at det var IE6 der var problemet.

Der ud over kan jeg stadig ikke gennemskue hvad du mener med hover billedet. Er det "background-image" på linket eller hvad?

Og button_over.png - er det en gennemsigtig (eller halvgennemsigtig) png? For IE6 kan ikke fortolke gennemsigtighed på PNG-filer, så måske det er det der er fejlen.

Derudover ville det være MEGET nemmere hvis du nu smed et link til den side du har problemer med.

Tabeldesign: Dit design er bygget op i tabeller. Design skal bygges op i DIVs og CSS og tabeller skal bruges til det det er lavet til: tabulær data :).
Den var tidlig i morges da jeg smed indlæget :-[
Men jo det er i IE6 jeg ikke kan få hover billedet (background) til at virke, png filen er trans, men det er button & button_active oxe og dem er der ingen problemer med (har png fix installeret) men det kan du selvfølige ikke se :'(
Jeg kan desvære ikke poste noget link da det er en side jeg arb. på offline (lokalt via uniform_server, men jeg kan måske hexe noget online ting senere i aften...).

Jeg er nød til at sætte siden op i tabeller da jeg langt fra er god nok til CSS til at kunne sætte en side op med DIV og CSS - men jeg lære hverdag :), men indtil da må jeg bruge det jeg kan :laugh: hviket oxer er grundet til at jeg spørger så meget her på forummet, og andre forums - det er for at lære og bedst er det at lære af egne fejl :)

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: mainlevel:hover mystisk fejl

Post by kancaie » Thu Jul 17, 2008 9:27 pm

Takker mange gange for din gennem læsning af mine (har jeg nu fundet ud af) knap så gode koder, jeg har sat google i gang med at finde undervisnings materiale til mig vedr. DIV og CSS

/Rex
BTW, så er din side nede :(, bare til info
/JR
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: mainlevel:hover mystisk fejl

Post by Gadensgaard » Thu Jul 17, 2008 9:35 pm

Ja sådan er det når man hoster hos servage :(. Den kører igen nu.

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: mainlevel:hover mystisk fejl

Post by Gadensgaard » Thu Jul 17, 2008 9:38 pm

Ahh - havde ikke set dit problem var løst. Ultimate PNG fix har jeg heller ikke haft held med desværre. Havde lige håbet at problemerne omkring halvtransperante PNG filer en gang for alle var løst på en fornuftig måde - men nej.

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: mainlevel:hover mystisk fejl

Post by kancaie » Thu Jul 17, 2008 9:57 pm

Gadensgaard wrote:Ahh - havde ikke set dit problem var løst. Ultimate PNG fix har jeg heller ikke haft held med desværre. Havde lige håbet at problemerne omkring halvtransperante PNG filer en gang for alle var løst på en fornuftig måde - men nej.
Ja for ingen gang png fixet i JCE utili virker :(
Men jeg er begynt at benytte mig af denne java kode

Code: Select all

function IE_CorrectAlpha_PNG(){
	for(i=0; i<document.images.length; i++){
		img    = document.images[i];
		imgExt  = img.src.substring(img.src.length-3, img.src.length);
		imgExt  = imgExt.toUpperCase();
		if (imgExt == "PNG"){
			imgID    = (img.id) ? "id='" + img.id + "' " : "";
			imgClass= (img.className) ? "class='" + img.className + "' " : "";
			imgTitle= (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
			imgStyle= "display:inline-block;" + img.style.cssText;
			if (img.align == "left") { imgStyle = "float:left;"  + imgStyle; } else if (img.align == "right"){ imgStyle = "float:right;" + imgStyle; }
			if (img.parentElement.href)   { imgStyle = "cursor:hand;" + imgStyle; }       
			strNewHTML    = '<span '+imgID+imgClass+imgTitle+' style="width:'+img.width+'px; height:'+img.height+'px;'+imgStyle+';'+'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+img.src+'\', sizingMethod=\'scale\');"></span>';
			img.outerHTML = strNewHTML;
			i = i-1;
		}
	}
}


var userAgent=navigator.userAgent;

if (userAgent.indexOf('MSIE') != -1) {
	window.attachEvent("onload", IE_CorrectAlpha_PNG);
}
 
som jeg så hiver direkte i templated,

Code: Select all

<script src="templates/kan-rep/js/pngfix.js" type="text/javascript"></script>
og det virker (har lige testet det på denne test side, og selv min "hover" virker)

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: mainlevel:hover mystisk fejl

Post by Gadensgaard » Fri Jul 18, 2008 7:51 am

Det virker desværre kun på billeder på selve sitet og ikke CSS definerede baggrundsbilleder.


Locked

Return to “Template, CSS og Design”