Šta je novo?
Od:
Filteri

HTML + CSS = problem

W

wrmwrmwrm

Slavan
Učlanjen(a)
14.10.2007
Poruke
289
Poena
319
CSS
Kod: 
body {
background-color: #000000;
}

h1 {
color: #FFFFFF;
/*
background-image:url(bg.gif);
*/
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: medium;
margin: 0 0 10px 8px;
padding:0;
text-decoration: none;

}
h1 a, h1 a:visited, h1 a:link, h1 a:active {
color: #EEEEEE;
text-decoration:none;
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

#container {
width: 807px;
margin-left:auto;
margin-right:auto;
border: 0px solid #CCCCCC;
padding: 9px;
background-color:#444444;
/* FFFFFF*/
}

#breadcrumbs {
color: #EEEEEE;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
margin: 0 0 8px 8px;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:link, #breadcrumbs a:active {
color: #EEEEEE;
text-decoration:none;
}

#breadcrumbs a:hover {
text-decoration:underline;
}

#listingcontainer {
padding: 10px;
background-color:#333333;
}

#listingheader {
color: #111111;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
text-align:right;
}

#listingheader a, #listingheader a:active, #listingheader a:visited, #listingheader a:link {
text-decoration: none;
color: #DDDDDD;
}

#listingheader a:hover {
text-decoration: underline;
color: #CCCCCC;
}

#headerfile {
text-align:left;
float: left;
width: 520px;
}

#headersize {
text-align:right;
width: 75px;
float: left;
}

#listing {
border: 0px solid #A7C5FF;
}

#listing a {
display:block;
padding: 2px 5px 2px 5px;
font-size:small;
color: #7386DB;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
width:775px;
text-align:right;

}

#listing a:hover {
background-color:#FF0000;
}

#listing a img {
float:left;
margin-right: 4px;
}

#listing a strong {
width: 520px;
float:left;
cursor:hand;
cursor:pointer;
text-align:left;
}

#listing a em {
float: left;
width: 75px;
text-align:right;
cursor:hand;
cursor:pointer;
}

#listing a span {
float:right;

/* 
position: absolute;
margin-left: -650px;
margin-top: -2px;

margin-left: -260px;
margin-top: -2px;
*/ 

}

#listing a span img {
width: 480px;
background-color:#CCCCCC;
visibility: hidden;
}

#listing a:hover span img {
border: 1px solid #666666;
visibility: visible;
}

#upload {
border: 1px solid #A7C5FF;
display:block;
margin-top: 10px;
font-size:small;
color: #6285CA;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
width:568px;
background-color: #E9F0FF;
}

#uploadtitle {
background-color: #DBE6FE;
padding: 2px 5px 2px 5px;
border-bottom: 1px solid #A7C5FF;

}

#uploadcontent {
padding: 2px 5px 2px 5px;
}

#copy {
width: 600px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:x-small;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
}

#copy a {
text-decoration: underline;
color: #666666;
}


.specijal, .specijal a, .specijal a:active, .specijal a:visited, .specijal a:link {
color: #EE0000;
 }

 .specijal a:hover{
color: #FF0000;
 }
 
 
.b {
background-color: #E9F0FF;

}

.w {
background-color:#FFFFFF;
}

.mod {
float:right;
}

.size {
float:right;
}

.upload-error{
padding:2px 0;
}

.upload-error strong{
color:#993333;
}

HTML
HTML: 
<a href="nekilink" class="specijal">NEKI TEKST</a>

hteo sam JEDAN, ovaj gore navedeni link da se razlikuje od ostalih linkova na renderovanoj strani, prikaze on link, cak link i radi ali je i ko i svi ostali ...
a ja bi hteo da bude COLOR i HOVER:COLOR razlichit ...
da nema HOVER mogao bi style=color:#FF0000; .. tako nesto ( 04:46 .. postajem umoran ) ... ali posto mi treba hover,to jest kad predjem misom da promeni
moram kroz CSS.. ok taman nauchim ( josh ) neshto novo ...

ako moze neko da mi kaze gde gresim .. bio bi zahvalan ? mozda sam klasu pogresno setovo !?
unapred zahvalan i jako umoran ...
:wall:
 
a.specijal a ne .specijal a
 
hm ... ja sam gore gledao
Kod: 
#listingheader a, #listingheader a:active, #listingheader a:visited, #listingheader a:link {
text-decoration: none;
color: #DDDDDD;
}

pa sam po tome i ovo pravio ... znavhi za klasu je drugaciji format ?
i bilo bi neshto tipa
a.specija:hover ili a:hover.specijal ... ?
jako mi je bitno da mogu da hover posebno definishem jer bi trebala bude druga boja
u odnosu na boju linka 🙂
 
Poslednja izmena:
hm... ok ja sam onda omashio sintaksu ...
e sad sta mene josh zanima za ``hover`` ( to ej valjda ono kad je mis iznad linka ), a posto mi je krucijalno bitno da visted, active, i link budu u jednoj boji
a da se ta boja promeni na drugu samo kad je mis iznad ... je da li treba da bude

a.specijal:hover {};
ili
a:hover.specijal {};

ili kako ?


ps.
zendraqla hvala na odgovoru :")
 
Verovatno je najbolje da ovo dodas jer si pokupio sve situacije>

a.special, a.special:active, a.special:visited {color:#nekaboja;}
a.special:hover {color:#bojazahover;}

na ovaj nacin ti <A> sa classom "special" ima istu boju po defaultu, u toku klika i kad je visited, a drugu boju na hover///
 
Poslednja izmena:
marin je napisao(la):
Verovatno je najbolje da ovo dodas jer si pokupio sve situacije>
a.special, a.special:active, a.special:visited {color:#nekaboja;}
a.special:hover {color:#bojazahover;}
na ovaj nacin ti <A> sa classom "special" ima istu boju po defaultu, u toku klika i kad je visited, a drugu boju na hover///
Kliknite za proširenje...

krenuo sam pishem ispochetka 🙂 .. ceo ``portal`` 🙂 ... tako da i css pravim svoj ... hvala u svakom sluchaju 🙂
 
Poslednja izmena:
Morate se prijaviti ili registrovati da odgovorite ovde.
Nazad
Vrh Dno