• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

schichten...

Status
Für weitere Antworten geschlossen.

lord3490

Neues Mitglied
ich hab ne html seite bei der sich Bilder und Schrift (teilweise) übernander legen sollen....

das sieht richtig schick aus (find ich) aber geht leider nur bei firefox oder Konqueror aber nicht beim IE...

kann man für IE irgentwie festlegen welche/s Bild bzw. Schrift unter/über einer Schicht liegt?

währe jeder Hilfe dankbar... :)

edit: hier 2 screenshots:
firefox
firefox.jpg


IE
ie.jpg


der schriftefekt kommt durch die jpg-komprimierung... :roll:
 
Werbung:
Könntest du den Quelltext der Seite hier reinschreiben, denn so gibt es sicher vielfältige Möglichkeiten, wie so etwas zustande kommen könnte (auch wenn mir jetzt gerade keine einzige einfällt :mrgreen:).
 
Ich stimme da zu, schicke den code, dann kann man dir auch helfen.
 
Werbung:
tjaha um erlich zu sein hab ich was vergessen zu schreiben...
also das ist eine mit CSS formatierte tabelle...

die css (sorry is lang und ungefiltert)
Code:
<style type="text/css">

table {
  border-top-width:0px;
  border-top-style:solid;
  border-left-width:0px;
  border-left-style:solid;
  border-color:#0000e0;

  background-color:#1E8EE2;
  }

th {
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#d0d0d0;
  border-right-width:2px;
  border-right-style:solid;
  border-right-color:#0000e0;
  background-color:#4040a0;
  color:#e0e0f0;
  }

td {

   font-size:14pt;
   line-height:0pt;
   font-family:comic sans ms;
   letter-spacing:0.0;
   word-spacing:0.0;
   text-align:CENTER;

  border-bottom-width:0px;
  border-bottom-style:solid;
  border-bottom-color:#000000;

  border-right-width:0px;
  border-right-style:solid;
  border-right-color:#800000;

  border-left-width:0px;
  border-left-style:solid;
  border-left-color:#800000;

  border-top-width:0px;
  border-top-style:solid;
  border-top-color:#000000;

  background-color:#000000;

  padding-left:0px;
  padding-right:0px;
  padding-bottom:5px;
  padding-top:5px;



  }

td.a  {

  border:0px;
  background-color:#1E8EE2;

  }

p  {
   font-size:14pt;
   line-height:0pt;
   font-family:comic sans ms;
   letter-spacing:0.0;
   word-spacing:0.0;
   text-align:CENTER;

  border-bottom-width:0px;
  border-bottom-style:solid;
  border-bottom-color:#FF0000;

  border-right-width:0px;
  border-right-style:solid;
  border-right-color:#FF0000;

  border-left-width:0px;
  border-left-style:solid;
  border-left-color:#FF0000;

  border-top-width:0px;
  border-top-style:solid;
  border-top-color:#FF0000;

  background-color:#000000;

  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  padding-top:16px;

}


</style>

die html wird mit php erzeugt und ist desswegen alleine noch nicht einsichtig:
<html>
<head>
<title>deluxe selected</title>
<link rel="stylesheet" href="../Formate.css" type="text/css">
</head>
<noscript> <body> </noscript>
<body>
<center>
<table border="3">
<?php
$mainpic=$mrx."/".$mrx."0.gif";
$mp=$mrx."0.gif";
echo "
";
echo "<h1>".$mrx."s Bilder</h1>";
$handle = opendir($mrx);
$i="0";
while($file = readdir($handle)) {
$typ = explode(".", $file);
$typ = $typ[count($typ)-1];
if ($file != "." && $file != ".." && ($typ == "gif" or $typ == "jpg") && $file != $mp) {
if ($i == "4"){
echo "<tr>";
$i="0";
}
$i++;

echo "<td height=\"150\"><a href=".$mrx."/".$file.">

".$file."
</a>";


}
}

closedir($handle);
?>
</table>
<center>
<noscript> </body> </noscript>
<noscript> <body> </noscript>
</html>

desswegen hier noch ein link: http://www.skateboa.6x.to
-->bilder -->Jochen

nicht wundern bitte, siet nicht mehr genau so wie auf dem screenshot aus..
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben