Beiträge von winzigweich

winzigweich

Hallo und moin moin,

erstmal auch danke an djheke also zur lösung von modemkind => super es funzt
nur sind nun die bilder nun in der vorschau RIESIG UND ZOOMEN NOCH GRÖẞER ?
Das kann ich aber handeln , hoffe ich.
Das post von djheke ist zwar schick aber irgendwie bekomme ich das nicht zum laufen,
mittlerweile arbeite ich nun schon an der x-ten lösung und die klappt hier mal der Code
also HTMLab dem <HEAD bleibt es fast unverändert .

Code

/*<![CDATA[*/
#gallery_position { 
   margin: 10px;
}


#gallery {
   position: relative;
   width: 3200px;
   height: 150px;
   border: 1px solid #000000;
   background-color: #FFFFFF;
}


#gallery img {
   width: 600px;
   height: 300px;
   margin: 25px;
}


#gallery a, #gallery a:visited {
   display: block;
   float: left;
   background-repeat:no-repeat;
   width: 160px;
   height: 120px;
   margin: 10px;
   border: 1px solid #000000;
   text-decoration: none;   
}


#gallery a span, #gallery a strong {
   display: none;
}


#gallery a span em {
   display: block;
   background-repeat:no-repeat;
   width: 800px;
   height: 600px;
   margin: 0;


}


#gallery a:focus, #gallery a:active  {
   border: 1px solid #666666;
}


#gallery a:focus span, #gallery a:active span  {
   display: block;
   position: fixed; /*absolute; */

   left: 260px;
   top: 225px;
   width: 800px;
   height: 600px;
   z-index:1;
   font-size: 0.8em;
   color: #000000;
}




#gallery a:focus strong, #gallery a:active strong  {
   position: fixed;
   display: block;
   left: 27px;
   top: 87px;
   width: 800px;
   height: 600px;
   background-color: #EFEDEC;
   color: #1199FF;
   font-size: 0.8em;   
}


/*]]>*//*]]>*/

Alles anzeigen

in der .css sthe nun allewrdings gar nix mehr es ist wirklich ne "null-byte.css"

winzigweich

Hallo modem-kind,

moin moin auch aus dem hohen norden .

erstmal vielen danke für das ansehen meines problems !

Wenn ich das einbaue bekomme zwar das umschalten zwischen den sprachen wieder hin aber die angezeigten bilder werden nicht mehr durch anklicken groß angezeigt sondern nun passiert beim click auf ein bild NIX ?, nur beim click auf englisch geht es zur datei auf englisch und von dort wieder zurück !

Irgendwo klemmt was ! hast du noch ne idee oder einen anderen ansatz ?

ich trink erstmal nen kaffee und suche weiter .
mfg
Michael

winzigweich

hallo und erstmal danke,

also ich möchte bei klick auf sie flagge den engl. text bzw. die enl. seite aufrufen.
ich bekomme aber ikmmer nur die flagge gezoomt ? schade ich häng noch die daten an ev. hilft es ja

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <link href="muster.css" rel="stylesheet">
      <style type="text/css">



       </style>
       <title> T i t l e</title>
  </head>
 
<body>
    <h1>    titel </h1>
    <h2>
        <a href="file:start.html">Startseite</a> |         
        <a href="file:s2.html">seite2</a> | 
        <a href="file:s3.html">seite3</a> |   


    </h2>
<br><br>


<div class="alsbilderzeile">  /*  div #1 */


<div class="film">
 <a href="#"><img src="bilder/bild1.jpg" alt="bild1"></a>
<br>
<div class="beschreibung">TEXt bla bla</div>
 </div>




<div class="film">
 <a href="#"><img src="bilder/bild2.jpg" alt="bild2"></a>
<br>
 <div class="beschreibung">TEXt bla bla</div>
</div>


<div class="film">
 <a href="#"><img src="bilder/bild3.jpg" alt="bild3"></a>
 <div class="beschreibung">TEXt bla bla</div>
</div>




</div> /* div für die bilderzeile */  




<div class="transparenz-aus">    
         <div id="fa1-oben">
           <img src="bilder/fa1-logo.jpg" alt="fa1-logo">
         </div>


<div class="flagge">
 <a href="file:referenzen-eng.html"><img src="bilder/grossbritannien.gif" alt="flag-gb"> </a>
</div>


 </div>
</body>
</html>


<!--            hier kommt die muster.css -->


/* muster.css */


h1{
 margin-left: 125px;
 font-size:25pt;
 font-family:Arial;
 color:blue;
 background: #d4d4d4
}


h2{
 margin-left: 125px;
 font-size:20pt;
 font-family:Arial;
 color:black;
 background: #d4d4d4
}


h3{
 margin-left: 125px; 
 font-size:20pt;
 font-family:Arial;
 color:#000000;
 background: #d4d4d4;
}


#fa1-oben {
  position: absolute;
  top: 25px;
  left: 5px;
}


.flagge {


  position: absolute;
  top: 78px;
  left: 1175px;
  font-size: 16pt;
}




.alsbilderzeile {
 width:3550px;
 float:left ;
 overflow: scroll;
}




div.film { 
         /*top right bottom left*/ 
  margin: 350px 10px 1px 10px;
  border: 1px solid #000000;
  float: left;
  text-align: center;
  background: #d4d4d4 top left no-repeat;
  font-size: 10px;
}


div.film img
{
  display: inline;
  margin: 25px 10px 1px 10px;
  border: 1px solid #d4d4d4;
  height: auto;
  width: 250px;

}




div.beschreibung 
{
  text-align: left;
  font-weight: normal;
  font-size:16pt;
  margin: 10px 10px 10px 10px;
  color: #000000;
  background-color: #ffffff;
  max-width:225px;
} 


/*z-index zzt wg.8bilder =9  */


a:focus img +  :not(.flagge)  { 

                position:fixed;        
                border: 2em solid #eee;
                border-radius: 1em;
        left:350px;
        top:  150px;
                width: 50%;
        z-index:9;
                overflow:hidden;
        box-shadow: 1px 1px 5px #333;                

}








/* muster.css   ******** EOF ************* */

Alles anzeigen

winzigweich

Hallo alle,

lerne so langsam ein wenig CSS und hab da mal ein Problem

auf allen Unterseiten habe ich neben einer menuezeile -
die aus links auf verschiedene unterseiten besteht
die UK-Flagge stehen.
durck click darauf switched man zwischen englich und deutsch beliebig hin und her
wobei die länderfahne mit wechselt .

aber auf ewiner seite auf der ich beispielfotos zeige klappt es nicht mehr ?
ich habe versucht mit a:focus img + :not(.flagge) { ..... } die klasse auszuschließen
klappt allerdings sogar nicht wie ich möchte !
css validator zeigt alles grün

wäre schön wenn jemand ne idee hätte

danke

Beiträge von winzigweich

in CSS eine klasse als ausnahme bei a:focus angeben

in CSS eine klasse als ausnahme bei a:focus angeben

in CSS eine klasse als ausnahme bei a:focus angeben

in CSS eine klasse als ausnahme bei a:focus angeben