kostenloser Webspace werbefrei: lima-city


DIVs per PHP erzeugen und mit CSS anordnen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    ktmmonster

    ktmmonster hat kostenlosen Webspace.

    hi,
    ich hab mir eine kleine seite zusammengebastelt, welche checkt ob in der url ein wert für "ordner" gesetzt ist....



    1. wenn ein wert existiert, fährt sie an einer anderen stelle fort (...hierfür unwichtig...)



    2. wenn KEIN wert existiert, liest sie den pfad in dem sie liegt aus und sucht nach ordnern. diese ordner werden dann verlinkt.
    Dazu erzeugt PHP ein DIV, in dem die links angezeigt werden.

    Da ich aber keine langweiligen text-links habe will, lasse ich ein bild erscheinen (bild mit motiv "ordner"), auf dem der Text des links liegen soll.
    dabei ist der Text des LINKs der name des ordners
    Bsp.:
    - Ordner: "abcdefghi"
    -- text des Links: "abcdefghi"
    --- link: "?ordner=abcdefghi"

    das problem ist nun, dass der text des LINKs nicht auf dem bild liegt (text vor bild), sondern standartmäßig daneben dargestellt wird.
    formatiere ich die position des textes per CSS als "relative" und gebe ihm die koordinaten von rechts 100px und von unten 46px, so wird er zwar über dem bild angezeigt, aber neben dem bild entsteht ein leerraum wo davor der link gestanden hat

    derzeit:
    _______________             _______________
    |              |            |              |
    |              |            |              |
    |   -Bild-     |            |   -Bild-     |
    |              |__________  |              |__________
    |______________|___LINK___| |______________|___LINK___|

    bzw.:
    _______________             _______________
    | ____________ |            | ____________ |
    | |___LINK___| |            | |___LINK___| |
    |   -Bild-     |            |   -Bild-     |
    |              |__________  |              |__________
    |______________|___LEER___| |______________|___LEER___|


    ...wende ich anstatt "relative" in CSS nun "absolute" an, so legt er ALLE LINKs auf die gleiche stelle und man sieht nur noch ein totales buchstaben-wirrwarr ...die bilder werden dann an der normalen stelle, ohne abstand angezeigt
    also so:
     ___________________ 
     |___viele LINKs___| 
    _______________  _______________
    |              | |              |
    |              | |              |
    |   -Bild-     | |   -Bild-     |
    |              | |              |
    |______________| |______________|



    nun suche ich (schon über eine woche) nach einer lösung und probiere alles aus, was mir in den kopf schiesst, aber der erfolg blieb bisher aus
    aussehen soll übrigens so:
    _______________  _______________
    | ____________ | | ____________ |
    | |___LINK___| | | |___LINK___| |
    |   -Bild-     | |   -Bild-     |
    |              | |              |
    |______________| |______________|


    ...wenn jemand noch eine idee hat, die ich noch nicht probiert hatte (ich zähl sie jetzt nicht alle auf, aber es sollte trotzdem noch SEHR VIEL geben, da dies mein erstes CSS-projekt ist und ich bis dahin noch keinerlei erfahrung mit CSS gemacht habe) bin ich dafür sehr dankbar :thumb:
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. ktmmonster schrieb:
    ...wende ich anstatt "relative" in CSS nun "absolute" an, so legt er ALLE LINKs auf die gleiche stelle und man sieht nur noch ein totales buchstaben-wirrwarr ...die bilder werden dann an der normalen stelle, ohne abstand angezeigt
    [code]also so:
    Nah dran. "Absolute" muss es schon sein, allerdings müssen die Koordinaten dann auch stimmen (absolut angegeben werden, für jeden Link unterschiedlich).
    Es sei denn du machst eine andere Div- Verschachtelung, dann ergibt sich das Problem.

    Beitrag zuletzt geändert: 19.4.2010 19:59:57 von toolz
  4. schon mal versucht, das DIV einfach per
    width:0px;
    "verschwinden" zu lassen? da texte normalerweise aus dem div herausragen (wenn nicht per overflow:hidden verhindert) sollte damit dein problem zu lösen sein.

    mfg
  5. Autor dieses Themas

    ktmmonster

    ktmmonster hat kostenlosen Webspace.

    nabend,

    @toolz
    was für eine verschachtelung würdest du denn vorschlagen?
    bisher hab ich ja nur einen großen div-bereich, in dem dann durch php eine reihe von links erzeugt werden (anzahl kann man nicht festlegen, weil immer wieder welche dazu kommen.. und deswegen soll php des auch automatisch erzeugen)
    deshalb ist das absolute festlegen der koordinaten wohl auch nicht möglich...

    ich hab bisher quasi:
    <div>
    
    <a href....[1]>
    <img src="ordner.png">
    <b>TEXT_1</b>
    </a>
    
    <a href....[2]>
    <img src="ordner.png">
    <b>TEXT_2</b>
    </a>
    
    <a href....[3]>
    <img src="ordner.png">
    <b>TEXT_3</b>
    </a>
    
    <a href....[4]>
    <img src="ordner.png">
    <b>TEXT_4</b>
    </a>
    
    </div>

    @syberpsace
    deine idee klang totaaaal logisch, ich hab mich schon gefragt, warum ich da nicht drauf gekommen bin...
    leider ändert sich aber gar nichts wenn ich dieses "width:0px" mit in die CSS-datei schreibe...
    und "overflow:hidden" hab ich auch nirgends
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!