WN - En CSS fråga

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - En CSS fråga (https://www.wn.se/forum/showthread.php?t=13026)

Davve

2006-03-19 04:27

Om man har CSS fil kopplat till ett dokument, men vill att en del av det dokumentet inte tar information från CSS filen, hur gör man då?

Vill alltså att en del av en sida inte ska se ut som enligt css.

/David

digiArt

2006-03-19 09:16

Formaterar den delen av dokumentet som du vill ha det med CSS...

CSS gäller för ett helt dokument, punkt slut (ja, så brutalt är det)

hubbert

2006-03-19 11:29

Hm, du kan definiera en yta på sidan som du utesluter (eller snarare ger andra parameterar) från CSS-filen. Eller tvärtom du talar om i CSS-filen vad det är som skall formateras på dokumentet.

Davve

2006-03-19 11:32

men probleme tär just det att på sidan har jag bestämt utseende på länkar som jag vill ha så. Nu vill jag att en viss länk ser ut på ett annat sätt, men det hjälper inte att skapa en ny class för det, krävs då att jag även sätten en class på alla andra länkar å det vill jag inte då det e säkert några tusen å ändra i...

hubbert

2006-03-19 11:37

Varför går det inte att sätta endast den i länken i en egen klass?

Davve

2006-03-19 11:48

fungerade inte då jag testade, den första länken i css filen är bara A{ osv... Satte en class A.too { på den länken jag vill se anorlunda ut, men det såt ut som A ändå

hubbert

2006-03-19 11:54

Nu skall vi se om jag är rätt på det om du sätter klassen där länken finns som ex i CSSn
#.lank_annan
{position:

A:LINK
{

och på sidan
<div class="lank_annan"

Eller är jag ute och surrar i det blå nu?

Davve

2006-03-19 11:57

i css sätter jag så:

A:LINK
{

A.ny:LINK
{

osv

Och på den länken jag vill ändra så att den inte ser ut som hela sidan, sätter jag class="A.ny" men det fungerar inte, den ser ut som allt annat på sudan ändå

hubbert

2006-03-19 12:18

Jajamen inte fungerade det där heller märkte jag nu :D
Vi får lära oss lite mer om det här Davve, för visst tusan skall det gå på ett enkelt sätt.

lubic

2006-03-19 12:24

Har för mig att du ska sätta id="ny" till länken för att det ska fungera.

Davve

2006-03-19 12:40

Jag ska komma på hur det ska fixas :)

hubbert

2006-03-19 12:45

Såja fixat kanske inte snyggt men det fungerar
Länkens namn

Edit: Direkt på själva sidan alltså, fungerar i Fx och IE

Charlie

2006-03-19 12:54

Kod:

<html>

<head>

        <style>



 /* Påverkar alla länkar */

 a {

         color: red;

 }         



 .special {

         color: green;

 }



 /* Påverkar endast länkar som inte är

   visited, active eller hover */

 a:link {        

         color: red;

 }



 .special:link {

         color: green;

 }



 /* Påverka endast de element som både är en

   länk, samt har klasssen special associerad

   till sig. */

 a:link.special {

         color: orange;

 }

 /* eller */

 a.special:link {

         color: orange;

 }



 /* eller, om du vill påverka även visited,

   active och hover. */

 

 a.special {

         color: orange;

 } 

 



        </style>

</head>

<body>



        <a href="#">Vanlig länk</a>

        <a href="#" class="special">Speciell länk</a>



</body>



</html>

martine

2006-03-19 13:32

Citat:

Originally posted by hubbert@Mar 19 2006, 13:45
Såja fixat kanske inte snyggt men det fungerar
Länkens namn

Edit: Direkt på själva sidan alltså, fungerar i Fx och IE

Ursäkta att gnälla men bara ställa mer trassel med en -tagg som strular ihop det ännu mer...

Det finns en lång rad lösningar för att ha en enstaka (eller flera) skilda utseenden, t ex:
<a href="" style="font-size: 150%;">

eller med i css-filen:
a.speciell { font-size: 150%; } och i html : <a href="" class="speciell">
a#speciell { font-size: 150%; } och i html : <a href="" id="speciell">
(tänk på att dessa två ”ärver” inställningarna från den vanliga a-taggen, om du satt
a { color: red; }
så kommer även a.speciell vara röd)

Om man vill ha en avdelning som har egna ”regler”:
p { color: black; } /* normalt utseende */
div#specielltstycke p { border: 3px dotted green; }
div#specielltstycke a { color: blue; }
(det här blir snyggt, ja lovar...)
och i html

Kod:

<p>normalt useende med <a href="">normal länk</a></p>

<div id="specielltstycke">

<p>Grön kant och <a href="">blå länk</a>!</p>

</div>

...och för övrigt, använd små bokstäver i html och css...

hubbert

2006-03-19 14:00

Citat:

Ursäkta att gnälla men bara ställa mer trassel med en -tagg som strular ihop det ännu mer...

Ingen fara med gnället, nu fick Davve (och även jag) en hel del olika förslag på hur det kan göras bättre.
Jag skulle precis börja med en liknande princip på en sida.
Så jag bugar och tackar för förslagen. :)

Hm, det går med andra ord snabbt som attan att få "riktiga" förslag om man slänger in en halvdan lösning på ett problem. Bra att veta till nästa fråga :D

Davve

2006-03-19 14:37

Ja, mitt problem går inte lösa men att sätta size, jag har [b] på mina länkar i css å det vill jag ha, dock vill jag skippa det på några ställen, det e vad jag måste åstadkomma :)

Header

2006-03-19 18:02

Så här kan man ju skriva i CSS, och sätta class="nylink"> på länken som ska se annorlunda ut..

.nylink:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000099;
text-decoration : none;
font-size : 0.7em;
}
.nylink:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000099;
text-decoration : none;
font-size : 0.7em;
}
.nylink:active {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000099;
text-decoration : none;
font-size : 0.7em;
}
.nylink:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #990000;
text-decoration : none;
font-size : 0.7em;

Borde fungera perfekt.

Lindahl

2006-03-19 18:10

jo, fast font-family, font-size och sånt behöver du ju inte ta med överallt, det ärvs ju.. Alltid trevligt med mindre filstorlek.

Davve

2006-03-19 18:22

men då ärver den nya länken <bold>hur bestäämer man att det inte sa va bold?

Lindahl

2006-03-19 18:35

font-weight: normal;

Davve

2006-03-19 19:15

Kan man i denna CSS för nylink, bestämma så att texten centreras med? För det verkar funka nu :) För någonstans i min övriga CSS kod är det bestämt att länker är vänsterplacerad och börjar med en TAB.

Header

2006-03-19 21:15

Jadå, lägg till:

text-align:center;

så ska den centreras.

martine

2006-03-21 16:02

Citat:

Originally posted by hubbert@Mar 19 2006, 15:00
Hm, det går med andra ord snabbt som attan att få "riktiga" förslag om man slänger in en halvdan lösning på ett problem. Bra att veta till nästa fråga :D

Trevligt att höra att du inte tog illa vid dig.

Jag tror de flesta av oss som jobbar med webproduktion har lite ont om tid och tar oss bara tid när vi blir upprörda över något... :rolleyes: ...så du har nog gjort en riktig iaktagelse... :lol:

zoran

2006-03-21 18:02

Citat:

Originally posted by Davve@Mar 19 2006, 12:32
men probleme tär just det att på sidan har jag bestämt utseende på länkar som jag vill ha så. Nu vill jag att en viss länk ser ut på ett annat sätt, men det hjälper inte att skapa en ny class för det, krävs då att jag även sätten en class på alla andra länkar å det vill jag inte då det e säkert några tusen å ändra i...

cat filename.php | sed 's/class="oldclass"/class="newclass"/g' > newfile.php && mv newfile.php filename.php

Alla tider är GMT +2. Klockan är nu 09:40.