Avatar billede kane Juniormester
29. januar 2003 - 13:13 Der er 18 kommentarer og
2 løsninger

css ?

Jeg har lavet denne side for en kunde
www.D-Hosting.dk


i IE5-6 er den fin nok (syntes jeg da selv LOL)

men jeg ved ikke med NS, og MOZ og op ser den nu ikke så godt ud, moz og op kan ikke klare mine box'e som jeg har i menuen, lidt lige som et billede/mouse over. det var nu for at slippe at lave de billeder.

så har jeg kigget på validate W 3 eller sådan noget, der for jeg MANGE små fejl. Jeg bruger dreamweaver 4, er DW xp bedre til at håndtere css?

og gode ide'er til hvordan mine box'e kommer til at fungere i MOZ og OP ville være super.

og sidst hvis nolger gider at forklare mig nogle af de små fejl. Jeg finder lige en her om 2 min
Avatar billede kane Juniormester
29. januar 2003 - 13:18 #1
btw for at teste har jeg lavet en side til det.

www.D-Hosting.dk/w3.htm
Avatar billede hermandsen Juniormester
29. januar 2003 - 13:25 #2
Jeg kan ikke se den store forskel... Bruger Phoenix 0.5 (som arver fra Mozilla)...
Avatar billede kane Juniormester
29. januar 2003 - 13:27 #3
Line 8, column 29: required attribute "type" not specified (explain...).
<script language="JavaScript">
                  ^

og linie 8 ser sådan ud
<script language="JavaScript">
Avatar billede nikolajdu Nybegynder
29. januar 2003 - 13:33 #4
Du skall ifølge de nye regler ikke bruge language="" men i stedet :

<script type="text/javaScript">
Avatar billede nikolajdu Nybegynder
29. januar 2003 - 13:36 #5
Avatar billede hermandsen Juniormester
29. januar 2003 - 13:44 #6
Phoenix 0.5: http://hermandsen.homepage.dk/d-hosting.png

Kan ikke se den store forskel. Synes dog stadig du skal få rettet dine CSS-fejl! ;)
Avatar billede kane Juniormester
29. januar 2003 - 14:01 #7
ok så det er altså de box'e der driller mest

nogen ide'er til hvordan de kommer til at virke?
Avatar billede hermandsen Juniormester
29. januar 2003 - 14:12 #8
Jeg er stadig ikke helt klar over hvilke bokse du snakker om. Kan du ikke præcisere det lidt?
Avatar billede kane Juniormester
29. januar 2003 - 15:01 #9
har du IE

så kig på dennne her
www.d-hosting.dk
Avatar billede hermandsen Juniormester
29. januar 2003 - 15:06 #10
Jaaaaah.... :)
Avatar billede hermandsen Juniormester
29. januar 2003 - 15:07 #11
Arh, menu'en i toppen! :)
Du behøver ikke holde tingene skjult! Bare sig hvor problemet er! ;)
Avatar billede hermandsen Juniormester
29. januar 2003 - 15:21 #12
Kig i din CSS-fil.
Fra linje 37 og ned efter har du en masse klasser som både er ens, og har en border. Start med at fjerne dine borders der fra...
Avatar billede hermandsen Juniormester
29. januar 2003 - 15:30 #13
Så skal menu-klasse rettes til:
.menu {  border-color: black #000000; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none; font-weight: bold; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px}

(jeg hader WYSIWYG-programmer)

Og så skal alle td'er i din menu ha class="menu".

Et godt råd i fremtiden. Lav dine egne CSS-dokumenter. HTML'en kan Dreamweaver sikkert fint klare, men ind til videre har den lavet alt for meget CSS, som faktisk ikke bliver brugt til en disse. Bare til din menu har du tre CSS-klasser som er fuldstændig ens! Bare et godt råd, ikke kritik! Synes dit site er ganske pænt! :)

//hermandsen
Avatar billede kane Juniormester
29. januar 2003 - 15:38 #14
de er ikke ens

svært at se her under, men på 2 af dem er background-color: #FFFFFF; og den sidste er background-color: #f4f4f4; og det er i en box som er 80 lang og 19 højså er det lavet som en hover, så jeg får den grå farve over den, når musen føres over.


.menu2:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; background-color: #FFFFFF; height: 19px; width: 80px; border-color: #000000 #000000 #000000 black; padding-top: 1px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.menu2:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; background-color: #FFFFFF; height: 19px; width: 80px; border-color: #000000 #000000 #000000 black; padding-top: 1px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.menu2:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; background-color: #f4f4f4; height: 19px; width: 80px; border-color: #000000 #000000 #000000 black; padding-top: 1px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
Avatar billede hermandsen Juniormester
29. januar 2003 - 16:06 #15
Nu mente jeg godt nok menu2, support og info, men okay da...

Der er dog stadig meget af det hele der er ens, hvilket sagtens kunne spare en hel del kode, men skidt nu med det... :)
Avatar billede kane Juniormester
29. januar 2003 - 16:30 #16
jamen jeg bliver da nød til at have 3 menu2 en med link en med hover og en med visited, elles kan den jo ikke lave den efekkt, så den bliver grå ved mouse over
Avatar billede hermandsen Juniormester
29. januar 2003 - 19:44 #17
Jaaah, men din .menu2:visited og .menu2:link er jo helt ens...

Så kan de bare skrives som:
.menu2:visited, .menu2:link { font-family: Verdana, Ari....... }

Godt nok var det ikke det spørgsmålet handlede om, men det er da aldrig dårligt at lære lidt CSS! ;)

//hermandsen
Avatar billede kane Juniormester
29. januar 2003 - 23:01 #18
ok...vidste ikke man kune skrive dem efter hinanden.

findes der et css program?
Avatar billede hermandsen Juniormester
29. januar 2003 - 23:32 #19
Yep! Der findes faktisk et ret godt program. Tror ikke der er ret mange der kender det. Det hedder notepad, jeg ved ikke om du har hørt om det. Programmer er lavet af et lille ammerikansk firma, Microsoft det er ikke sikkert du har hørt om dem, de har sådan en en direktør med fedtede briller.

Nå, spøg til side...

Gå ind på www.html.dk og læs nogle af deres tutorials (mange af dem er ret gode). En anden mulighed er at finde en texteditor med syntax-highlighting. Det gør tingene lidt lettere at overskue. Jeg er selv glad for TextPad (www.textpad.com).

Mener også at folkene bag HomeSite (kan ikke lige huske hvad de hedder), har lavet et program til udvikling af CSS. Noget i retning af TopStyle, oder something.

//hermandsen <- Sådan laver man enkelt-liniers kommentare i Delphi
Avatar billede kane Juniormester
23. februar 2003 - 12:14 #20
jeg fik løst mit problem, jeg lavede links om til billeder, men du skal have lidt point som tak for hjælpen.
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