Autor |
Nachricht |
mfri
Threadersteller
Dabei seit: 29.09.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 13.10.2005 09:52
Titel Brauche mal Hilfe bei CSS [Erledigt] |
|
|
Hi,
ich hab eine Navigation die mit JavaScript aufgebaut wird.
Habe damit folgendes Problem:
So sollte es aussehen:
[bild] textlink
aber wenn ich sehr lange links hab:
[bild] viel zu langer
textlink
sollte jedoch so aussehen:
[bild] viel zu langer
-------textlink
die - mal wegdenken, der Text sollte halt dann bündig sein.
nun mal mein stylesheet
Code: | .dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #666;
white-space: nowrap;
padding: 0.2em;
}
.dtree img {
border: 0px;
vertical-align: middle;
float: left;
}
.dtree a {
color: #333;
text-decoration: none;
display: block;
}
.dtree a.node, .dtree a.nodeSel {
white-space: normal;
padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
}
.dtree .clip {
overflow: visible;
} |
Durch das Display Block und float left schaff ich es dass mir der Text so dargestellt wird wie ich es möchte.
Dies klappt jedoch nur wenn die Schriftgröße passt.
Ist die Schriftgröße zu klein passiert folgendes:
[bild] textlink
-------[bild] textlink
--------------[bild] textlink
obwohl die Bilder untereinander angeordnet werden sollten.
ist die Schrift zu groß hab ich das alte Problem:
[bild] viel zu langer
textlink
gibt es eine Möglichkeit wie ich das realisieren kann, so dass die bilder "unbeeindruckt" von dem float:left sind und auch folgendes klappt:
[bild] super extrem
viel zu langer
textlink
sollte nicht so,
[bild] super extrem
-------viel zu langer
textlink
sondern so dargestellt werden
[bild] super extrem
-------viel zu langer
-------textlink
Grüße
mfri
Zuletzt bearbeitet von mfri am Do 13.10.2005 13:02, insgesamt 2-mal bearbeitet
|
|
|
|
|
gtz
Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht:
|
Verfasst Do 13.10.2005 09:56
Titel
|
|
|
mach aus dem tree ne liste von listen und setz das bullet entsprechend.
|
|
|
|
|
Anzeige
|
|
|
mfri
Threadersteller
Dabei seit: 29.09.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 13.10.2005 10:15
Titel
|
|
|
Kann ich das über das css machen oder muss ich im JavaScript was ändern?
Kenn mich mit css nicht so aus, kämpf mich grad durch selfhtml
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Do 13.10.2005 10:21
Titel
|
|
|
mfri hat geschrieben: | Kann ich das über das css machen oder muss ich im JavaScript was ändern?
Kenn mich mit css nicht so aus, kämpf mich grad durch selfhtml |
Musst du in CSS machen. Such mal nach Listenmenü auf einschlägigen Webseiten oder hier im Forum.
|
|
|
|
|
gtz
Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht:
|
Verfasst Do 13.10.2005 10:34
Titel
|
|
|
die generierung des listenkonstruktes musst du im js umfrickeln. der macht ja nu son div-geschwurbel.
wie die listen nachher aussehen (sollten), definierst du im css.
|
|
|
|
|
mfri
Threadersteller
Dabei seit: 29.09.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 13.10.2005 10:51
Titel
|
|
|
Habs hinbekommen danke
Zuletzt bearbeitet von mfri am Do 13.10.2005 13:02, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
erledigt!
hat sich erledigt
[SimpleViewer] Erledigt
css / img darstellungsproblem [erledigt]
CSS Frage ERLEDIGT
IE 8 -> 2 Domains ==> erledigt
|
|