+ Antworten
Ergebnis 1 bis 10 von 10

Thema: Untermenuegestaltung?

  1. #1
    Neu an Board
    Registriert seit
    27.05.2006
    Beiträge
    35
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Untermenuegestaltung?

    Hallo,
    Mein Projekt HOG nimmt langsam gestallt an und es sind auch schon einige Sachen installiert und schon aktiv. Es geht langsam alles aufs ende zu und hoffe das sie dann letztendlich auf einem Webspace auf Strato oder Allinkl läuft.
    Nun kommen wir mal zu meinem Problem das ich schnellstens lösen möchte.
    Da ich in meinem Mainmenue auch Unterkategorien, sprich unter Links erstellen möchte, hab ich gemerkt es ist machbar, aber er nimmt keine besonders gute gestallt an! Ich möchte wenigstens den Style des jetztigen menues beibehalten und vielleicht andere Pfeile benutzen fürs untermenü. Wie kann ich dieses Problem lösen?

    Vielen Dank SkyX

  2. #2
    Neu an Board
    Registriert seit
    06.02.2007
    Ort
    Mosbach
    Beiträge
    43
    Bedankte sich
    4
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    such mal in der css folgendes:

    HTML-Code:
    a.sublevel:link
    dieser tag ist fürs submenü zuständig

  3. #3
    Neu an Board
    Registriert seit
    27.05.2006
    Beiträge
    35
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von Funk-E Beitrag anzeigen
    such mal in der css folgendes:

    HTML-Code:
    a.sublevel:link
    dieser tag ist fürs submenü zuständig
    Und was soll ich dann als weiteres machen, weil cih kenne mich mit CSS nicht aus!
    SkyX
    Meine CSS

    a.sublevel:link, a.sublevel:visited {
    display: block;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    padding-left: 11px;
    margin-left: 10px;
    line-height: 20px;

    Edit
    hier die css http://gaudizone.ga.funpic.de/csstemplate.txt
    Geändert von SkyX (10.02.2007 um 16:31 Uhr) Grund: updatet des textes

  4. #4
    Neu an Board
    Registriert seit
    06.02.2007
    Ort
    Mosbach
    Beiträge
    43
    Bedankte sich
    4
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    poste mal kurz deinen css-abschnitt fürs main-menu (mainlevel)
    dann mach ich dirs schnell

  5. #5
    Neu an Board
    Registriert seit
    27.05.2006
    Beiträge
    35
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    ich hoffe mal das ist es?!
    Code:
    }
    
    a.mainlevel:link, a.mainlevel:visited {
    	font-size: 10px;
    	background: url(../images/sc_menu.png) no-repeat;
    	font-weight: bold;
    	color: #535657;
    	font-family: Arial, Helvetica, sans-serif;
    	text-transform: uppercase;
    	text-align: left;
    	padding-left: 15px;
    	width: 194px;
    }
    
    a.mainlevel:hover {
    	text-decoration: none;
    	font-weight: bold;
    	background-position: 0px -22px;
    	color: #ff3300;
    }
    
    a.mainlevel#active_menu {
    	background-position: 0px -48px;
    	color: #000;
    }
    a.mainlevel#active_menu:hover {
    	color: #333;
    }
    Das Bild bzw den Pfeil als Bild zu ändern is ja kein akt ich seh ja wo es verlinkt wird

  6. #6
    Neu an Board
    Registriert seit
    06.02.2007
    Ort
    Mosbach
    Beiträge
    43
    Bedankte sich
    4
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    genau das ists

    versuchs mal hiermit:

    HTML-Code:
    a.sublevel:link, a.sublevel:visited {
    display: block;
    background: url(../images/dein_submenu_button.png) no-repeat;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    padding-left: 11px;
    margin-left: 10px;
    line-height: 20px;
    allerdings ohne gewähr. bin auch nicht wirklich der css-profi

    sollte sich was verschieben oder so einfach mal mit den zahlen (padding, margin, line-height) spielen

    gruß

  7. Erhielt Danksagungen von:


  8. #7
    Neu an Board
    Registriert seit
    27.05.2006
    Beiträge
    35
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von Funk-E Beitrag anzeigen
    genau das ists

    versuchs mal hiermit:

    HTML-Code:
    a.sublevel:link, a.sublevel:visited {
    display: block;
    background: url(../images/dein_submenu_button.png) no-repeat;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    padding-left: 11px;
    margin-left: 10px;
    line-height: 20px;
    allerdings ohne gewähr. bin auch nicht wirklich der css-profi

    sollte sich was verschieben oder so einfach mal mit den zahlen (padding, margin, line-height) spielen

    gruß
    Hat gut geklappt jedoch ist diese grüne oberfläche noch da!!!

  9. #8
    Neu an Board
    Registriert seit
    27.05.2006
    Beiträge
    35
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von SkyX Beitrag anzeigen
    Hat gut geklappt jedoch ist diese grüne oberfläche noch da!!!
    Habs gelöst einfach von Mainlevel die unteren css befehle fürs Mainlevel kopieren dan unters sublevel kopieren und dann wo mainlevel steht in sublevel umschreiben!
    Vielen Dank
    Ein problem ist jedoch ncoh über!
    Wie krieg ich den Abstand bisschen geringer?

  10. #9
    Neu an Board
    Registriert seit
    06.02.2007
    Ort
    Mosbach
    Beiträge
    43
    Bedankte sich
    4
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    versuchs mal hiermit und spiel mit dem wert:

    HTML-Code:
    line-height: 20px;
    was anderes fällt mir spontan auch nicht ein


    gruß

  11. #10
    Neu an Board
    Registriert seit
    27.05.2006
    Beiträge
    35
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von Funk-E Beitrag anzeigen
    versuchs mal hiermit und spiel mit dem wert:

    HTML-Code:
    line-height: 20px;
    was anderes fällt mir spontan auch nicht ein


    gruß
    Hab des auch probiert geht nicht! von oben bleibt der platz konstant gleich

    Habs gelöst! Dieser Block Befehl bei Disply hat diese konstanten Platz erzeugt
    Geändert von SkyX (10.02.2007 um 19:01 Uhr) Grund: Gelöst

+ Antworten

Lesezeichen

Berechtigungen

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