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

Thema: Php und css?

  1. #1
    Youngster
    Registriert seit
    04.10.2010
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Php und css?

    Hallo Zusammen

    Bin daran meine erste Page für einen Kunden zu programmieren
    Hab die Seite erstellt, und ein Backend damit der Benutzer selber die Seite mit Inhalt füllen kann.

    Jetzt hab ich ein Problem. Nämlich hab ich in meinem Code für die Bildergalerie die kleinen Vorschaubilder im CSS-Code definiert.

    Ich möchte jetzt mit PHP die Daten aus der DB laden. Wie stell ich das mit dem CSS an? Bin verzweifelt..

    Hier mal mein Code:
    Code:
    <style>
    #holder {position:relative; background:transparent url(vertical-slide/photographer.jpg) 90px 0 no-repeat; margin-bottom:10px; width:750px; height:400px;}
    #scrollbox {padding:0; margin:0; width:110px; list-style:none; height:500px; overflow:auto; float:right;}
    #scrollbox li {float:left;}
    
    
    #scrollbox a {display:block; color:#3333cc; text-decoration:none; border:1px solid #fff; width:75px; height:56px; float:left; padding:5px; font-family:"trebuchet ms", sans-serif; font-size:14px; text-align:center;}
    
    #scrollbox a.slidea {background:url(apollo11_1.jpg) no-repeat center center;}
    #scrollbox a.slideb {background:url(apolloLaunch_1.jpg) no-repeat center center;}
    #scrollbox a.slidec {background:url(bumper_1.jpg) no-repeat center center;}
    #scrollbox a.slided {background:url(./bilderklein/Launch_1.jpg) no-repeat center center;}
    #scrollbox a.slidee {background:url(./bilderklein/Liftoff_1.jpg) no-repeat center center;}
    #scrollbox a.slidef {background:url(lightin_1.jpg) no-repeat center center;}
    #scrollbox a.slideg {background:url(SR71_1.jpg) no-repeat center center;}
    #scrollbox a.slideh {background:url(SR-71_1.jpg) no-repeat center center;}
    #scrollbox a.slidei {background:url(STS-1_1.jpg) no-repeat center center;}
    #scrollbox a.slidej {background:url(STS-121_1.jpg) no-repeat center center;}
    #scrollbox a.slidek {background:url(dsc_0045_0.jpg) no-repeat center center;}
    
    
    #scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
    #scrollbox a span img {border:0;}
    
    #scrollbox a:hover {border:1px solid #888;}
    #scrollbox a:hover span {width:480px; height:500px; left:90px; background:#66cc00; z-index:100;}
    
    #scrollbox a:active {border:1px solid #000;}
    #scrollbox a:focus {border:1px solid #000; outline:0;}
    
    * html #scrollbox a:active span {width:480px; height:400px; top:0; left:90px; color:#3333cc; background:#fff; z-index:-1;}
    #scrollbox a:focus span {width:480px; height:500px; top:0; left:90px; color:#3333cc; background:#66cc00; z-index:10; outline:0;}
    </style>
    HTML-Code:
    <div id="holder">
                        <ul id="scrollbox">
                            <li><a class="slidea" href="#nogo"><span><img src="apollo11_2.jpg" alt="" /><br />Butterflies</span></a></li>
                            <li><a class="slideb" href="#nogo"><span><img src="apolloLaunch_2.jpg" alt="" /><br />Shy</span></a></li>
                            <li><a class="slidec" href="#nogo"><span><img src="bumper_2.jpg" alt="" /><br />Otter</span></a></li>
                            <li><a class="slided" href="#nogo"><span><img src="./bildergross/Launch_2.jpg" alt="" /><br />Monkey</span></a></li>
                            <li><a class="slidee" href="#nogo"><span><img src="./bildergross/Liftoff_2.jpg" alt="" /><br />Monkey2</span></a></li>
                            <li><a class="slidef" href="#nogo"><span><img src="lightin_2.jpg" alt="" /><br />Nuts</span></a></li>
                            <li><a class="slideg" href="#nogo"><span><img src="SR71_2.jpg" alt="" /><br />Pelicans</span></a></li>
                            <li><a class="slideh" href="#nogo"><span><img src="SR-71_2.jpg" alt="" /><br />Kiwi</span></a></li>
                            <li><a class="slidei" href="#nogo"><span><img src="STS-1_2.jpg" alt="" /><br />Lizard</span></a></li>
                            <li><a class="slidej" href="#nogo"><span><img src="STS-121_2.jpg" alt="" /><br />Paddling</span></a></li>
                            <li><a class="slidek" href="#nogo"><span><img src="dsc_0045.jpg" alt="" /><br />Trees</span></a></li>
                        </ul>
                    </div>
    Hab ich das Problem verständlich erklärt? Kann mir jmd. helfen?

    Danke euch im Vorraus!
    Freundliche Grüsse
    Luca TheLehrling
    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
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Php und css?

    Möglichkeit 1 ("Der Hack"): css-datei mit php einlesen und nach den urls suchen. Ziemlich sinnlos, und wenn du die Thumbnails eh statishc im css hast, kannst du die Galerie auch gleich komplett statisch machen anstatt die großen Bilder dann aus der DB zu holen. Möglichkeit 2: Erstelle die Thumbnails dynamisch aus den großen, dann kannst du sofort einen Bezug zum DB-eintrag herstellen

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    04.10.2010
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Php und css?

    die zweite möglichkeit tönt gut.


    wird das aber nicht sehr langsam bei einer grösseren anzahl fotos?

    wie würde ich das realisieren?

  4. #4
    Bandit
    Gast

    Standard AW: Php und css?

    Was sagt dein Kunde dazu?

    Die Thumbs sollten sobald ein neues Bild hinzukommt erstellt werden.

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    04.10.2010
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Php und css?

    anderst aussehen tuts ja dann nicht.. er bekommt ja nix davon mit wie die bilder geladen/erzeugt werden.

    die thumbs bleiben dann erstellt? oder wie stellst du dir das vor? verstehs grat nicht wirklich sorry :S

    bin noch kein profi ^^

  6. #6
    Bandit
    Gast

    Standard AW: Php und css?

    Zitat Zitat von Lehrling1991 Beitrag anzeigen
    die thumbs bleiben dann erstellt?
    Ja klar.

    Mit "Was sagt dein Kunde dazu?" meinte ich, was dein Kunde dazu sagt, dass du dir hier kostenlose Hilfe abholst, die er bezahlt. Und was sollen wir dazu sagen?

  7. #7
    Pion
    Gast

    Standard AW: Php und css?

    Zitat Zitat von bandit600 Beitrag anzeigen
    Ja klar.

    Mit "Was sagt dein Kunde dazu?" meinte ich, was dein Kunde dazu sagt, dass du dir hier kostenlose Hilfe abholst, die er bezahlt.
    Nur weil man einen Kunden hat muss es doch nicht heisen das man für relativ simplere Fragen auch etwas bezahlen muss

  8. #8
    Bandit
    Gast

    Standard AW: Php und css?

    Wenn man etwas nicht kann, kein Problem. Aber dann sollte man keinen Auftrag annehmen, den man nicht bewältigen kann und sich nicht kostenlose Hilfe holen. Das ist gegenüber Helfern unfair, die hier kostenlos ihre Freizeit einsetzen.

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    04.10.2010
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Php und css?

    was bist du denn für eine pestbeule?

    ich bin lehrling und kann vielleicht noch nicht alles, da kann man ja wohl eine frage stellen.

    aber dankeschön. dann hilfst du halt nicht!!!
    für was ja eigentlich ein forum wäre..abernaja

  10. #10
    Bandit
    Gast

    Standard AW: Php und css?

    Wenn du Lehrling bist, solltest du einen kompetenten Ansprechpartner in der Firma haben. Und danke für die "Pestbeule", mal was anderes.

Stichworte

Berechtigungen

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