Avatar billede convinius Nybegynder
27. marts 2002 - 14:55 Der er 64 kommentarer og
2 løsninger

top og bund streg

Jeg vil i min menu lave en top og bund streg når der er mouseover er der nogen af jer som har den klar..så behøver jeg jo ikke lave den fra bunden af!

Den e til den her menu

www.wassim.rapanden.dk/tib
Avatar billede jakoba Nybegynder
27. marts 2002 - 14:58 #1
.menulink:hoover {
    text-decoration: underline overline;
}
Avatar billede jakoba Nybegynder
27. marts 2002 - 14:59 #2
Noget usikker, måske der skal komma imellem.
Avatar billede convinius Nybegynder
27. marts 2002 - 15:00 #3
okay....jeg havde faktisk også et andet spørgsmål. et lille bitte et....hvordan laver man en fade out fra den ene farve til den anden farve i en tabel *S* - jeg ved der er mange der har stillet samme spørgsmål på eksperten.
Avatar billede convinius Nybegynder
27. marts 2002 - 15:01 #4
jeg prøver lige det du kom med jakoba
Avatar billede convinius Nybegynder
27. marts 2002 - 15:02 #5
så er class="menulink"  ikke :-)
Avatar billede convinius Nybegynder
27. marts 2002 - 15:08 #6
hmm men 2 class i en streng.....det tror jeg ikke vil lykkedes. så må jeg hellere lave den i en class.
Avatar billede jakoba Nybegynder
27. marts 2002 - 15:15 #7
Jep kun een class.
Men jeg tvivler mere og mer på at det duer.
måske du snarere skal bruge:

.menulink:link {
    border: 2px solid white;
}
.menulink:hoover {
    border: 2px solid white;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

hvor white er din baggrundsfarve

den med fade kender jeg slet ikke (mere IE specifik end jeg synes er interresant).

mvh JakobA
Avatar billede pelkjaer Nybegynder
27. marts 2002 - 15:36 #8
hoover er kun *hover*
Avatar billede convinius Nybegynder
27. marts 2002 - 15:49 #9
så er det derfor jeg stadig kæmper med det *S* eg prøver lige igen.
Avatar billede convinius Nybegynder
27. marts 2002 - 15:50 #10
.menutable { 
    border: 1px solid black;
    .hover
    border: 2px solid white;
    border-top: 2px solid black;
    border-bottom: 2px solid black;}


der er vel noget galt med det der!? ikk'
Avatar billede pelkjaer Nybegynder
27. marts 2002 - 15:52 #11
Ja.

.menutable:hover { 
    border: 1px solid black;
    border: 2px solid white;
    border-top: 2px solid black;
    border-bottom: 2px solid black
}
Avatar billede pelkjaer Nybegynder
27. marts 2002 - 15:52 #12
Der er stadig noget galt.

Hvilken border vil du ha' på din hover effekt?
Avatar billede convinius Nybegynder
27. marts 2002 - 15:59 #13
der er nemlig stadig noget galt....jeg har lige uploadet den på www.wassim.rapanden.dk/tib - så kan i selv se. emm jeg vil blot ave den samme border som der er nu!
Avatar billede convinius Nybegynder
27. marts 2002 - 16:01 #14
nu har jeg lavet et link....
Avatar billede convinius Nybegynder
27. marts 2002 - 16:20 #15
noget er der galt i hvertfald? - meget galt. hvor er min sorte kant. den frsvandt efter jeg/i har hjulpet mig md at sætte en top streg og en bundstreg!
Avatar billede pelkjaer Nybegynder
27. marts 2002 - 16:26 #16
.menutable {
  border: 1px solid black
}

.menutable a:hover {
  border: 1px solid black;
  text-decoration: underline overline
}
Avatar billede convinius Nybegynder
27. marts 2002 - 16:28 #17
okay nu virker det kewl.

Men nu skal jeg fjerne det der standrad fis. med at den bliver blå hvis det er et link!!!!
Avatar billede convinius Nybegynder
27. marts 2002 - 16:29 #18
se siden...på samme adresse.
Avatar billede convinius Nybegynder
27. marts 2002 - 16:31 #19
hey man kan ikke se kildekoden i eksperten.dk coool - hvordan kan det lade sig gøre! men man kan da sikkert se den hvis man henter den ned *S*
Avatar billede convinius Nybegynder
27. marts 2002 - 16:33 #20
For at fjerne farven skal jeg bruge det her..right?

<style type="text/css">
    <!--
    A:link {text-decoration: none;}
    A:hover { color: #FFFFFF }
    A:visited {text-decoration: none}
    A:active {text-decoration: none;}
    -->
    </style>
Avatar billede pelkjaer Nybegynder
27. marts 2002 - 16:34 #21
.menutable a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid black
}
Avatar billede convinius Nybegynder
27. marts 2002 - 16:34 #22
nu er den bare blå til at starte med men hvid som mouseover *S* nåå ja  -  link skal være hvid..
Avatar billede convinius Nybegynder
27. marts 2002 - 16:37 #23
nu ser det da lidt komisk ud *S*
Avatar billede pelkjaer Nybegynder
27. marts 2002 - 16:37 #24
Du ændrer bare selv farverne og fontstørrelse.
Avatar billede wwc Nybegynder
27. marts 2002 - 16:37 #25
con >> vil du bare havde normal sort tekst når man ikke har musen over, men understreget og overstreget når man holder musen over?
Avatar billede pelkjaer Nybegynder
27. marts 2002 - 16:39 #26
Først definerer du udseende

.menutable {
  tekst her;
}

Så hvis det er links

.menutable a{
  tekst her;
}

Og så hover til sidst

.menutable a:hover{
  tekst her;
}

Got it? :o)
Avatar billede convinius Nybegynder
27. marts 2002 - 16:40 #27
så nu er den på plads....sådan ser det ud.

BODY {
    BACKGROUND-COLOR: 427D99;
    MARGIN: 0px;
    TEXT-ALIGN: left;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menutable a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    background-color: #006699;
    border: 1px solid black
}

.menutable a:hover {
  border: 1px solid black;
  text-decoration: underline overline
}
Avatar billede convinius Nybegynder
27. marts 2002 - 16:42 #28
yes i got it  :-)

egentlig ville jeg have haft at bundstregen ikke var der fra start...men kom som top stregen *S*

se siden http://www.wassim.rapanden.dk/tib/
Avatar billede wwc Nybegynder
27. marts 2002 - 16:44 #29
con >> jeg syns det ville være pænere vis bundstregen ik' var der når man ikke havde musen over linket
Avatar billede convinius Nybegynder
27. marts 2002 - 16:45 #30
okay...jeg prøver lige at fjerne det helt.
Avatar billede convinius Nybegynder
27. marts 2002 - 16:46 #31
hmm jeg har fjernet underline men linjen er der stadig som standart  :-(
Avatar billede convinius Nybegynder
27. marts 2002 - 16:47 #32
jeg uploader altid til adressen..så i kan jo altid gå ind og se det!
Avatar billede wwc Nybegynder
27. marts 2002 - 16:48 #33
kan du ikke bare sætte 'text-decoration: none;'???
Avatar billede convinius Nybegynder
27. marts 2002 - 16:50 #34
jeps så er det ordnet ...nu ser det sådan ud.

BODY {
    BACKGROUND-COLOR: 427D99;
    MARGIN: 0px;
    TEXT-ALIGN: left;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
    A:link {text-decoration: none;}
    A:visited {text-decoration: none}
    A:active {text-decoration: none;}


.menutable a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    background-color: #006699;
    border: 1px solid black
}

.menutable a:hover {
  border: 1px solid black;
  text-decoration: overline
}
Avatar billede convinius Nybegynder
27. marts 2002 - 16:51 #35
men hovsa...hvor bliver min borders af :-) må hellere se om jeg kan genoprette dem.
Avatar billede wwc Nybegynder
27. marts 2002 - 16:51 #36
du skal bare lige at have 'underline' sammen med 'overline' i a:hover
Avatar billede wwc Nybegynder
27. marts 2002 - 16:55 #37
du skal huske ';' når du slutter en linje.
Avatar billede convinius Nybegynder
27. marts 2002 - 16:55 #38
der er noget jeg ikke forstår - jamen jeg har jo den her streng

border: 1px solid black

men hvorfor vil der ikke komme en sort border.
Avatar billede convinius Nybegynder
27. marts 2002 - 16:57 #39
jeg har afsluttet den....men det hjælperikke endnu.
Avatar billede convinius Nybegynder
27. marts 2002 - 16:57 #40
BODY {
    BACKGROUND-COLOR: 427D99;
    MARGIN: 0px;
    TEXT-ALIGN: left;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
    A:link {text-decoration: none;}
    A:visited {text-decoration: none}
    A:active {text-decoration: none;}


.menutable a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    background-color: #006699;
    border: 1px solid black;
}

.menutable a:hover {
  border: 1px solid black;
  text-decoration: underline overline;
}
Avatar billede wwc Nybegynder
27. marts 2002 - 16:57 #41
prøv at sætte et ';' efter border: 1px solid black :)
Avatar billede wwc Nybegynder
27. marts 2002 - 16:58 #42
ups
Avatar billede convinius Nybegynder
27. marts 2002 - 16:59 #43
:-)
Avatar billede wwc Nybegynder
27. marts 2002 - 17:00 #44
prøv lige at sætte et '#' foran 427D99.
jeg ved ik' om det virker men det skal der være
Avatar billede convinius Nybegynder
27. marts 2002 - 17:02 #45
jeg ved faktisk endnu ikke hvorfor der er a her ".menutable a{"

men pointen er jo at den sorte border som virkede før ike virker nu :-(
Avatar billede wwc Nybegynder
27. marts 2002 - 17:03 #46
det er da ikke nødvendigt at have '  border: 1px solid black;' i a:hover oxo er det? prøv at fjern det
Avatar billede wwc Nybegynder
27. marts 2002 - 17:04 #47
prøv at fjern 'a'et i menutable det kan godt være det :)
Avatar billede convinius Nybegynder
27. marts 2002 - 17:05 #48
jeg ved ikke om man skal ....men jeg har lige prøvet at fjerne den...men det hjælper ikke. :-(  - er der nogen der har nogen forslag.
Avatar billede wwc Nybegynder
27. marts 2002 - 17:06 #49
jeg tror at når du har a'et i menutable opfatter den det somom det er teksten indeni <a></a> der skal have en border, og det kan tekst ikke få.
Avatar billede wwc Nybegynder
27. marts 2002 - 17:06 #50
det virker da (næsten)
Avatar billede convinius Nybegynder
27. marts 2002 - 17:06 #51
hehe nu virker det....men nu virker farven hvid tilgengæld ikke  :-) se linket længere oppe og se siden
Avatar billede convinius Nybegynder
27. marts 2002 - 17:07 #52
Avatar billede wwc Nybegynder
27. marts 2002 - 17:08 #53
prøv at split følgende op:
.menutable a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    background-color: #006699;
    border: 1px solid black;
}

til:

.menutable {
    background-color: #006699;
    border: 1px solid black;
}

.menutable a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
}
Avatar billede convinius Nybegynder
27. marts 2002 - 17:09 #54
nu viker det..


BODY {
    BACKGROUND-COLOR: #427D99;
    MARGIN: 0px;
    TEXT-ALIGN: left;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
   
    A:link {
    text-decoration: none;
    color : White;
}
    A:visited {text-decoration: none}
    A:active {text-decoration: none;}


.menutable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    background-color: #006699;
    border: 1px solid black;
}

.menutable a:hover {
    text-decoration: underline overline;
    border: 1px solid black;
}
Avatar billede wwc Nybegynder
27. marts 2002 - 17:09 #55
voila :)
Avatar billede wwc Nybegynder
27. marts 2002 - 17:09 #56
thats look nice
Avatar billede convinius Nybegynder
27. marts 2002 - 17:11 #57
yes!!!  :-)

lækkert når det fungere til sidst....vil du ikke have nogen point wwc!!

Det var dig der sagde jeg skulle fjerne A'et  - jeg vidste jo ikke hvad det var !! hehe
Avatar billede wwc Nybegynder
27. marts 2002 - 17:12 #58
prøv lige at ændrer:
A:visited {text-decoration: none}
A:active {text-decoration: none;}

til:

A:visited {
  text-decoration: none;
  color: white;
}
A:active {
text-decoration: none;
color: white;
}

så forbliver teksten hvid
Avatar billede wwc Nybegynder
27. marts 2002 - 17:13 #59
det ovenstående går at teksten oxo er hvis når man HAR set den side den linker til
Avatar billede convinius Nybegynder
27. marts 2002 - 17:14 #60
ahh det ændre jeg lige hurtigt. :-)
Avatar billede wwc Nybegynder
27. marts 2002 - 17:14 #61
går = gør
Avatar billede convinius Nybegynder
27. marts 2002 - 17:15 #62
BODY {
    BACKGROUND-COLOR: #427D99;
    MARGIN: 0px;
    TEXT-ALIGN: left;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
   
    A:link {
    text-decoration: none;
    color : White;
}
    A:visited {
    text-decoration: none;
    color : White;
}
    A:active {
    text-decoration: none;
    color : White;
}


.menutable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    background-color: #006699;
    border: 1px solid black;
}

.menutable a:hover {
    text-decoration: underline overline;
    border: 1px solid black;
}
Avatar billede wwc Nybegynder
27. marts 2002 - 17:16 #63
virker det?
prøv lige at tryk på linket og se om det virker :-)
Avatar billede convinius Nybegynder
27. marts 2002 - 17:22 #64
jaja det virker fint.....alt andet vil være underligt. :-) de andre sider fungere ikke. Den skal bygges op i en database.....! Jeg skal kun lave designet....  :-)
Avatar billede convinius Nybegynder
27. marts 2002 - 17:25 #65
men det ser sgu sjovt ud i netscape :-)
Avatar billede convinius Nybegynder
27. marts 2002 - 17:28 #66
okay det fik jeg løst ved at fjerne den her border: 1px solid black; fra a:hover
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester