Olisi pientä ongelmaa css:n parissa, kun en ymmärrä miten saan määritettyä erilliselle taulukolle erilaisen linkki määrittelyn kuin toiselle:
------
#content .leftbox {
display: inline;
float: left;
margin-top: 5px;
margin-right: 3px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 0px;
}
#content .leftbox .header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: center;
color: #ffffff;
background-image: url('test.png');
background-position: 100%;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
#content .leftbox .navitext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: center;
color: #000000;
background-color: #484848;
background-position: 100%;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
#content .leftbox .winamp {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-align: center;
color: #000000;
background-color: #484848;
background-position: 100%;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
-------
Tuollainen olisi css tiedostossa. Tuon .winamp classin alla on lähes sama määrittely, paitsi a:linkinä.
XHTML:
Navigaatio
Etusivu
Minä
Muuta
In English
Winamp
En vain ymmärrä, miksi tuo ei vain suostu laittamaan eri linkki määrittelyä winamp classille kuin navitextille...vai puuttuuko tuosta yksinkertaisesti jotain?
Ja tuo linkki on php -tiedostossa jossa ei ole kuin tagi.
Olisin kiitollinen, jos joku voisi auttaa.
------
#content .leftbox {
display: inline;
float: left;
margin-top: 5px;
margin-right: 3px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 0px;
}
#content .leftbox .header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: center;
color: #ffffff;
background-image: url('test.png');
background-position: 100%;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
#content .leftbox .navitext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: center;
color: #000000;
background-color: #484848;
background-position: 100%;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
#content .leftbox .winamp {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-align: center;
color: #000000;
background-color: #484848;
background-position: 100%;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
-------
Tuollainen olisi css tiedostossa. Tuon .winamp classin alla on lähes sama määrittely, paitsi a:linkinä.
XHTML:
Navigaatio
Etusivu
Minä
Muuta
In English
Winamp
En vain ymmärrä, miksi tuo ei vain suostu laittamaan eri linkki määrittelyä winamp classille kuin navitextille...vai puuttuuko tuosta yksinkertaisesti jotain?
Ja tuo linkki on php -tiedostossa jossa ei ole kuin tagi.
Olisin kiitollinen, jos joku voisi auttaa.
Vastaukset 2
Vanhimmat
Käytät css:ssä id määrettä "content" mutta sivuillasi ei ole tuolla id:llä mitään elementtiä.
Jos wrappaat tuon sivusi yhdellä ulommaisella div:illä jonka id on "content" tuo toimii kyllä..
(tai sitten jätät tuon #content määreen pois css selectorista)
kertausta:
#content { ... } -> tyyli elementille jonka id on "content"
.content { ...} -> tyyli kaikille elementeille jonka class on "content"
ps. anteeks vaan nää nimimerkit mut kaikki vähemmän typerät tuntuu olevan jo varattu
ja kiitos ohjeista