Oprettet tir. d. 19. juni 2012 kl. 16:09:12

peachmelba
peachmelba (9.070 point. Point ude: 180)

Hvor fisen retter jeg denne style?

Hej med jer.

Jeg har lavet en joomla side for en god veninde hvor jeg bruger Phoca Guestbook.
Se gæstebogen her:
http://den-glade-gulerod.dk/ (...)

Klik på "post meassage" og formularen folder sig ud.
Det jeg gerne vil er, at give "submit" og "reset" knappen en anden baggrund.

Jeg har last på udviklerens forum, at styling af disse knapper sker i filen "template.css".

Min template.css der hører med til min template, ser ud som nedenstående.

Håber nogle kan hjælpe

Min template.css :

@charset "utf-8";

/* CSS Document */



/* BASIC / GLOBAL STYLES ----------------------------------------*/



* {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 12px;

}



html, body {

    height: 100%;

    margin: 0;

    padding: 0;

}



p {

    line-height: 15px;

}



a {

    outline: none;

}



p img {

    outline: none;

    border: none;

    max-width: 100%;

    margin: 0 10px 10px 0;



    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

}



a img {

    border: none;

    outline: none;

}



/* basic list styles ----------*/



ul {

    list-style: inside;

    padding-left: 0;

}

ul li {

    background: none;

}



ul li ul, ul li ul li ul, ul li ul li ul li ul {

    margin-left: 13px;

}







dl, dd {

    margin-left: 0;

    padding-left: 0;

}



/* CUSTOM FONTS ----------------------------------------*/



@font-face {

    font-family: 'MavenProRegular';

    src: url('../fonts/maven_pro_regular-webfont.eot');

    src: url('../fonts/maven_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/maven_pro_regular-webfont.woff') format('woff'),

        url('../fonts/maven_pro_regular-webfont.ttf') format('truetype'),

        url('../fonts/maven_pro_regular-webfont.svg#MavenProRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



h1, h1 a, h1 span,

h2, h2 a, h2 span,

h3, h3 a, h3 span,

h4, h4 a, h4 span,

h5, h5 a, h5 span,

blockquote {

    display: block;

    font-family: "MavenProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif !important;

    font-weight: normal !important;

    margin: 0;

    padding: 0;

    text-decoration: none;

    width: auto;

}



h1, h2, h3, h4, h5 {

    margin: 0 0 0 0;

}



.moduletable h3 {

    margin-top: 12px;

}



h1, h1 a {

    font-size: 30px;

    line-height: 30px;

    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.20);

    margin-bottom: 18px;

    padding-bottom: 7px;

}



h2, h2 a, h2 span {

    font-size: 25px !important;

    line-height: 28px;

    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);

    margin-bottom: 15px;

}



h3 , h3 a, h3 span {

    font-size: 20px;

    line-height: 24px;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.20);

    margin-bottom: 7px;

}



h4 , h4 a, h4 span {

    font-size: 16px;

    line-height: 20px;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.20);

    margin-bottom: 5px;

}



h5 , h5 a, h5 span {

    font-size: 12px;

    line-height: 16px;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.20);

    margin-bottom: 5px;

}



h1 a, h2 a, h3 a, h4 a, h5 a {

    cursor: pointer;   

}



blockquote {

    font-size: 18px;

    font-style:italic;

    line-height: 19px;

}



.label_skitter p {

    padding: 10px 18px !important;

}



.label_skitter p a {

    font-family: "MavenProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif !important;

    font-weight: normal !important;

}



/* LISTS  ------------------------------- */



ul.ct_arrowList, ul.ct_starList, ul.ct_checkList {

    list-style: inside;

}



ul.ct_squareList         {list-style-image: url(../images/ul_square.png);}

ul.ct_squareList.yellow {list-style-image: url(../images/ul_square_yellow.png);}

ul.ct_squareList.red     {list-style-image: url(../images/ul_square_red.png);}

ul.ct_squareList.blue     {list-style-image: url(../images/ul_square_blue.png);}

ul.ct_squareList.green    {list-style-image: url(../images/ul_square_green.png);}

ul.ct_squareList.pink    {list-style-image: url(../images/ul_square_pink.png);}

ul.ct_squareList.black    {list-style-image: url(../images/ul_square_black.png);}

ul.ct_squareList.white    {list-style-image: url(../images/ul_square_white.png);}



ul.ct_arrowList         {list-style-image: url(../images/ul_arrow.png);}

ul.ct_arrowList.yellow     {list-style-image: url(../images/ul_arrow_yellow.png);}

ul.ct_arrowList.red     {list-style-image: url(../images/ul_arrow_red.png);}

ul.ct_arrowList.blue     {list-style-image: url(../images/ul_arrow_blue.png);}

ul.ct_arrowList.green    {list-style-image: url(../images/ul_arrow_green.png);}

ul.ct_arrowList.pink    {list-style-image: url(../images/ul_arrow_pink.png);}

ul.ct_arrowList.black    {list-style-image: url(../images/ul_arrow_black.png);}

ul.ct_arrowList.white    {list-style-image: url(../images/ul_arrow_white.png);}



ul.ct_starList             {list-style-image: url(../images/ul_star.png);}

ul.ct_starList.yellow     {list-style-image: url(../images/ul_star_yellow.png);}

ul.ct_starList.red        {list-style-image: url(../images/ul_star_red.png);}

ul.ct_starList.blue        {list-style-image: url(../images/ul_star_blue.png);}

ul.ct_starList.green    {list-style-image: url(../images/ul_star_green.png);}

ul.ct_starList.pink        {list-style-image: url(../images/ul_star_pink.png);}

ul.ct_starList.black    {list-style-image: url(../images/ul_star_black.png);}

ul.ct_starList.white    {list-style-image: url(../images/ul_star_white.png);}



ul.ct_checkList         {list-style-image: url(../images/ul_check.png);}

ul.ct_checkList.yellow    {list-style-image: url(../images/ul_check_yellow.png);}

ul.ct_checkList.red        {list-style-image: url(../images/ul_check_red.png);}

ul.ct_checkList.blue    {list-style-image: url(../images/ul_check_blue.png);}

ul.ct_checkList.green    {list-style-image: url(../images/ul_check_green.png);}

ul.ct_checkList.pink    {list-style-image: url(../images/ul_check_pink.png);}

ul.ct_checkList.black    {list-style-image: url(../images/ul_check_black.png);}

ul.ct_checkList.white    {list-style-image: url(../images/ul_check_white.png);}





ul.ct_arrowList li, ul.ct_starList li, ul.ct_checkList li  {

    background: none;

}



ul.ct_arrowList li ul,

ul.ct_starList li ul,

ul.ct_checkList li ul,

ul li ul li ul, ul li ul li ul li ul {

    margin-left: 13px;

}





/* PAGE NAVIGATION  ------------------------------- */



ul.pagenav, ul.pagenav li {

    list-style:none outside none;

    background-image: none;

    margin:0;

    padding:0;

}





/* HEADER ELEMENTS -------------------------------------*/



#ct_headerWrapper {

    position: relative;

    z-index: 400;

    width: 100%;

    height: auto;

}



#ct_headerContent {

    height: auto;

    position: relative;

    margin: auto;

    background-position: top center;

    background-repeat: no-repeat;

}



#ct_headerMain {

    display: block;

    width: 100%;

}



#ct_headerTools {

    display: inline;

    min-height: 25px;

    margin: 15px 0 15px 0;

}



#ct_headerLogin, #ct_headerSearch {

    position: relative;

    width: auto;

    float: right;

    margin-left: 25px;   

}



#ct_headerSearch {

    margin-top: -3px;

}



#ct_headerLogin h3, #ct_headerSearch h3 {

    display: none;

}



#ct_logo {

    margin: 0;

    width: auto;

    height: auto;

    position: relative;

    float: left;

}



#ct_logo img {

    border: none;

}



#ct_mainNavWrapper {

    margin-right: 10px;

    margin-top: 10px;

    margin-bottom: 20px;

    position: relative;

    z-index: 1500;

    bottom: 0;

    width: 100%;

    height: 40px;

}





/* SLIDER -------------------------------------*/



#ct_sliderWrapper {

    position: relative;

    z-index: 300;

    height: auto;

    overflow: hidden;

    margin: auto;

    margin-bottom: 20px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}



.label_skitter, .label_skitter p {

    -moz-border-radius-topleft: 0px;

    -moz-border-radius-topright: 0px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

}



#ct_sliderContent{

    position: relative;

    height: 100%;

    margin: auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}



.box_skitter {

    margin-left: auto;

    margin-right: auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}





/* MODULE AREA WRAPPERS -------------------------------------*/



#ct_contentWrapper, #ct_highlightsWrapper, #ct_footerWrapper  {

    position: relative;

    width: 100%;

    height: auto;

}



#ct_contentWrapper {

    background-position: top center;

    background-repeat: no-repeat;

}



#ct_highlightsWrapper {

}





/* MODULE AREAS CONTENTS -------------------------------------*/



#ct_highlightsContent, #ct_mainContent, #ct_footerContent {

    position: relative;

    margin: auto;

}



#ct_highlightsContent {   

    padding: 10px 0 10px 0;

}



#ct_highlightsBorderBottom {

    height: 10px;

    position: relative;

    bottom: -9px;

    margin: auto;

    background-image: url(../images/border-bottom_highlights.png);

    background-position:  top center;

    background-repeat: no-repeat;

}



#ct_mainContent {

    padding: 10px 0 20px 0;

}



#ct_footerContent {

    display: block;

    height: auto;

    padding: 0 0 40px 0;

}



#ct_footerContent h1, #ct_footerContent h2, #ct_footerContent h3, #ct_footerContent h4, #ct_footerContent h5 {

    text-shadow: none !important;

}





/* MODULE POSITION CONTAINERS -------------------------------------*/



.ct_clearFloat {

    clear: both;

}



.ct_module, .ct_left, .ct_right {

    position: relative;

    display: inline;

    height: auto;

    margin: 0 10px 20px 10px;

    z-index: 15;

}



.ct_module, .ct_left {

    float: left;

}



.ct_right {

    float: right;

}





/* MODULE BOX STYLES -------------------------------------*/



.moduletable {

    height: auto;

}



.ct_left .moduletable_ct_darkBox, .ct_left .moduletable_ct_lightBox, .ct_left .moduletable_ct_linkList

.ct_right .moduletable_ct_darkBox, .ct_right .moduletable_ct_lightBox, .ct_right .moduletable_ct_linkList {

    margin: 0 0 30px 0;

}



.ct_left .moduletable, .ct_right .moduletable {

    padding: 0 0 30px 0;

}



.moduletable_ct_darkBox, .moduletable_ct_lightBox {

    width: auto;

    padding: 12px 10px 20px 10px;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

   

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);

    box-shadow:0 1px 4px rgba(0,0, 0, 0.25);

    -pie-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.15);

}





/* LINKLIST ------------------------------------------------------------------------*/



.moduletable_ct_linkList a {

    position: relative;

    display: block;

    border: none;

    font-family: "MavenProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size: 15px;

    padding: 5px 0 5px 0;

    text-decoration: none;

    padding: 5px 10px 5px 0;

    width: auto;

    background-image: url(../images/icon_link_arrow.png);

    background-color: transparent;

    background-position:  center right;

    background-repeat: no-repeat;

    float: left;

    clear: both;

    cursor: pointer;

}





/* VOTING / RATING ------------------------------------------------------------------------*/



.content_vote {

    margin: 5px 0;

}



.content_vote input[type="radio"] {

    margin: 0 2px 0 3px;

}



.content_vote input.button {

    display: inline;

    text-align: center;

    text-decoration: none;

    height: 23px;

    width: auto;

    cursor:pointer;

    font-family:"MavenProRegular","Trebuchet MS",Arial,Helvetica,sans-serif;

    font-size:12px;

    font-weight:normal;

    color:#FFFFFF;

    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);

    padding: 2px 7px 7px 7px;

    margin-left: 10px;

}





/* ACTIONS PANEL (PRINT & E-MAIL) ------------------------------------------------------------------------*/



.actions {

    margin-top: 6px;

    padding: 0;

    list-style: inside none;

    float: right;

    width: auto;

}



.actions li{

    float: left;

}



.print-icon, .email-icon, .edit-icon, .print-icon a, .email-icon a, .edit-icon a  {

    height: 16px;

    width: 16px;

    background-repeat: no-repeat;

}



.print-icon {

    margin-right: 10px;

}



.edit-icon {

    margin-left: 10px;

}



.print-icon a img, .email-icon a img, .edit-icon a img{

    opacity: 0;

        -moz-opacity: 0;

        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        filter:alpha(opacity=0);   

}





/* LOGIN -----------------------------------------*/



#login-form p {

    margin-top: 5px;

}



.ct_loginHelpers {

    display: inline-block;

    padding-left: 0;

    list-style: inside;

    list-style-image: url(../images/ul_arrow.png);

}



.ct_loginHelpers li {

    width: 100%;

    float: left;

}



.ct_loginHelpers li a {

    font-weight: bold;

    font-size: 12px;

    text-decoration: none;

}



#form-login-remember {

    display: block;

}



#form-login-remember label, #form-login-remember input {

    float: left;

}



#form-login-remember label {

    line-height: 19px;

}



#form-login-remember input {

    clear: right;

}



#login-form .button {

    float: left;

    clear: left;

    margin-top: 10px;

    display: inline-block;

}



.login-fields {

    margin-bottom: 10px;

}



.login .button {

    margin-top: 5px !important;

}



.logout-button .button {

    margin: 0 !important;

    float: none !important;

}



.login-greeting {

    height: 25px;

    font-size: 14px;

    padding-top: 5px;

    margin-right:15px;

}



/* COMPACT VERSION FOR HEADER */



#login-form.compact,

#login-form.compact fieldset

{

    width: auto;

}



#login-form.compact p {

    padding: 0 !important;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    float: left;

    display: inline-block;

}



#login-form.compact #form-login-username label,

#login-form.compact #form-login-password label,

#login-form.compact #form-login-remember,

#login-form.compact .ct_loginHelpers

{

    display: none;

}



#login-form.compact input[type="text"],

#login-form.compact input[type="password"]

{

    width: 120px;

    height: 25px;

    font-size: 11px;

    margin-right:5px;

}



#login-form.compact .button,

#ct_headerLogin input.button

{

    margin: 0;

    float: left;

    display: inline-block;

    margin:0 !important;

    margin-top: 1px !important;

    text-indent: -9999px;

    overflow: hidden;

    width: 33px;

    padding: 0;

    background-position: right;

    background-repeat: no-repeat;

}



#ct_headerLogin .login-greeting,

#ct_headerLogin .logout-button

{

    float:left;

}



#login-form.compact .button

{

    float: none;

    clear: none;

    margin-top: 0;

}



/*-----------------*/



/* RESET / REMIND / REGISTRATION */



.reset, .remind, .registration {

    max-width: 460px;

    white-space: normal;

}





/* HEADER SEARCH ------------------------------------------------------------------------*/



#ct_headerSearch .search label, #ct_headerSearch .finder label {

    visibility: hidden;

    width: 0;

    height: 0;

}



#ct_headerSearch .search input, #ct_headerSearch .finder input {

    width: 200px;

    height: 25px;

    padding-left: 30px;

    background-repeat: no-repeat;

}



#ct_headerSearch .finder input {

    margin-top: 3px;   

}



/* PAGENAV ------------------------------------------------------------------------*/



ul.pagenav {

    width: 100%;

    display: block;

    margin: 25px auto;

    clear: left;

}



ul.pagenav li a {

    display: block;

    margin-top: 20px;

    text-align: center;

    text-decoration: none;

    height: 20px;

    width: auto;

    margin-right: 7px;   

    border:medium none;

   

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;



    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);

    -pie-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.15);

   

    cursor:pointer;

    font-family:"MavenProRegular","Trebuchet MS",Arial,Helvetica,sans-serif;

    font-size:12px;

    font-weight:normal;

    color:#FFFFFF;

    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);

}



ul.pagenav li a:hover {

    color: #fff;

    text-shadow: 0px 0px 5px #fff;

}



ul.pagenav li.pagenav-pre, ul.pagenav li.pagenav-next {



}



ul.pagenav li.pagenav-prev a {

    float: left;

    padding: 3px 10px 0 7px;

}



ul.pagenav li.pagenav-next a {

    float: left;

    padding: 3px 7px 0 10px;

}





/* GLOBAL TABLE STYLES  ------------------------------------------------------------------------*/



table.category th, table.category td {

    padding: 5px 5px 5px 7px;

}



table.category {

    width: 100%;

}



table.category th {

    padding: 5px 10px 5px 0;

}



table.category th, table.category th a {

    text-align: left;

    font-family: "MavenProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 16px;

    text-decoration: none;

}



table.category th a img {

    margin-left: 5px;

}



table.category th, table.category td {

    padding: 5px;

}





/* SYSTEM MESSAGES -------------------------------------------- */

#system-message dd {

    text-indent: 45px;

}



#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.warning ul,

#system-message dd.notice ul,

.bfErrorMessage {

    background-position: left top !important;

    border: 2px solid #ff3600 !important;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

    padding-left: 0 !important;

}



#system-message dd.error ul {

    background-image:url("../images/bg_system_alert.png") !important;

}

#system-message dd.warning ul, .bfErrorMessage {

    background-image:url("../images/bg_system_note.png") !important;

}

#system-message dd.message ul, #system-message dd.notice ul {

    background-image:url("../images/bg_system_info.png") !important;

}



#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.warning ul li,

#system-message dd.notice ul li,

.bfErrorMessage {

    color: #ff3600 !important;

    font-size: 14px !important;

    font-weight: bold;

}





/* TOOLTIP ----------------------------------------------------- */



.tip {

    z-index: 1001 !important;

    max-width: 300px;

    padding: 5px 10px 10px 10px;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;;

    background-repeat: no-repeat;

}



.tip-title {

    display: inline-block;

    font-family: "MavenProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif !important;

    font-weight: normal !important;

    margin: 0 0 5px 23px;

    padding: 0;

    text-decoration: none;

    width: auto;

    font-size: 18px;

    line-height: 18px;

    text-shadow: 0px 2px 2px #000;

}



.tip-text {

    font-size: 12px;

}





/* LATEST NEWS ---------------------------------------------------------- */



ul.latestnews {

    list-style: inside;

    list-style-image: url(../images/ul_arrow.png);

    padding-left: 2px;

}

ul.latestnews li {

    padding: 4px 0 4px 0;

    background: none;

}



ul.latestnews a {

    font-size: 14px;

    font-weight: bold;

    text-decoration: none;

}





/* BLOG-FEATURED ------------------------------------------------------ */



.blog-featured h1 {

    margin-bottom: 20px;

}



.blog-featured h2 {

    margin-bottom: 10px;

}





/* BREADCRUMBS ------------------------------------------------------ */



.ct_breadcrumbs {

    padding: 5px 10px;

}



.ct_breadcrumbs span, .ct_breadcrumbs a {

    text-decoration: none;

    font-weight: bold;

}



.ct_breadcrumbsSeparator {

    display: inline-block;

    height: 8px;

    width: 9px;

    background: url(../images/ul_arrow.png);

    background-repeat: no-repeat;

}





/* LINKS ---------------------------------------------------*/



.ct_inlineLink {

    position: relative;

    display: inline-block;

    font-family: "MavenProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;   

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    margin: 0 5px;

    padding: 0 9px 2px 0;

    width: auto;

    height: auto;

    background-color: transparent;

    background-position:  center right;

    background-repeat: no-repeat;

}



a.readmore, p.readmore a, .ct_customLink {

    position: relative;

    display: block;

    height: 10px;

    font-family:"MavenProRegular","Trebuchet MS",Arial,Helvetica,sans-serif;

    font-size: 13px;

    line-height: 10px;

    background: url(../images/bg_btn_readmore.png);

    background-repeat: no-repeat;

    padding-left: 15px;

    text-decoration: none;

    font-weight: bold;

    margin-bottom: 20px;

}



a.readmore, p.readmore a {

    float: right;

}





/* ERROR PAGES ---------------------------------------------------*/



#ct_errorWrapper {

    display: block;

    width: 800px;

    margin: auto;

    margin-top: 15px;

    margin-bottom: 50px;

}



.errorNumber, #errorboxheader {

    font-family:"MavenProRegular","Trebuchet MS",Arial,Helvetica,sans-serif;

    text-shadow: 1px 3px 3px rgba(0,0,0, 0.5);

    filter: dropshadow(color=#000000, offx=1, offy=3);

    text-align: center;

    display: block;

}



.errorNumber {

    font-size: 300px;

    line-height: 280px;

    margin-top: 50px;

}



#errorboxheader {

    font-size: 26px;

    white-space: nowrap;

}



#errorboxbody {

    margin-top: 50px;

    text-align: center;

}





/* SPAN-STYLES TO HIGHLIGHT SPECIAL CONTENT---------------------------------------------------*/



.ct_tip,

.ct_alert,

.ct_info,

.ct_video,

.ct_contact,

.ct_checklist,

.ct_calendar,

.ct_settings,

.ct_cart,

.ct_delivery,

.ct_sound,

.ct_map {

    display: block;

    width: 100%;

    min-height: 31px;

    background: no-repeat;

    padding: 14px 0 0 0;

    text-indent: 50px;

    margin-bottom: -1px;

}



.ct_tip         {background-image: url(../images/bg_tip.png);}

.ct_alert         {background-image: url(../images/bg_alert.png);}

.ct_info         {background-image: url(../images/bg_info.png);}

.ct_video         {background-image: url(../images/bg_video.png);}

.ct_contact        {background-image: url(../images/bg_contact.png);}

.ct_checklist    {background-image: url(../images/bg_checklist.png);}

.ct_calendar     {background-image: url(../images/bg_calendar.png);}

.ct_settings     {background-image: url(../images/bg_settings.png);}

.ct_cart         {background-image: url(../images/bg_cart.png);}

.ct_delivery     {background-image: url(../images/bg_delivery.png);}

.ct_sound         {background-image: url(../images/bg_sound.png);}

.ct_map         {background-image: url(../images/bg_map.png);}



#mailto-window { padding: 10px 20px; }

Skrevet tir. d. 19. juni 2012 kl. 16:19:14| #1

scootergrisen
scootergrisen (8.441 point)
Lav :
<input name="save" value="Submit" type="submit">
<input name="reset" value="Reset" type="reset">

Om til :
<input name="save" value="Submit" type="submit" id="sendknap">
<input name="reset" value="Reset" type="reset" id="resetknap">

Og i din stylesheet tilføjer du så :

#sendknap, #resetknap{
  background:red;
}

Skrevet tir. d. 19. juni 2012 kl. 18:03:19| #2

peachmelba
peachmelba (9.070 point)
1000 tak for svar.

Jeg indrømmer... Jeg er en totalt klovn til CSS.
Hvor er min stylesheet?
Jeg troede CSS filen var min stylesheet

Skrevet tir. d. 19. juni 2012 kl. 18:36:49| #3

olebole
olebole (216.873 point)
<ole>

- og næste gang, du søger hjælp, så lad være med at lægge tåbelige hindringer i vejen for de, der skal hjælpe dig - eller andre brugere af siden for den sags skyld!

Der ligger et script, som vist skulle fjerne muligheden for at højreklikke på siderne. Det sikrer ikke en disse mod kopiering, men det ødelægger brugerens browsers funktionalitet. Det er udtryk for rigtig dårlig 'netikette'

/mvh
</bole>

Skrevet tir. d. 19. juni 2012 kl. 19:54:07| #4

peachmelba
peachmelba (9.070 point)
Beklager at lægge fælder ud.
Højreklik funktionen er et ønske fra min venindes side, da der er nogle der stjæler billederne af hendes kaniner, sætter dem til salg for eks 200 kr mere end hun sælger kaninen til. Hvis der er nogen der henvender sig, køber de kaninen af min veninde og sæger den videre for +200 kr.

Jeg har disablet funktionen, så nu kan der højreklikkes.

Skrevet tir. d. 19. juni 2012 kl. 19:59:26| #5

scootergrisen
scootergrisen (8.441 point)
Ja CSS filen er din stylesheet.
CSS står for Cascading Style Sheet.

Og ja det der med højreklik slået fra det lidt skod syntes jeg også. Dem der gerne vil kopier dine billeder de skal nok finde ud af det, man kan jo bare holde venstre museknap nede og hive et billede op i adresse feltet sværre er det ikke.

Også er det bare irriterende for dine brugere.

Tag for eksempel din kontakt side der kommer måske en bruger som vil kopier din email adresse men det får brugeren så besvær med.

Du skulle helle tage og skrive på billederne hvem de tilhører for eksempel så skal folk sidde og klippe og ændre i billedet også kan det være de mister interessen.

Skrevet tir. d. 19. juni 2012 kl. 20:04:35| #6

peachmelba
peachmelba (9.070 point)
Good point.
Jeg vil forsøge at overtale min veninde.

Skrevet tir. d. 19. juni 2012 kl. 20:22:20| #7

scootergrisen
scootergrisen (8.441 point)
Og hvis du igen ser nogen der bruger jeres billeder så kontakter du da bare lige annoncøren og siger du vil købe kaninen så finder du ud af hvem det er og kan fortælle at de skal de lade være med.
Eller også kan du sige at kaninen lige er steget 200 kroner og se hvad de siger til det.

Skrevet tir. d. 19. juni 2012 kl. 20:26:05| #8

olebole
olebole (216.873 point)
Du bør også fortælle hende, at når brugeren kan se billedet på sin skærm, ligger billedet det allerede nede på brugerens harddisk - lige til at bruge. Det er helt elementært for webteknologien. De fleste kan tage et screendump - og så er der rigtig mange 12-årige, der kan disable scriptet i løbet af 15 sekunder  =)

Skrevet tir. d. 19. juni 2012 kl. 20:59:45| #9

scootergrisen
scootergrisen (8.441 point)
Også tilbyder nogen browsere også at stoppe scriptet når der for eksempel har været 2 dialogbokse så der ikke kommer flere.

Skrevet tir. d. 19. juni 2012 kl. 23:28:48| #10

peachmelba
peachmelba (9.070 point)
Tak for de gode råd !
Hvad med CSS problematikken?

Skrevet ons. d. 20. juni 2012 kl. 00:04:28| #11

scootergrisen
scootergrisen (8.441 point)
#10 > Jeg har skrevet koden på hvordan du lavet det.

Du kan eventuelt lave knapperne ens så de ser ud som dem på kontakt siden som hedder "foxbutton".

Skrevet søn. d. 24. juni 2012 kl. 22:56:30| #12

peachmelba
peachmelba (9.070 point)
Beklager scootergris.
Jeg har forsøgt en del men kan ikke hitte ud af det.

Jeg kan ikke finde i hvilken fil der står:

<input name="save" value="Submit" type="submit">
<input name="reset" value="Reset" type="reset">

Kan du sige noget a la:
- tag fil xxx.yyy og ret

blah

til blah 2

og tag derefter fil med navn: ggg.ttt
og ret.....

Skrevet man. d. 25. juni 2012 kl. 00:26:43| #13

olebole
olebole (216.873 point)
I filen http://den-glade-gulerod.dk/templates/cleanlogic/css/colors.css.php?color=bbff00&base_color=6b7e8f&bg_style=05_alphablending&templateurl=/templates/cleanlogic står der (linje 44):

input.button, button {
    background: url("../images/bg_btn.png") repeat scroll 0 0%, -moz-linear-gradient(center top , #BBFF00 0%, #709900 100%) repeat scroll 0 0 transparent;
}

- som er der, knappen får sin baggrund, m.m. Den fil bliver sammensat af data fra noget template-halløj, som du kan prøve at finde. Ellers kunne du jo lave billedfilen om.

I filen http://den-glade-gulerod.dk/templates/cleanlogic/css/formelements.css står (linje 56):

input.button, button {
    height: 24px;
    margin: 0 10px 10px 0;
    padding: 0 25px 3px 12px;
}

- som bidrager med mere af CSS'en. Hover sættes her (linje 76):

input.button:hover, button:hover {
    border-color: #4F4F4F;
    color: #FFFFFF;
}

- og her (linje 84):

.moduletable_ct_linkList a:hover, input.button:hover, button:hover {
    color: #FFFFFF;
    text-shadow: 0 0 5px #FFFFFF;
}

Skrevet tor. d. 28. marts 2013 kl. 09:03:30| #14

peachmelba
peachmelba (9.070 point)
Nogen der vil have point ?
Jeg vil gerne have denn e lukket

Skrevet tor. d. 28. marts 2013 kl. 16:51:59| #15

olebole
olebole (216.873 point)
Hvad blev løsningen?

Skrevet søn. d. 28. april 2013 kl. 16:02:46| #16


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   


Seneste spørgsmål

Detect mobil telefon med CSS3

Oprettet den 12. juni 2013 kl. 07.23
hulla giver 60 point for svar | Giv et svar »

To css problemer i IE

Oprettet den 11. juni 2013 kl. 19.45
david78 giver 100 point for svar | Giv et svar »

Dropdown menu

Oprettet den 11. juni 2013 kl. 17.37
christian94 giver 100 point for svar | Giv et svar »







IT Kurser
Samarbejdspartnere

Udgiver · © 2013 Computerworld A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger