ilch Forum » Allgemein » HTML, PHP, SQL,... » Button unter jedem Hyperlink

Geschlossen
  1. Sa. 04.02.2006 16:03 Uhr #1
    User Pic
    Feigling Mitglied
    Registriert seit
    22.01.2006
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Ich das Problem das unter jedem Hyperlink als Hintergrund der Button angezeigt wird ! Ich weis nicht woran es liegt vielleicht könnt ihr mir da helfen ?

    Hier die CSS Datei

    Danke

    ZitatZitat


    <!--
    td{
    vertical-align:top;
    font-family:verdana, arial;
    font-size:12
    }
    .layout{
    background-color:#E2E2E2;
    }
    th#logo{
    background-image:url(include/designs/allstarZ/images/index_01.jpg);
    width:1000px;
    height:185px;
    }
    a
    {
    display:block;
    font-size: 9px;
    background-image:url(include/designs/allstarZ/images/index_16.jpg);
    width:179px; height:24px;
    text-indent: 15px;
    text-decoration: none;
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    line-height: 19px;
    }
    a:hover
    {
    background-image:url(include/designs/allstarZ/images/index_16-over.jpg);
    }
    td#box_header_left{
    background-image:url(include/designs/allstarZ/images/index_02.jpg);
    width:179px;
    height:17px;
    }
    td#box_middle_content{
    background-image:url(include/designs/allstarZ/images/index_03.jpg);
    width:628px;
    height:17px;
    }
    td#box_header_right{
    background-image:url(include/designs/allstarZ/images/index_04.jpg);
    height:17px;
    }
    td#menu_l_top{
    background-image:url(include/designs/allstarZ/images/index_05.jpg);
    background-repeat:no-repeat;
    width:179px;
    height:21px;
    padding-left:6;
    padding-top:3
    }
    td#under_button_left{
    background-image:url(include/designs/allstarZ/images/index_18.jpg);
    width:179px;
    height:13px;
    }
    td#under_button_right{
    background-image:url(include/designs/allstarZ/images/index_17.jpg);
    width:179px;
    height:13px;
    }
    td#content_top{
    background-image:url(include/designs/allstarZ/images/index_07.jpg);
    background-repeat:no-repeat;
    width:617px;
    height:21px;
    }
    td#menu_r_top{
    background-image:url(include/designs/allstarZ/images/index_08.jpg);
    width:193px;
    height:21px;
    }
    td#menu_l_content{
    background-image:url(include/designs/allstarZ/images/index_09.jpg);
    background-repeat:repeat-y;
    width:175px;
    height:45px;
    vertical-align:top;
    }

    td#menu_r_content{
    background-image:url(include/designs/allstarZ/images/index_11.jpg);
    width:193px;
    height:48px;
    }

    td#menu_l_unten{
    background-image:url(include/designs/allstarZ/images/index_13.jpg);
    background-repeat:no-repeat;
    width:179px;
    height:23px;
    }
    td#content_kp{
    background-image:url(include/designs/allstarZ/images/index_10.jpg);
    background-repeat:repeat-y;
    vertical-align:top;
    width:617px;
    }
    td#menu_r_content{
    background-image:url(include/designs/allstarZ/images/ilch_09.jpg);
    background-repeat:repeat-y;
    vertical-align:top;
    padding-left:10
    }
    td#menu_r_unten{
    background-image:url(include/designs/allstarZ/images/index_14.jpg);
    background-repeat:no-repeat;
    width:193px;
    height:12px;
    }
    .Stil1 {font-size: 10px}
    body
    {
    background-color: #000000;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    }

    .abg
    {
    }

    td
    {
    font-family: Verdana;
    font-size: 10px;
    color:#000000;
    }

    a
    {
    color: #31312F;
    font-family: Tahoma;
    font-size: 10px;
    text-decoration: none;
    }

    a.box
    {
    color: #000000;
    font-family: Tahoma;
    font-size: 10px;
    }

    a.box:hover
    {
    color: #EB0000;
    text-decoration: none;
    }

    .Chead
    {
    color: #ffffff;

    }

    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
    color: #000000;
    }

    .Callg
    {
    color: #000000;
    }

    .Callg td
    {
    color: #000000;
    }

    .Cnorm
    {
    color:#000000;

    background-color: #ffffff;
    }

    .Cmite
    {
    color:#000000;
    background-color: #ffffff;
    }
    .Cdark
    {
    background-color:#ffffff;
    }

    #Ballg
    {
    color: #000000;
    background-color: #ffffff;
    }
    #Ballg td
    {
    color: #000000;
    background-color: #ffffff;
    }

    Bhead
    {
    color: #ffffff;
    }

    Bbody
    {
    color: #000000;

    }

    .rand
    {
    }

    .smalfont
    {
    color:#FF0000;
    font-size: 10px;
    text-decoration: none;
    }

    .smalfont_copyright
    {
    color: #000000;
    font-size: 10px;
    text-decoration: none;
    }

    .border
    {
    background-color: #a1a1a1;
    }

    hr
    {
    height: 0px;
    border-top-width: 1px;
    }

    input, textarea, select
    {
    color: #000000;
    font: 10px Tahoma;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    font-weight: none;
    text-decoration: none;
    }
    -->



    Zuletzt modifiziert von Feigling am 04.02.2006 - 16:04:36
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 04.02.2006 16:12 Uhr #2
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    deswegen die buttons unter den links
    a
    {
    display:block;
    font-size: 9px;
    background-image:url(include/designs/allstarZ/images/index_16.jpg);
    width:179px; height:24px;
    text-indent: 15px;
    text-decoration: none;
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    line-height: 19px;
    }
    a:hover
    {
    background-image:url(include/designs/allstarZ/images/index_16-over.jpg) ;
    }


    wenn du das also nicht willst, löschen.

    Aber dann sieht's evtl. bescheiden aus
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  3. Sa. 04.02.2006 16:17 Uhr #3
    User Pic
    Feigling Mitglied
    Registriert seit
    22.01.2006
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Ja danke daran hat es gelegen aber jetzt hab ich gar keinen Button mehr zwinker Kann man das nicht irgendwie auf das Menü beschränken ?
    0 Mitglieder finden den Beitrag gut.
  4. Sa. 04.02.2006 16:29 Uhr #4
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    ja, dazu müßtest du die beiden Classes noch einmal in die style.css einfügen, umbenennen und in der index.htm des Designs diese beiden dann nur für das Menü benutzen

    a und a:hover dann ändern das keine Buttons mehr angezeigt werden und die doppelten (umbenannt zu a.menu und a.menu:hover) nur für das Menü benutzen.

    Alles klar soweit?
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  5. Sa. 04.02.2006 16:48 Uhr #5
    User Pic
    Feigling Mitglied
    Registriert seit
    22.01.2006
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Also ich hab das jetzt mal so umgeschrieben

    ZitatZitat

    a
    {
    display:block;
    font-size: 9px;
    width:179px; height:24px;
    text-indent: 15px;
    text-decoration: none;
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    line-height: 19px;
    }
    a:hover
    {
    text-decoration: none;
    }
    a.menu
    {
    display:block;
    font-size: 9px;
    background-image:url(include/designs/allstarZ/images/index_16.jpg);
    width:179px; height:24px;
    text-indent: 15px;
    text-decoration: none;
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    line-height: 19px;
    }
    a.menu:hover
    {
    background-image:url(include/designs/allstarZ/images/index_16-over.jpg);
    }



    also das a und das a:hover wären für die Links und das a.menu und a.menu:hover für die Buttons. Wo muss ich die jetzt genau in der HTML Datei einfügen ?


    Zuletzt modifiziert von Feigling am 04.02.2006 - 16:48:56
    0 Mitglieder finden den Beitrag gut.
  6. Sa. 04.02.2006 16:57 Uhr #6
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    {_list_menupoint@
   <a %1 href="%2" align="center"><span class="Stil1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%3</span></a>}

    ändern in 
    {_list_menupoint@
   <a %1 class="a.menu" href="%2" align="center"><span class="Stil1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%3</span></a>}


    sollte so eigentlich funktionieren
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  7. Sa. 04.02.2006 17:04 Uhr #7
    User Pic
    Feigling Mitglied
    Registriert seit
    22.01.2006
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Ne sorry ändert sich nix.

    edit: Ich habs thx !!!
    Du bist wirklich super. Weiter so !!!!

    Man muss nur class="menu" einfügen das a. kann man weglassen


    Zuletzt modifiziert von Feigling am 04.02.2006 - 17:08:18
    0 Mitglieder finden den Beitrag gut.
  8. Sa. 04.02.2006 17:12 Uhr #8
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    Ich hab das bei nem anderen Design schonmal gesehen. Aber da ich meinem Rechner vor kurzem platt gemacht hab ist jetzt nix mehr drauf wo ich nachgucken konnte. Wußte nur noch das es so irgendwie war.
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  9. Sa. 04.02.2006 17:16 Uhr #9
    User Pic
    Feigling Mitglied
    Registriert seit
    22.01.2006
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Jetzt hab ich nur noch das kleine prob das manche sachen etwas verzogen sind, weist du vielleicht was das sein könnte ?

    www.lost-allstarz.de

    Klick dich z.b. mal durch die Member da sind unten die Zahlen verschoben und bei last wars die pfeile und im gästebuch extrem wenn man einen beitrag schreiben will.

    Da häng ich noch dran

    Thx


    Zuletzt modifiziert von Feigling am 04.02.2006 - 17:47:36
    0 Mitglieder finden den Beitrag gut.
  10. Sa. 04.02.2006 18:59 Uhr #10
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    Nimm mal das width:179px; height:24px; aus der Class für die links das dürfte mit daran schuld sein das die seite teilweise verzogen ist
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  11. Sa. 04.02.2006 19:14 Uhr #11
    User Pic
    Feigling Mitglied
    Registriert seit
    22.01.2006
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Super es geht !!!

    Ich hab aber immer noch teilweise nen paar kleine Fehler drin hast du Genie auch dafür eine Lösung *gg* ?


    Zuletzt modifiziert von Feigling am 04.02.2006 - 19:26:31
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten