mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 22.02.2017 00:42 Benutzername: Passwort: Auto-Login

Thema: Brauche mal Hilfe bei CSS [Erledigt] vom 13.10.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Brauche mal Hilfe bei CSS [Erledigt]
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]

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
gtz

Dabei seit: 15.04.2002
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Do 13.10.2005 09:56
Titel

Antworten mit Zitat Zum Seitenanfang

mach aus dem tree ne liste von listen und setz das bullet entsprechend.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
mfri
Threadersteller

Dabei seit: 29.09.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 13.10.2005 10:15
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 34
Geschlecht: Männlich
Verfasst Do 13.10.2005 10:21
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
gtz

Dabei seit: 15.04.2002
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Do 13.10.2005 10:34
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mfri
Threadersteller

Dabei seit: 29.09.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 13.10.2005 10:51
Titel

Antworten mit Zitat Zum Seitenanfang

Habs hinbekommen danke

Zuletzt bearbeitet von mfri am Do 13.10.2005 13:02, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS Frage ERLEDIGT
css / img darstellungsproblem [erledigt]
[CSS] 2 unterschiedliche a-tags angeben [erledigt]
CSS Frage, Variabeles Raster ERLEDIGT
[CSS] Gleich "float" ich aus! (erledigt)
Brauche CSS-Hilfe bei Seitenlayout
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.