08. juni 2004 - 11:11Der er
20 kommentarer og 1 løsning
Hover effekt skifter opførsel når <!DOCTYPE > tak indsættes..
Det blev anbefalet at jeg validatet min side, så det gik jeg straks igang med. Så langt så godt. Der er mange fejl, så det vil tage et stykke tid, men når jeg indsætter <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
som mangler pga. jeg arbejder i notesblok og lige havde glemt at smide den ind.
Men nok om det, når jeg indsætter det, så skifter forskellige ting på min side, noget af min kode skifter funktion bl.a. css a:hover funktioner, nogle der kan forklare, hvordan jeg omgår dette?
Har lige fundet ud af, at denne funktion heller ikke virker i netscape, så det er nok mig, der har gjort noget, som vist ikke er helt efter ánbefalingerne..
Det er min mouseover effekt med css.. Den kan ses her http://www.chelski.dk i menuen. Nogen der ved om den kan laves med css inden for anbefalingerne :D
Støv, fibre og metalliske partikler kan påvirke både uptime, levetid og driftssikkerhed. Derfor arbejder flere datacentre systematisk med contamination control.
Jeg er bange for at det er en rigtigt skidt kode, jeg har skrevet mig.. :D
Din kode løste problemet i IE, men den er stadig gal i netscape, det er nok ikke et så stort problem, da under 1% af de besøgende bruger netscape, men ska sku have det til at virke på et tidspunkt.. :D
Skriften på siden ligner i øvrigt noget nogen har trådt på for tiden, da jeg er i gang med en større omskrivning af koden :D
Ja, alle classes er angivet med ' ' og ik " ", vidste faktisk ikke at det kunne give problemer, men det var nemmere at bruge i phpkoden.. ;D
Kan du i øvrigt forklare mig, hvorfor farve koden #fff er bedre end #ffffff lidt noob har men vel altid lov at være..
Tak for hjælpen, hvis du vil have point så smidt et svar :D
og #fff er nu ikke bedre end #ffffff men bare kortere. Når det skrives på den måde vil browseren automatisk fortolke ét f som to f'er, ligesom #cea tolkes som #cceeaa
Det er utroligt. Den ender måske med at siden virker i alle browsers. Nå men man skal jo lærer så længe man lever, så hvad præcist gør display: block; ?
og når jeg lige er i gang, så kan jeg ikke få height: 94%; til at virke, burde den ikke opføre sig lige som fx <table height="94%">. Det kan jeg i hvert fald ikke få den til lige nu.
og der ska da lige lyde et tak for hjælpen, skovenborg :D
display:block laver et element om til et såkaldt block-element (et eksempel på et block-element kunne være div-elementer). width burde faktisk ikke virke på links da de kun er inline-elementer, så derfor laver man dem om så de opfører sig som et block-element istedet. Du kan godt se et block-element som en boks eller en paragraf, mens et inline-element blot er en del af teksten/indholdet.
hehe.. ja, har opdaget at de ikke er skrevet vildt hensigts mæssigt, men det kommer efterhånden :D
Jeg har meget at lære om css endnu.. :D
og så ska jeg lige mens jeg husker det beklage stavefejlen i overskriften yderst pinligt..
Men hvordan kan jeg styre højden på en tabel, når height ikke er det jeg skal bruge? og valign el. vertical-align... det er ret irriterende ikke at kunne styre disse faktorer mere, da jeg brugte dem begge på min side.. Men det har I/du vel også svar på :D
Det hjalp til dels. Nu vil cellerne bare ikke blive 100% inden i tabellen, som ellers retter sig fint efter vinduestørrelsen nu. Det vil sku ik som jeg vil :D
og nu må jeg da snart skylde en hulens masse point ud. Opret nogle svar så ska i få :D
den midterste frame, den med hvid baggrund. Går ikke ned til bunden af tabellen, når jeg ser siden i mozilla el. lign. Jeg mistænker også de to tabeller i siden for ikke at gå helt ned, men da de begge har samme baggrund som hovedtabellen er det ikke lige til at afgøre.. :D
det er vel klart at den ikke går ned til bunden når den kun er 94% høj ;-)
Men jeg kan godt se problemmet - bla. med den copyright statement du har. Det er dog temmelig svært at gennemskue den lange tabel-kod - især når man selv ikke har lavet den ;-)
btw faldt jeg lige over teksten i jeres poll: Kommer Chelsea bedre næste sæson ? Nu er jeg ikke videre sport-entusiast men lur mig om ikke det er en lille stavefejl ;-)
ahh, nu ved jeg hvad der er galt. Problemmet er at når du sætter en absolut højde på et block-element så vil den ikke automatisk udvide sig i mozilla. Nu har du jo lavet din tabel om til et block-element, hvilket vil sige at tabellen aldrig bliver højere end 94% - og dermed ligger din copyright statement sig på et dumt sted.
En løsning er at sige: table.master { width: 749px; height: 94%; display: block; border: 2px solid #FFFFFF; background-color: #000066; table-layout: auto; } HTML > BODY table.master { height:auto; min-height:94%; } hvor du bruge et css trick som IE ikke forstår, nemlig child-selectoren >. På den måde vil height:auto;min-height:94%; ikke blive tolket af IE men derimod af mozilla som godt forstår den (i hvert fald i nyere versioner - de helt gamle kan heller ikke forstå dem, da selectoren først kom i CSS2 standarden.)
Men en bedre (og lettere) løsning ville nu bare være at slette display:block table.master { width: 749px; height: 94%; border: 2px solid #FFFFFF; background-color: #000066; table-layout: auto; }
Jeg bliver ved med at forundres over, hvor svært det egentlig er at skrive en kode, som giver den ønskede effekt i alle browsers, kan selvfølgelig også være fordi koden først nu er begyndt at blive optimeret til andre browers, så jeg har sikkert kun gjort det svære for mig selv, men al ting skal jo læres fra bunden :D
Ja, den formulering/stavning er ikke så god, men det er ikke mig, der har lavet den, bliver hentet fra forumet, hvor andre kan oprette dem :D
Nåh nu kan jeg vist ikke trække mere på de point, men har dog stadig problemer, nu vises siden rigtigt i mozilla, men bliver overdrevet forlænget af IE, og da den største del af mine brugere (af folk på nettet) kører denne browser er dette ikke acceptabelt..
Men jeg har allerede lært en masse, så jeg takker lige en gang til :D
Synes ellers ikke at der var de store problemmer i IE da jeg testede det - men jeg har nok ikke set ordentlig efter. Men hvis det virker med den første løsning: table.master { width: 749px; height: 94%; display: block; border: 2px solid #FFFFFF; background-color: #000066; table-layout: auto; } HTML > BODY table.master { height:auto; min-height:94%; }
så synes jeg du skulle bruge den, så i hvert fald dem der har nye mozilla-browsere ikke får det problem.
Og det ER meget svært at skrive en side der virker i alle browsere - og hvis det virkelig skal være _ALLE_ så er det stort set umuligt. Men efterhånden lærer man hvordan de forskellige browsere opfatter tingene, og så bliver det selvfølgelig lidt letttere ;-) Men de er nu ikke altid nemme at blive kloge på :D
Ja, men bare de største og nyeste, så skal det nok gå :D
Ovenstående kode afhjælper desværre ikke problemet, jeg har ladet fejlen blive på siden, så du evt. kan se fejlen :D
Har overvejet om jeg skulle skrive hele koden om og i stedet for at bruge tabels til layout, så bruge css, først og fremmest på det overordnet design, måske siden på undersiderne også. Er det noget du/I vil mene var en god idé el. er det for meget arbejde med for lille en fortjeneste og vil det overhovedet gøret det nemmere for mig at styre designet og rette problemer som disse?
Ja, endnu en gang jeg er meget taknemlig for al den hjælp jeg har fået :D
tjaa, du vil kunne gøre din kode en hel del mere overskuelig med lidt css-design, men du behøver ikke direkte at droppe endhver tabel du har. Hvis jeg skulle lave det samme design som du havde på din celtic side, så ville jeg umiddelbart opsætte en en tabel med en celle til logo og så nedenunder tre spalter til henholdvis din menu, indhold og din højre spalte med bla. poll.
Hvad der så ligger indeni de celler ville jeg så umiddelbart lave med CSS, i stedet for at bloate siden med en kæmpemæssig kompliceret tabel.
jeg kastede mig ud i projektet i går aftes, men valgte at gøre det omvendt, så jeg har lavet de ydre rammer af designet altså logoet de tre spalter og copyright beskeden i css nu, og det virke også næsten, og så tror jeg ellers bare jeg fortsætter videre, så jeg langsomt for konverteret, det meste af de om til css. :D
Men det går ikke så stærkt, da jeg jo først lige er begyndt at bruge css til mere en bare at angive udseende på fonte, links og lignende ;D
ja, det er lidt svært at designe med CSS hvis man ikke før har arbejdet så meget med det - men bare rolig, det kommer nok :-)
Synes godt om
Ny brugerNybegynder
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.
