HTML Bild richtig einstellen

04/26/2015 11:39 ♛zєηѕιєятנ∂♛#1
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.

[Only registered and activated users can see links. Click Here To Register...]

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.

Code:
<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
04/26/2015 13:48 ironiebob1994#2
ich seh kein bild sonst würd ich dir helfen
04/26/2015 13:58 xinternet#3
im codeblock bist du schonmal an der falschen stelle.

such die gallery einträge in der css datei
04/26/2015 14:13 ♛zєηѕιєятנ∂♛#4
Quote:
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?

[Only registered and activated users can see links. Click Here To Register...][Only registered and activated users can see links. Click Here To Register...]

Wie gesagt bin noch Anfänger

Das steht bei Style unter Gallery
Code:
 /*** 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;
	}
04/26/2015 16:26 xinternet#5
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)
04/26/2015 19:52 ♛zєηѕιєятנ∂♛#6
[Only registered and activated users can see links. Click Here To Register...]

das ist das Bild mit dem problem seht ihr das nett^^
04/26/2015 20:19 LekoArts#7
Quote:
Originally Posted by ♛zєηѕιєятנ∂♛ View Post
[Only registered and activated users can see links. Click Here To Register...]

das ist das Bild mit dem problem seht ihr das nett^^
Nein, wir können nicht darauf zugreifen ;)

Lade es am besten hier hoch:

[Only registered and activated users can see links. Click Here To Register...]
04/27/2015 13:33 ♛zєηѕιєятנ∂♛#8
[Only registered and activated users can see links. Click Here To Register...]