Bilder nicht richtig

CSS, Java Script u.s.w

Moderator: HTML-Laie

Antworten
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Bilder nicht richtig

Beitrag von moni »

ulli hat geschrieben:ich werde mir das morgen mal in Ruhe durchlesen....wenn ich ehrlich bin...ich habe nix verstanden....oh wie peinlich ist das denn????
Mag sein das ich auch sehr kompliziert alles erkläre . :E .. auf jeden Fall es muss nicht Dir peinlich sein !!!
ich vermute das du einfach zu lange pause gehabt hast, und einfach aus der Übung bist ! ...aber wenn die Ulli da nicht nicht hinkriegt da musste Sie anders heißen :-)
Viele Grüße ...Monika
Nach oben
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Bilder nicht richtig

Beitrag von moni »

So Ulli hier ist die Galerie für 20 Bilder ..muss nur die Bilder URL zugeben

a.bild1 { display:block; background-image:url(Hier die S/W); width:350px; height:300px;}
a.bild1:hover { background-image:url(Hier die Bunten ); width:350px; height:300px; }

unten in die Tabelle bleibt alles so wie es ist !
Hatte auch einen Titel für die Galerie gemacht ..bei <h1>Lüneburger Heide </h1>...wenn du das nicht haben willst kannst ruhig wegmachen

Code: Alles auswählen


<head>
<title>L&uuml;nenb&uuml;rger Heide  </title>
<style type="text/css">

a.bild1 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild1:hover { background-image:url(url ); width:350px; height:300px; }

a.bild2 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild2:hover { background-image:url(url ); width:350px; height:300px; }

a.bild3 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild3:hover { background-image:url(url ); width:350px; height:300px; }

a.bild4 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild4:hover { background-image:url(url ); width:350px; height:300px; }

a.bild5 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild5:hover { background-image:url(url ); width:350px; height:300px; }

a.bild6 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild6:hover { background-image:url(url ); width:350px; height:300px; }

a.bild7 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild7:hover { background-image:url(url ); width:350px; height:300px; }

a.bild8 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild8:hover { background-image:url(url ); width:350px; height:300px; }

a.bild9 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild9:hover { background-image:url(url ); width:350px; height:300px; }

a.bild10 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild10:hover { background-image:url(url ); width:350px; height:300px; }

a.bild11 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild11:hover { background-image:url(url ); width:350px; height:300px; }

a.bild12 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild12:hover { background-image:url(url ); width:350px; height:300px; }

a.bild13 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild13:hover { background-image:url(url ); width:350px; height:300px; }

a.bild14 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild14:hover { background-image:url(url ); width:350px; height:300px; }

a.bild15 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild15:hover { background-image:url(url ); width:350px; height:300px; }

a.bild16 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild16:hover { background-image:url(url ); width:350px; height:300px; }

a.bild17 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild17:hover { background-image:url(url ); width:350px; height:300px; }

a.bild18 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild18:hover { background-image:url(url ); width:350px; height:300px; }

a.bild19 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild19:hover { background-image:url(url ); width:350px; height:300px; }

a.bild20 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild20:hover { background-image:url(url ); width:350px; height:300px; }

</style>
</head>
<body>
<h1><center>L&uuml;neburger Heide </center></h1>
<table align="center" border="0"cellpadding="3" cellspacing="3">
 <tr>
  <td><a class="bild1" href="#"></a>     </td>
  <td><a class="bild2" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
            <tr>
  <td><a class="bild3" href="#"></a>     </td>
  <td><a class="bild4" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild5" href="#"></a>     </td>
  <td><a class="bild6" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild7" href="#"></a>     </td>
  <td><a class="bild8" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild9" href="#"></a>     </td>
  <td><a class="bild10" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild11" href="#"></a>     </td>
  <td><a class="bild12" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild13" href="#"></a>     </td>
  <td><a class="bild14" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild15" href="#"></a>     </td>
  <td><a class="bild16" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild17" href="#"></a>     </td>
  <td><a class="bild18" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
  <td><a class="bild19" href="#"></a>     </td>
  <td><a class="bild20" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
          <td><h2><center>L&uuml;neburger Heide
          </center></h2></td>
           </tr>
 <tr>
 </table>
</body>
Viele Grüße ...Monika
Nach oben
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:
Kontaktdaten von ulli

Re: Bilder nicht richtig

Beitrag von ulli »

danke dir...und da muss ich nur noch die Bilder einfügen?? Cool...danke dir...ja mit der Überschrift ist okay...
Nach oben
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Bilder nicht richtig

Beitrag von moni »

ja nur die URL Bilder ..so wie in den B mit roten Schrift
Viele Grüße ...Monika
Nach oben
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:
Kontaktdaten von ulli

Re: Bilder nicht richtig

Beitrag von ulli »

hab ich alles fein gemacht...nur werden keine Bilder angezeigt...was habe ich falsch gemacht???
Nach oben
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:
Kontaktdaten von Jasko

Re: Bilder nicht richtig

Beitrag von Jasko »

Hast es wohl geschafft, ich sehe die Bilder
:X
Nach oben
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Bilder nicht richtig

Beitrag von moni »

ulli hat geschrieben:hab ich alles fein gemacht...nur werden keine Bilder angezeigt...was habe ich falsch gemacht???
habe vergessen ..man darf nicht mehr das head und body mit auf eine Text- Seite einbringen ( neuen Npage Regel )..aus diese Grund waren die Bilder nicht mehr zu sehen ..
das Problem ist schon gelöst http://pokerlady.npage.de/lueneburger-heide.html( man muss nur noch die restlichen Bilder verlinken )

und für die Zukunft und ewentuel für interessierte noch mal das Skript ..

Code: Alles auswählen



<title>Mouserover Galerie  </title>
<style type="text/css">

a.bild1 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild1:hover { background-image:url(url ); width:350px; height:300px; }

a.bild2 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild2:hover { background-image:url(url ); width:350px; height:300px; }

a.bild3 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild3:hover { background-image:url(url ); width:350px; height:300px; }

a.bild4 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild4:hover { background-image:url(url ); width:350px; height:300px; }

a.bild5 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild5:hover { background-image:url(url ); width:350px; height:300px; }

a.bild6 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild6:hover { background-image:url(url ); width:350px; height:300px; }

a.bild7 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild7:hover { background-image:url(url ); width:350px; height:300px; }

a.bild8 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild8:hover { background-image:url(url ); width:350px; height:300px; }

a.bild9 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild9:hover { background-image:url(url ); width:350px; height:300px; }

a.bild10 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild10:hover { background-image:url(url ); width:350px; height:300px; }

a.bild11 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild11:hover { background-image:url(url ); width:350px; height:300px; }

a.bild12 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild12:hover { background-image:url(url ); width:350px; height:300px; }

a.bild13 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild13:hover { background-image:url(url ); width:350px; height:300px; }

a.bild14 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild14:hover { background-image:url(url ); width:350px; height:300px; }

a.bild15 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild15:hover { background-image:url(url ); width:350px; height:300px; }

a.bild16 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild16:hover { background-image:url(url ); width:350px; height:300px; }

a.bild17 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild17:hover { background-image:url(url ); width:350px; height:300px; }

a.bild18 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild18:hover { background-image:url(url ); width:350px; height:300px; }

a.bild19 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild19:hover { background-image:url(url ); width:350px; height:300px; }

a.bild20 { display:block; background-image:url(url); width:350px; height:300px;}
a.bild20:hover { background-image:url(url ); width:350px; height:300px; }

</style>


<h1><center>Mouserover Galerie f&uuml;r 20 Bilder </center></h1>
<table align="center" border="0"cellpadding="3" cellspacing="3">
 <tr>
  <td><a class="bild1" href="#"></a>     </td>
  <td><a class="bild2" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr>
           <tr>
  <td><a class="bild3" href="#"></a>     </td>
  <td><a class="bild4" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild5" href="#"></a>     </td>
  <td><a class="bild6" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild7" href="#"></a>     </td>
  <td><a class="bild8" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild9" href="#"></a>     </td>
  <td><a class="bild10" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild11" href="#"></a>     </td>
  <td><a class="bild12" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild13" href="#"></a>     </td>
  <td><a class="bild14" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild15" href="#"></a>     </td>
  <td><a class="bild16" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild17" href="#"></a>     </td>
  <td><a class="bild18" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr><tr>
  <td><a class="bild19" href="#"></a>     </td>
  <td><a class="bild20" href="#"></a> </td>

 </tr>
 <tr>
<td><h2><center>Titel
          </center></h2></td>
          <td><h2><center>Titel
          </center></h2></td>
           </tr>

 </table>
Viele Grüße ...Monika
Nach oben
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste