---

Jeg ønsker som standard at alle billeder (img) skal have en border på 0px
Alle mine links skal være gule

ScenarioA : Alle mine img links skal have en grøn border på 4px
ScenarioB: Alle mine img links skal have en border på 3, og så den farve som
links normalt har.

Hvordan stille man det op i css, således man ikke i hvert link eller hvert
img skal angive det manuelt med style , men så det gælder som standard ?

Kan ikke helt finde ud af hvordan man mixer dem..jeg ville gætte på noget i
stil med nedenstående men er slet ikke sikker:

a { color :#ffffoo}
img {border: 0px}
a.img {border: 4px solid green} (scenario A)
a.img {border:3px} (scenario B)

Jeg har ikke uploadet noget eksempel da det vist er for småt og mest
teoretisk..

På forhånd tak.

---

Kresten skrev:

> ScenarioA : Alle mine img links skal have en grøn border på 4px
> ScenarioB: Alle mine img links skal have en border på 3, og så den farve som
> links normalt har.

Hvad mener du med scenario A og B? Er det på forskellige sider, på
forskellige dele af siden eller ved forskellige handlinger (mouseover,
klik, ...)?


> Hvordan stille man det op i css, således man ikke i hvert link eller hvert
> img skal angive det manuelt med style , men så det gælder som standard ?

Du kan bruge kontekstuel css:

#scenarioA img{
/* css-kode til billeder inde i et element med id=scenarioA */
}

- eller bare klasser:

img.scenarioA{ }

a.scenarioA{ }


> a.img {border: 4px solid green} (scenario A)
> a.img {border:3px} (scenario B)

a.img svarer til <a class="img"> - og har altså ikke direkte noget med
billeder (<img>) at gøre. Når du skriver dem som vist herover, vil den
nederste regel desuden overtrumfe den øverste.


> Jeg har ikke uploadet noget eksempel da det vist er for småt og mest
> teoretisk..

Prøv alligevel at lægge noget op. Jeg vil i hvert fald have lettere ved
at se hvad du vil, hvis jeg kan se et eksempel.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:
> Kresten skrev:
>
>> ScenarioA : Alle mine img links skal have en grøn border på 4px
>> ScenarioB: Alle mine img links skal have en border på 3, og så den
>> farve som links normalt har.
>
> Hvad mener du med scenario A og B? Er det på forskellige sider, på
> forskellige dele af siden eller ved forskellige handlinger (mouseover,
> klik, ...)?

Det jeg mente med scenario A og B , var at hvis jeg nu ville have det på den
ene måde, eller på den anden måde.. ikke på sammetid. Så i koden skal der
kun være en af dem.

<klip>
> Prøv alligevel at lægge noget op. Jeg vil i hvert fald have lettere
> ved at se hvad du vil, hvis jeg kan se et eksempel.

Jeg har ikke rigtig noget at lægge op :/ Jeg vil prøve at gøre mig mere
forståelig , med kun 1 scenario.

Hvordan skal css filen se ud hvis jeg ønsker at følgende attributter skal
gøre sig gældende som standard:
Alle mine links skal være gule
Alle mine images skal have en border på blå 1px
Alle images som bruges som link skal have en grøn border på 2px

Eksempler (med lidt skønhedsfejl):
<a href="abc.html">Dette er gult</a>
<img src="x.jpg" alt="denne har en blåborder på 1px">
<a href="abc.html><img src=x.jpg alt="denne har grøn border på 2 px"></a>

Det skal være så det er standard og jeg ikke skal bruge class eller style på
hver af de ting.

Håber jeg giver mening nu :)

---

Kresten wrote:

> Hvordan skal css filen se ud hvis jeg ønsker at følgende attributter
> skal gøre sig gældende som standard:
> Alle mine links skal være gule
> Alle mine images skal have en border på blå 1px
> Alle images som bruges som link skal have en grøn border på 2px

a:link {
color:#ff0;
}

img {
border:1px solid #00f;
}

img a {
border:2px solid #0f0;
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://frip.dk/ginnerskov

---

Erik Ginnerskov wrote:
> Kresten wrote:
>
>> Hvordan skal css filen se ud hvis jeg ønsker at følgende attributter
>> skal gøre sig gældende som standard:
>> Alle mine links skal være gule
>> Alle mine images skal have en border på blå 1px
>> Alle images som bruges som link skal have en grøn border på 2px
>
> a:link {
> color:#ff0;
> }
>
> img {
> border:1px solid #00f;
> }
>
> img a {
> border:2px solid #0f0;
> }

Lige peterpræcis det jeg var ude efter, havde den næsten selv, men "img a"
er tydeligvis ikke det samme som "a.img".

Mange tak for hjælpen til alle!

---

Erik Ginnerskov skrev:

>> Alle images som bruges som link skal have en grøn border på 2px

> img a {
> border:2px solid #0f0;
> }

Ovenstående giver ikke mening. "img a" betyder links der ligger inde i
et billede - det er ikke muligt (et billede må ikke have indhold).

"a img" betyder omvendt billeder der er inde i links - (svarende til det
efterspurgte).

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:

>> img a {
>> border:2px solid #0f0;
>> }
>
> Ovenstående giver ikke mening. "img a" betyder links der ligger inde i
> et billede - det er ikke muligt (et billede må ikke have indhold).
>
> "a img" betyder omvendt billeder der er inde i links - (svarende til
> det efterspurgte).

Du har ret. Dummeslag - av.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://frip.dk/ginnerskov

---

Kresten wrote:

> a { color :#ffffoo}

Den farvekode er der ikke nogen browsere, der vil forstå. Mon ikke oo (små
o'er) skulle have været 00 (nuller)?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://frip.dk/ginnerskov

---

Erik Ginnerskov wrote:
> Kresten wrote:
>
>> a { color :#ffffoo}
>
> Den farvekode er der ikke nogen browsere, der vil forstå. Mon ikke oo
> (små o'er) skulle have været 00 (nuller)?

Jo selvfølgelig..

---

> ScenarioA : Alle mine img links skal have en grøn border på 4px
> ScenarioB: Alle mine img links skal have en border på 3, og så den farve
som
> links normalt har.

Jeg ved ikke, om der findes en mulighed for at mixe a - og img-tag'et,
hvis det er det du mener.
Men ellers ville jeg nok lave klasser til henholdsvis a og img - f.eks.som:

a.klasse1
{
color :#ffff00
}

a.klasse2
{
color :red
}

img.klasse3
{
border: 0px
}

img.klasse4
{
border: 4px solid green;
}

img.klasse5
{
border: 3px;
}

og så f.eks. skrive < a class="klasse2" href=#><img class="klasse4"></a>

- Martin






"Kresten" <nejtak@tilspam.invalid> wrote in message
news:422f1066$0$29271$14726298@news.sunsite.dk...
> Jeg ønsker som standard at alle billeder (img) skal have en border på 0px
> Alle mine links skal være gule
>
> ScenarioA : Alle mine img links skal have en grøn border på 4px
> ScenarioB: Alle mine img links skal have en border på 3, og så den farve
som
> links normalt har.
>
> Hvordan stille man det op i css, således man ikke i hvert link eller hvert
> img skal angive det manuelt med style , men så det gælder som standard ?
>
> Kan ikke helt finde ud af hvordan man mixer dem..jeg ville gætte på noget
i
> stil med nedenstående men er slet ikke sikker:
>
> a { color :#ffffoo}
> img {border: 0px}
> a.img {border: 4px solid green} (scenario A)
> a.img {border:3px} (scenario B)
>
> Jeg har ikke uploadet noget eksempel da det vist er for småt og mest
> teoretisk..
>
> På forhånd tak.
>
>

---

Martin Ploug wrote:
> og så f.eks. skrive < a class="klasse2" href=#><img
> class="klasse4"></a>

Hele humlen var jo at det skulle være standard, så man ikke skulle bruge
class eller style til de 3 ting.

---

> Hele humlen var jo at det skulle være standard, så man ikke skulle bruge
> class eller style til de 3 ting.
Så snart du definere mere end 1 værdi på at tag er man vel nødt til at
angive class

---

Christoffer skrev:

> Så snart du definere mere end 1 værdi på at tag er man vel
> nødt til at angive class

Nej. Man kan ofte klare sig med kontekstuel css.

Eksempel:

css:
   a{ color: blue; }
   #menu a{ color: black; }

html:

<div id="menu">
   <a href="foo">Dette link er sort</a>
</div>
<div id="indhold">
   <a href="bar"> - mens dette link er blåt</a>
</div>


Se evt.
<http://www.w3.org/TR/CSS21/selector.html#descendant-selectors>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html