zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden bild nicht überdecken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.10.2009, 14:32
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.04.2009
Beiträge: 30
rafa befindet sich auf einem aufstrebenden Ast
Standard bild nicht überdecken

Hallo zusammen,

Ich gav ein Css Code den Ich mir von einer Seite kopiert habe. Bei dem Code wird ein Bild immer mit dem anderen Bild überdeckt. Sprich man hat 3 Bilder von sich und man kann dann wenn man Bild 2 Klickt wird Bild 1 mit Bild 2 überdeckt. Problem hierbei ist, das nicht alle Bilder gleich groß sind.

Frage:

Was müsste man als änderung vornehmen das sich die Bilder nicht überdecken ?

Code:
<!--Profildiashow-->
<style type="text/css">
/* needed for IE to make :active state work first time */
a, a:visited {
	color:#000;
	text-align: left;
}

/* kleine bilder an der seite*/
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#F33; text-decoration:none; border:1px solid #000; width:90px;  float:left; margin:2px; z-index:50;}


a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #F33;}



/* styling for RIGHT gallery */
#container_right {position:relative; width:400px; height:420px; background:#FFF; border:0px solid #a49188; margin:0em auto;}

#container_right img {border:0;}

#container_right .thumbs {width:100px; position:absolute; right:0; top:0;}

#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:-430px; padding:5px; font-style:italic; color:#FFF;  z-index:100;}


/*Bild nach links und rechts verschieben!!! bei dem left*/


#container_right div.thumbs em.default, #container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:250px; height:370px; top:5px; left:-270px; padding:5px; border-bottom-color:#F00; border:1px solid #3d330f; z-index:50;}

</style>

<style>
a:hover {text-decoration:underline; color:green;}
a {text-decoration:none;}
</style>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.10.2009, 05:26
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Hast du ein Beispiel online, kanns mir grad nicht so gut vorstellen (vllt auch zu spät^^).
__________________
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.10.2009, 15:45
Benutzerbild von Sash
Benutzer
neuer user
 
Registriert seit: 29.03.2009
Ort: Bonn
Beiträge: 83
Sash befindet sich auf einem aufstrebenden Ast
Standard

Also wie das ganze Funktioniert kann ich mir gut vorstellen, hatte sowas mal mit JS gemacht.

Aber die Frage ist glaube ich etwas undeutlich formuliert.
Versteht man das richtig, das Du wenn man auf Bild 2 klickt soll Bild 1 trotzdem angezeigt werden ?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild ersetzten durch Bild-nr. +1 luki.boy Javascript & Ajax 3 13.04.2011 10:13
Bild durch Bild ersetzten! (a:hover) Prof. Awesome CSS 11 16.03.2011 15:33
Bild über Bild rafa CSS 2 24.01.2010 19:46
Bild über Bild legen mit position: relative (IE6 Problem) naitsab CSS 3 09.06.2009 14:20
Bild mit Rahmen aus Bild Holger (HMR) CSS 3 21.05.2008 13:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:13 Uhr.