Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: HTML Bild richtig einstellen

  1. #1
    HTML Newbie
    Registriert seit
    26.04.2015
    Beiträge
    7
    Danke
    5
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML Bild richtig einstellen

    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.

    dede.png


    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Slayer123 (26.04.2015 um 12:36 Uhr)

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML Bild richtig einstellen

    naja ohne den gesamtcode der seite wird es eher ein ratespiel, als eine hilfestellung.
    ein link zur seite wäre schon famos
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. Folgende User finden die Antwort von synaptic gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    26.04.2015
    Beiträge
    7
    Danke
    5
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Bild richtig einstellen

    http://www.feed-flash.com/probeversion/ Bitte

    Kann das sein das ich das nur über die CSS Datei einstellen kann?
    Geändert von Slayer123 (26.04.2015 um 15:33 Uhr)

  5. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML Bild richtig einstellen

    also ich sehe dort in firefox und chrome nur 1 bild und das hat gar keinen overlay-effekt oder ähnliches, noch dazu flackern bei mehreren mouse-over-gesten die interaktionsschaltflächen.
    also da is schon noch ne ganze ecke mehr im argen ...

    und es kann am css machbar werden oder aber am javascript, jedoch ist das für mich jetzt akut nicht ersichtlich
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. Folgende User finden die Antwort von synaptic gut:


  7. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    26.04.2015
    Beiträge
    7
    Danke
    5
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Bild richtig einstellen

    Oh , habe an der Seite alles möglich geändert um den Fehler zu finden. Dachte da kommt nichts mehr kannst jetzt wieder draufgehen, habe extra ein Foto hochgeladen damit man es sieht.
    Wenn es in der CSS Datei drin steht wo kann ich das Finden? Schicke dir einfach mal ein Ausschnitt von der CSS Datei.
    HTML-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;     }
    Bin mir aber nicht sicher ob das dass richtige Abteil ist

  8. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML Bild richtig einstellen

    Code:
    .gallery-hover-4col {
      display: block;
      height: 360px;
      width: 270px;
    }
    für dieses explizite bild!!
    wenn die alle das gleiche format haben, kannste den style so nehmen, aber wenn die ggf andersformatig sind, brauchste ne andere lösung.

    alternativ kanste dem umliegenden li nen position: relative geben und dem .gallery-hover-4col ne height und width von je 100%, aber dann überdecken die icons die caption bei mouse-over.

    bei voller flexibilität bin ich ein freund von javascript, weil man damit schon recht viel auf die kette bekommen kann
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. Folgende User finden die Antwort von synaptic gut:


  10. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    26.04.2015
    Beiträge
    7
    Danke
    5
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Bild richtig einstellen

    Ah ok danke, noch eine andere Frage wenn ich an der Homepage arbeite und das dann in FileZilla hochladen werden die Datein zwar im FileZilla übernommen, sprich überschrieben aber im Browser sieht man keinerlei Veränderung erst nach dem ich den Ordner im filezilla umgenannt habe wird dies sichtbar.

    edit habe noch eine möglichkeit gefunden.
    HTML-Code:
    <span class="gallery-hover-4col hidden-phone hidden-tablet">
    Wenn ich dort statt 4col 3col eingebe wird dies vergrößert kann man auch irgendwo die perfekten maßen dafür sehen.
    Du hast ja die Maßen für 4col schon geschrieben was ist aber mit den anderen wo kann ich die finden?
    Geändert von Slayer123 (27.04.2015 um 19:59 Uhr)

  11. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML Bild richtig einstellen

    ich denke du musst den cache von deinem browser leeren.
    dafür gibt es verschiedene anleitungen im netz.
    die einfachste version is linke shift-taste drücken und den reload-button vom browser klicken.
    dann gibt es meta-tags und php-header, htaccess-lösungen etc
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  12. Folgende User finden die Antwort von synaptic gut:


  13. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    26.04.2015
    Beiträge
    7
    Danke
    5
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Bild richtig einstellen

    Ok danke und was ist damit "Wenn ich dort statt 4col 3col eingebe wird dies vergrößert kann man auch irgendwo die perfekten maßen dafür sehen.
    Du hast ja die Maßen für 4col schon geschrieben was ist aber mit den anderen wo kann ich die finden?" sorry wenn ich deine Zeit so viel in Anspruch nehme ..

  14. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML Bild richtig einstellen

    besorg dir mal für den firefox die extension firebug, damit kannst du prima objekte im html untersuchen und dir davon das css anzeigen lassen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 17.06.2014, 07:12
  2. Bild im Header richtig darstellen
    Von schulli im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.05.2009, 12:56
  3. Receiver richtig einstellen!
    Von goldeneye im Forum Off Topic und Quasselbox
    Antworten: 5
    Letzter Beitrag: 23.02.2009, 01:15
  4. bild freistellen es geht nie richtig
    Von lasso im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 08.07.2007, 12:27
  5. FTP Richtig einstellen
    Von Palestina im Forum Computer - Internet Forum
    Antworten: 4
    Letzter Beitrag: 07.03.2005, 17:12

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •