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

Thema: Bitte um Css Hilfe !

  1. #1
    HTML Newbie
    Registriert seit
    06.04.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bitte um Css Hilfe !

    Hallo,
    ich habe folgendes problem !
    Das ist mein slider :
    Unbenannt.jpg
    Der schaltet nach wenigen sekunden um auf die schrift darunter !
    dann erscheint wie oben abgebildet ein pfeil nur neben der 2 Schrift oben verschwindet dann auch der detailsbutton und das bild was oben mit einem weißen kasten abgebildet ist , tauchen auf dem bild darunter auf und verschwinden oben.
    Doch da sind wir schon beim Problem das ganze klappt nicht
    Beim ersten Bild habe ich es noch hinbekommen doch beim 2 Bleib ich stecken.
    Das ist der abteil für den slider in der style.css:
    Code:
    /* slider */
    #faded {width:849px;height:350px;margin:0px 0;background:url(images/slider-bg.png) no-repeat 25px 5px}
    #faded ul {list-style:none;padding:0;margin:0}
    #faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:350px;background:url(images/pagination-bg.jpg) no-repeat left top}
    #faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
    #faded ul.pagination li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
    #faded ul.pagination li.current a {background-position:left top;color:#ffff}
    #faded ul.pagination li a span {font-family:Tahoma;font-size:25px;font-weight:100;line-height:1.2em;display:block;padding:14px 0 0 0}
    #faded ul.pagination li a small {font-family:Tahoma;display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(images/arrows.gif);padding:0 17px 0 0}
    #faded ul.pagination li a span,
    #faded ul.pagination li a small {padding-left:40px}
    #faded ul.pagination li.current a small {color:#ff0000;background-position:right 5px}
    #faded ul.slides li {position:relative;width:100%}
    #faded ul.slides li img {position:absolute;top:18px;right:230px}
    #faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:70px;top:22px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(images/button-left.png) no-repeat left top;letter-spacing:-1px}
    #faded ul.slides li a:hover {color:#ff0000}
    #faded ul.slides li a span {display:block;padding-right:8px;background:url(images/button-right.png) no-repeat right top}
    #faded ul.slides li a span span {background:url(images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
    a {outline:0;border:0}
    So und nun kommt meine eigentliche Frage !
    Wie bekomme ich es hin genau das glecihe noch mal für das 2 bild zu machen ? Ich habe schon alles verscuht neue class angelget alles doch das ist alles total bugy danach
    wenn jemand eine idee hat bitte schreiben!
    Das ist übrigens die html datei wo der slider eingebunden wird:
    HTML-Code:
    <div id="faded">
                    <ul class="slides">
                        <li><img src="themes/shark-hosting/images/slide-title1.png"><a href="modules.php?name=store"><span><span>Details</span></span></a></li>
                        <li><img src="themes/shark-hosting/images/slide-title4.png"><a href="#"><span><span>Details</span></span></a></li>
                        <li><img src="themes/shark-hosting/images/slide-title3.png"><a href="#"><span><span>Details</span></span></a></li>
                        <li><img src="themes/shark-hosting/images/slide-title2.png"><a href="#"><span><span>Details</span></span></a></li>
                    </ul>
    
                    <ul class="pagination"><b>
                        <li><a href="/modules.php?name=store&op=details&ids=1" rel="0"><span><ul>schrift1</ul></span><small>Mehr Informationen</small></a></li>
                        <li><a href="#" rel="1"><span><ul>schrichft2</ul></span><small>Mehr Informationen</small></a></li>
                        <li><a href="#" rel="2"><span><ul>schrift3</ul></span><small>Mehr Informationen</small></a></li>
                        <li><a href="#" rel="3"><span><ul>schrift4</ul></span><small>Mehr Informationen</small></a></li>
    </b>
    
                    </ul>
                </div>
    Ich hoffe jemand kann mir helfen
    Mit freundlichen grüßen Niklas.
    ps. ich entschuldige mich für meine Rechtschreibung doch bin gerade sehr in Eile
    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 !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Bitte um Css Hilfe !

    Und wie heisst der Slider?
    Hasst mal die Anleitung komplett gelesen zum Slider?
    FAQ zum Slider gelesen?
    E-Mail an den Entwickler des Sliders mit Problembeschreibung geschrieben?
    Und ohne Javascript und Link zur Seite tappen auch wir völlig im dunkeln.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    06.04.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bitte um Css Hilfe !

    Per java script muss man da nix einbinden das kann ich aber auch noch mit schicken
    Und es ist ein komplettes template also gekauft !
    ich könnte ja einen kleinen teil zum download hier zur verfügung stellen !
    Gutte idee =?

    gruß

  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Bitte um Css Hilfe !

    Eine bessere Idee wäre, wenn Du den Link zur Seite zeigst. Dann könnte man sich das direkt anschauen was Du aktuell hast.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    06.04.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bitte um Css Hilfe !

    Okay hier :
    http://www.chunk-hosting.de/modules.php?name=store
    Wie gesagt wenn der Slider auf den 2 button darunter wechselt sollten die Bilder mitziehen ich wüsste aber nicht wie ich das machen sollte.

  6. #6
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Bitte um Css Hilfe !

    Da kann ich nicht mal den Quellcode richtig analysieren, weil der HTML-Code dermaßen fehlerhaft ist, dass es pures Glück ist wenn irgendein Browser überhaupt etwas so anzeigt wie Du es gerne hättest:
    http://validator.w3.org/check?verbos...3Fname%3Dstore
    Korrigiere diese Fehler, sorge vor allem erstmal für einen korrekten Aufbau der HTML-Grundstruktur.

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    06.04.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bitte um Css Hilfe !

    Das sind ja alles nur endtag fehler ?
    Ist das wichtig oder ich sag mal so was für folgen kann es haben ?

  8. #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: Bitte um Css Hilfe !

    also ich hab jetzt keine lösung für dich parat, aber das problem erkannt und lass dir zwei dinge gesagt sein:
    1) dein positionierungsgedöhnse is mehr als gruselig
    2) nein man braucht keinen validen code für eine richtige anzeige, aber besser ist es schon, vor allem wenn man strict als doctype nutzt.

    wieso is die ul relativ, die li absolute und die bilder darin wieder relativ?
    du brauchst lediglich des relativ auf den li und des absolute auf den images darin.
    wenn die inline-styles von dienem javascript kommen, is das script scheisse^^

    ein anständiges plugin liefert entweder ein css mit, was anzupassen ist oder aber es gibt dir die möglichkeit die klassen der elemente in den defaults durch die options zu überschreiben.

    dein css-ansatz(deaktiviertes JS) is soweit schon richtig, aber dein script haut die den käse kaputt.
    wenn deine ul die richtige breite bekommt und somit auch ne art layout^^ bekommste beide bereiche nebeneinander gesetzt, stichwort "float"
    dann brauchen deine LI bestimmt keine 100% breite die sie vom content bekommen und damit mehr platz einnehmen, als nötig.
    dann haben deine LI keine höhe, was den murks mit deiner positionierung hervorruft.

    alles in allem wirste noch ne wiele zu tun haben^^
    viel erfolg
    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. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    06.04.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bitte um Css Hilfe !

    Okay trz. danke für deine Antwort .
    Ich glaube es wär einfacher wenn ich es doch anders Löse !

  10. #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: Bitte um Css Hilfe !

    naja grundlegend kannste probieren das css zu fixen für die anzeige an sich. deine konstruktion braucht ohne js nich mehr viel, um zu fruchten.
    nur die kombi aus deiner gesamtfaxe da is kritisch und wird einiges an zeit brauchen.

    und neu bauen ist nicht immer die lösung für probleme...
    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. Layout Hilfe BITTE BITTE :(
    Von Jacklyn im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 20.10.2009, 19:00
  2. hilfe bei footer! bitte bitte :(
    Von HarleyQuinn im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 16.07.2009, 21:42
  3. BIITE HILFE - MORGEN KLAUSUR - BITTE HILFE
    Von unbekannt im Forum Off Topic und Quasselbox
    Antworten: 0
    Letzter Beitrag: 06.03.2008, 21:10
  4. hilfe bitte
    Von im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 17.05.2007, 15:25
  5. Hilfe bitte ^^
    Von Engemaen im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 23.04.2005, 23:15

Stichworte

Berechtigungen

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