/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problem med css menu
Fra : Christian


Dato : 31-08-03 08:27

Hej Gruppe,

er der nogen der kan forklare mig hvad jeg gør galt? prøv at se
på denne hjemmeside:
http://www.geocities.com/sjove_ting/default.htm der er menuen jo
helt galt på den. Er der nogen der kan sige mig hvad jeg gør
galt?



--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jane (31-08-2003)
Kommentar
Fra : Jane


Dato : 31-08-03 09:04

Christian skrev i <news:bis80c$o1n$1@sunsite.dk>:

> er der nogen der kan forklare mig hvad jeg gør galt?

Er der noget særligt du tænker på?

Gæstebogen som forsvinder? Der har været en anden tråd
fornylig om det problem. Løsningen var vist noget med
at rode med background properties og z-layers.

Dine tekst i tables <td><p align="right"> som
jeg personligt hellere ville sige td align="left"
hvis ikke det hellere skulle ordnes med css end en
table? Det ser mest ud som om du ønsker at overskriften
"trailerne" skal blafre ude til højre.

I dit css syntes jeg det er påfaldende hvor mange gange
du har defineret h1. Der er eksempelvis ni gange hvor du
sætter en værdi til background på h1...
Overvej at putte din text-color ind i body.

Det virker som om der er et eller andet på siden som vil
forsøge at forhindre en i at se kildekoden, men det er
lidt fjollet når man godt kan se den alligevel.

Jeg ved ikke hvad alle dine scripts tingester laver.
Men reklamen for webwasher er særligt irriterende.

Jane

Christian (31-08-2003)
Kommentar
Fra : Christian


Dato : 31-08-03 09:41

Jane wrote in dk.edb.internet.webdesign.html:
> Christian skrev i <news:bis80c$o1n$1@sunsite.dk>:
>
> > er der nogen der kan forklare mig hvad jeg gør galt?
>
> Er der noget særligt du tænker på?
>
> Jeg tænker udelukkkende på de der kanpper eller den menu ude
til venstre. Designet af resten er ikke det vigtigste lige nu.
Som du jo kan se på menu "knapperne" er ikke lige lange. Jeg
ville gerne have dem til at være lige lange lange. (13%) men det
er som om de bare bøjer sig for resten irriterende. Kan du nogen
forklaring på det?

-Christian

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jane (31-08-2003)
Kommentar
Fra : Jane


Dato : 31-08-03 10:08

Christian skrev i <news:biscbj$nih$1@sunsite.dk>:

> Jeg tænker udelukkkende på de der kanpper eller den menu ude
> til venstre. Designet af resten er ikke det vigtigste lige nu.

Angående knapper. Du skriver i koden at de skal have en font
color, men du angiver også en farve for de forskellige a'er i
dit css. Derudover angiver du en farve for h1 i dit stylesheet
og putter dem i sådan en også. Det er hel tre ting på en gang
og sådan noget går virkelig ikke for andet end kinderæg.

<h1><a href="index2.html"><font color="white">Forsiden</a></h1>

bør laves om til

<a href="index2.html">Forsiden</a>

Og så nøjes med at definere hvordan et a skal se ud. Hvis du så
har brug for at de andre links i dit dokument (dem som ikke er
i menuen) skal se anderledes ud, skal du lave et css som er
noget i stil med

A.set1:link {
color : #66ff66;
background : #000000;
text-decoration : none;
}

Hvis set1 er dine menu-links skal du bare putte en border på og
lave skriftstørrelse også. Og så kan du jo lave a.set1.visited og
a.set1.hover osv naturligvis!

A.set2:link {
color : #ffffff;
background : #000000;
text-decoration : none;
}

Det vil sige dine menu-knapper vil se sådan her ud:
<a href="index2.html" class="set1">Forsiden</a>
og samtidig kan du lave alle andre links som set2 så de
ser anderledes ud.

At de så også skal have en fast længde, det kan jeg ikke lige
huske hvordan man gør. Skal prøve at finde noget om det hvis
der ikke dukker et svar op fra en css-guru.

Jeg kan aldrig huske hvornår man bruger class og id så det kan
være der komemr en og siger jeg har sagt noget forkert, i så
fald skal du tro på ham/hende.

Jane

Benny Nissen (31-08-2003)
Kommentar
Fra : Benny Nissen


Dato : 31-08-03 10:38


"Jane" <kkgnsdlkng@hotmail.com.nejtak> skrev i en meddelelse
news:Xns93E8713F6FAD5kkgnsdlkng@62.243.74.162...

> Jeg kan aldrig huske hvornår man bruger class og id

ID bruger du, hvis et element KUN bruges én gang på siden, og class, hvis
det bruges mange gange.
I stylesheet'et defineres ID med # og class med . (punktum)

--
Benny



Knud Gert Ellentoft (31-08-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 31-08-03 13:03

Christian <SphinX@mail-online.dk> skrev :

>er der nogen der kan forklare mig hvad jeg gør galt? prøv at se
>på denne hjemmeside:
>http://www.geocities.com/sjove_ting/default.htm der er menuen jo
>helt galt på den. Er der nogen der kan sige mig hvad jeg gør
>galt?

Sæt width på dine links og lav om dem om til blokelementer.

a:link {
   color: silver;
   text-decoration:none;
   display: block;
   width: 100px
}

og så sætte <br> efter hvert link.
--
Knud

Christian (31-08-2003)
Kommentar
Fra : Christian


Dato : 31-08-03 17:35

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
> Christian <SphinX@mail-online.dk> skrev :
>
> >er der nogen der kan forklare mig hvad jeg gør galt? prøv at se
> >på denne hjemmeside:
> >http://www.geocities.com/sjove_ting/default.htm der er menuen jo
> >helt galt på den. Er der nogen der kan sige mig hvad jeg gør
> >galt?
>
> Sæt width på dine links og lav om dem om til blokelementer.
>
> a:link {
>    color: silver;
>    text-decoration:none;
>    display: block;
>    width: 100px
> }
>
> og så sætte <br> efter hvert link.
> --
Det løste ikke rigtig problemet, prøv at se nu, de er stadig ikke
lige lange.

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ryan Kristensen (31-08-2003)
Kommentar
Fra : Ryan Kristensen


Dato : 31-08-03 17:49

> Det løste ikke rigtig problemet, prøv at se nu, de er stadig ikke
> lige lange.

Det ser ikke ud til at du har fået det uploadet
prøv at tilføje følgende til dit css.

a.menu:link {
color: white;
text-decoration:none;
display:block;
width:17%;
}
a.menu:visited {
color: white;
text-decoration:none;
display:block;
width:17%;
}
a.menu:active {
color: white;
text-decoration:none;
display:block;
width:17%;
}
a.menu:hover {
color: white;
text-decoration:none;
display:block;
width:17%;
}

Hvis du ikke ønsker nogen forskel ved hover, active & visited, så kan du bare skrive:
a.menu {
color: white;
text-decoration:none;
display:block;
width:17%;
}

Og så skal du ændre dine links i menuen fra:
<h1><a href="index2.html"><font color="white">Forsiden</font></a></h1>
til:
<a class="menu" href="index2.html"> - dvs. du kan fjerne h1 og i stedet indsætte en class på dine links.

hx bruges i forbindelse med overskrifter, og derfor er der ikke nogen grund til at bruge dem til en menu. Hvis du vil pakke dine
links ind, så brug en liste til det .eks.
<ul>
<li><a href="side1.html">Side1</a></li>
<li><a href="side2.html">Side2</a></li>
osv.
</ul>

Og prøv at fjerne nogle af alle de gentagelser af h1 du har i dit css.

--
Ryan



Jane (31-08-2003)
Kommentar
Fra : Jane


Dato : 31-08-03 19:55

Christian skrev i <news:bit83c$ahf$1@sunsite.dk>:

> Det løste ikke rigtig problemet, prøv at se nu, de er stadig ikke
> lige lange.

Lav alle dine menuer om fra
<h1><a href="index2.html"><font color="white">Forsiden</a></h1><br>
til
<a href="index2.html">Forsiden</a><br>
og put width på din a i dit css (det rager a'erne en pind at du
har sat width på dine h1'er i dit css).

Jane

Erik Ginnerskov (31-08-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 31-08-03 22:05


"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev
>
> Sæt width på dine links og lav om dem om til blokelementer.
>
> a:link {
> color: silver;
> text-decoration:none;
> display: block;
> width: 100px
> }
>
> og så sætte <br> efter hvert link.

Når der er defineret display:block, skal der ikke efterfølgende sættes <br>,
da display:block i sig selv giver et linjeskift.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



Knud Gert Ellentoft (31-08-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 31-08-03 22:35

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev :

>Når der er defineret display:block, skal der ikke efterfølgende sættes <br>,
>da display:block i sig selv giver et linjeskift.

Selvfølgelig.
--
Knud

Jens Gyldenkærne Cla~ (31-08-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-08-03 22:59

Knud Gert Ellentoft skrev:

>>Når der er defineret display:block, skal der ikke
>>efterfølgende sættes <br>, da display:block i sig selv giver
>>et linjeskift.

> Selvfølgelig.

Men vil brug af <br> ikke betyde at siden vil se nogenlunde ud også
uden css - fx i en tekstbrowser?
--
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

Knud Gert Ellentoft (01-09-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 01-09-03 00:02

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev :

>Men vil brug af <br> ikke betyde at siden vil se nogenlunde ud også
>uden css - fx i en tekstbrowser?

Så vil der jo komme hvad der svarer til dobbelt linieskift i
»normale« browsere.

Så skal man jo rode med margin også for at undgå det.

Om man bør tage hensyn til en textbrowser synes jeg ikke er
nødvendigt og især ikke på en side, som det drejede sig om her.
--
Knud

Jens Gyldenkærne Cla~ (01-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-09-03 09:44

Knud Gert Ellentoft skrev:

> Så vil der jo komme hvad der svarer til dobbelt linieskift i
> »normale« browsere.

Det kan klares med display: none; for br i menuen.

> Så skal man jo rode med margin også for at undgå det.

Det hjælper ikke. Line-height fjerner linjeskiftet i IE, men jeg
kunne ikke få det væk i Mozilla på den måde - ligesom det ikke
hjalp at rode med margen, fyld og fontstørrelse. Men display none
er oplagt - så er der korrekt linjeskift uanset om browseren tolker
css eller ej.

> Om man bør tage hensyn til en textbrowser synes jeg ikke er
> nødvendigt og især ikke på en side, som det drejede sig om
> her.

Det kan der måske være noget om. På den anden side ved jeg ikke om
der er folk der har slået css helt fra.
--
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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste