HTML Bild richtig einstellen

[♛zєηѕιєятנ∂♛]

Hallo liebe Community,

kommen wir mal zu meinem Problem.
Ich habe von einem Freund ein Template für eine Homepage bekommen und ich düftel da einfach bisschen rum aus Spaß.
Habe aber nun ein Problem mit einer Bildvorschau.



Ich denke man sieht das Problem das Bild ist größer wie dieses schwarze Feld wenn man mit der Maus drüber geht.
Und meine Frage ist jetzt wie kann ich dieses schwarze Bild größer machen damit es über das ganze Bild geht?

So sieht das ganze aus.

<li class="span3 gallery-item" data-id="id-1" data-type="illustration">
<span class="gallery-hover-4col hidden-phone hidden-tablet">
<span class="gallery-icons">
<a href="img/gallery/test.jpg" class="item-zoom-link lightbox" title="test" data-rel="prettyPhoto"></a>
<a href="gallery-single.htm" class="item-details-link"></a>
</span>
</span>
<a href="gallery-single.htm"><img src="img/gallery/test.jpg" alt="Gallery"></a>
<span class="project-details"><a href="gallery-single.htm">test</a>test</span>
</li>

Danke für jede Hilfe!


#edit
Habe herausgefunden das man mit <span class="gallery-hover-4col hidden-phone hidden-tablet"> die ganze Funktion rausnehmen kann. Ist aber nich nach meinem ermessen möchte das gerne an das Bild anpassen

[ironiebob1994]

ich seh kein bild sonst würd ich dir helfen

[xinternet]

im codeblock bist du schonmal an der falschen stelle.

such die gallery einträge in der css datei

[♛zєηѕιєятנ∂♛]

im codeblock bist du schonmal an der falschen stelle.

such die gallery einträge in der css datei

Ah, okay danke , dann meinst du die Datein?



Wie gesagt bin noch Anfänger

Das steht bei Style unter Gallery

 /*** Gallery ***/
.gallery-hover-6col {width:140px; height:114px;}
.gallery-hover-4col {width:220px; height:180px;}
.gallery-hover-3col {width:300px; height:243px;}
.gallery-hover-4col-cir {width:220px; height:220px;}
.gallery-hover-4col-cir .gallery-icons {top: 42%; left:29%;}

li.span4 .project-details {
	-o-text-overflow: ellipsis;
    text-overflow:    ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width: 280px;
	}
li.span3 .project-details {
    -o-text-overflow: ellipsis;
    text-overflow:    ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width: 200px;
	}
li.span2 .project-details {
    -o-text-overflow: ellipsis;
    text-overflow:    ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width: 120px;
	}

[xinternet]

da bist du auf jedenfall schonmal richtig.

aber wie schon oben erwähnt, wäre es ganz gut, wenn wir mal das bild zu sehen bekommen (von dem problem)

[♛zєηѕιєятנ∂♛]

das ist das Bild mit dem problem seht ihr das nett^^

[LekoArts]

Originally Posted by ♛zєηѕιєятנ∂♛

das ist das Bild mit dem problem seht ihr das nett^^

Nein, wir können nicht darauf zugreifen

Lade es am besten hier hoch:

[♛zєηѕιєятנ∂♛]