Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.02.2013 um 15:58 (UTC)    
Titel: Design CSS: Die Buttons sind ohne Text

Hallo Forum,

habe zwar das Forum druchgeschaut aber leider nix brauchbares gefunden. Sad

Habe die CSS-HP und hierzu fehlen bei meine Button der Text Sad

Also der Home-Button erscheind, nur der Text "Home" bekomme ich in den Button nicht rein Sad

hat jemand ein Tip?

Vielen lieben dank!

lg marco


Zuletzt bearbeitet von camelots-blut am 05.02.2013, 16:40, insgesamt einmal bearbeitet
Beitrag01.02.2013 um 22:17 (UTC)    
Titel:

Wie wäre es wenn du uns einmal den Code des Designs zeigt, so können wir dir um einiges besser helfen.
Es sind sicher einzelne Bilder.
Beitrag01.02.2013 um 22:59 (UTC)    
Titel:

Tschuldigung Rolling Eyes

Hier die Codes:


/* Generelles */ body{ font-size: 13px; font-family:COPPERPLATE GOTHIC ; } * { padding: 0; margin: 0; } a{ color: #ffffff; text-decoration: none; } a:hover{ color: #ffffff; text-decoration: none; } /* Design */ #designcontainer { margin: 0 auto; width: 982px; } #nav_container { color: transparent; border: 0px solid transparent; background: transparent; margin: 0px 0px 0px 0px; padding: 10px; height: 700px; width: 180px; float: left; text-align: center; } #content { float: left; color: #ffffff; border: 0px solid transparent; background: transparent; margin: 0px 0px 0px 0px; padding: 10px; height: 650px; width: 550px; display: inline; overflow: auto; } #sidebar_container { color: #ffffff; border: 0px solid transparent; background: transparent; margin: 0px 0px 0px 0px; padding: 10px; height: 650px; width: 180px; float: left; position: relative; text-align: center; } /* Ausblendungen */ div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{ display: none; } /* Seitentitel */ h2#title{ font-size: 13px; text-decoration: none; font-weight: bold; text-align: center; color: #ffffff; background-color: transparent; border: 0px solid transparent; width: 170px; height: 15px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; } /* Navigation */ li.nav_element{ list-style-type: none; border: 0px; height: 29px; text-align: center; } li.nav_element a{ display: block; width: 200px; height: 29px; color: transparent; font-size: 13px; font-weight: bold; background-image: url(http://80.190.202.79/pic/s/skorpionportal/glas_black_blank.jpg); background-repeat: no-repeat; border: 0px solid black; } li.nav_element a:hover{ display: block; color: transparent; font-size: 13px; font-weight: bold; text-decoration: none; background-color: transparent; background-image: url(http://80.190.202.79/pic/s/skorpionportal/glas_silver_blank.jpg); background-repeat: no-repeat; border: 1px solid transparent; } .subpage a{ color: darkblue !important; text-decoration: underline !important; } .subpage a:hover{ color: darkblue !important; text-decoration: underline !important; } <style type="text/css"> table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:#000000; ;background-attachment: fixed; background-position: center


Und danke fürs Antworten Wink
Beitrag02.02.2013 um 08:20 (UTC)    
Titel:

Guten Morgen,
camelots-blut hat Folgendes geschrieben:

/* Generelles */ body{ font-size: 13px; font-family:COPPERPLATE GOTHIC ; } * { padding: 0; margin: 0; } a{ color: #ffffff; text-decoration: none; } a:hover{ color: #ffffff; text-decoration: none; } /* Design */ #designcontainer { margin: 0 auto; width: 982px; } #nav_container { color: transparent; border: 0px solid transparent; background: transparent; margin: 0px 0px 0px 0px; padding: 10px; height: 700px; width: 180px; float: left; text-align: center; } #content { float: left; color: #ffffff; border: 0px solid transparent; background: transparent; margin: 0px 0px 0px 0px; padding: 10px; height: 650px; width: 550px; display: inline; overflow: auto; } #sidebar_container { color: #ffffff; border: 0px solid transparent; background: transparent; margin: 0px 0px 0px 0px; padding: 10px; height: 650px; width: 180px; float: left; position: relative; text-align: center; } /* Ausblendungen */ div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{ display: none; } /* Seitentitel */ h2#title{ font-size: 13px; text-decoration: none; font-weight: bold; text-align: center; color: #ffffff; background-color: transparent; border: 0px solid transparent; width: 170px; height: 15px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; } /* Navigation */ li.nav_element{ list-style-type: none; border: 0px; height: 29px; text-align: center; } li.nav_element a{ display: block; width: 200px; height: 29px; color: transparent; font-size: 13px; font-weight: bold; background-image: url(http://80.190.202.79/pic/s/skorpionportal/glas_black_blank.jpg); background-repeat: no-repeat; border: 0px solid black; } li.nav_element a:hover{ display: block; color: transparent; font-size: 13px; font-weight: bold; text-decoration: none; background-color: transparent; background-image: url(http://80.190.202.79/pic/s/skorpionportal/glas_silver_blank.jpg); background-repeat: no-repeat; border: 1px solid transparent; } .subpage a{ color: darkblue !important; text-decoration: underline !important; } .subpage a:hover{ color: darkblue !important; text-decoration: underline !important; } <style type="text/css"> table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:#000000; ;background-attachment: fixed; background-position: center


Ich habe dir einmal die Stelle blau markiert, die für die Transparenz in deinen Buttons verantwortlich ist. Sofern du ihr einen Hexcode (zum Beispiel: #000000 für Schwarz) einfügst, sollten deine Buttons auch wieder beschriftet sein.

Beste Grüße,
Mats
Beitrag02.02.2013 um 12:55 (UTC)    
Titel:

Hallo mats, danke hat bestens geklappt Smile danke!

Kannst du mir vielleicht noch sagen, wie der Text mittig im Button ist? Lg Marco
Beitrag05.02.2013 um 15:39 (UTC)    
Titel:

Hallo,

dein li.nav_element a {
bekommt noch ein text-align: center; dazu Wink


Gruß Wolle


Zuletzt bearbeitet von find-templates am 05.02.2013, 16:39, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de