DIVs per PHP erzeugen und mit CSS anordnen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
angezeigt code
bild
code
festlegen
gleiche stelle
idee
koordinate
links liegen
normalen stelle
ordner
pfad
position
problem
suchen
text
totales buchstaben
verschwinden
wende
wirrwarr
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ktmmonster schrieb:
Nah dran. "Absolute" muss es schon sein, allerdings müssen die Koordinaten dann auch stimmen (absolut angegeben werden, für jeden Link unterschiedlich).
...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:
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 -
schon mal versucht, das DIV einfach per
"verschwinden" zu lassen? da texte normalerweise aus dem div herausragen (wenn nicht per overflow:hidden verhindert) sollte damit dein problem zu lösen sein.width:0px;
mfg -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage