/ Forside/ Teknologi / Internet / Hjemme sider / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Hjemme sider
#NavnPoint
molokyle 23766
Klaudi 7947
bentjuul 7763
BjarneD 4584
severino 4460
Manse9933 4366
natmaden 3985
disken 3947
miritdk 3593
10  refi 3578
Kommentarer og feedback
Fra : molokyle
Vist : 1659 gange
406 point
Dato : 12-04-07 22:56


Langt om længe fik jeg taget mig sammen til at købe et domæne og leje mig ind på et webhotel.
Dét har jeg såmen også kun 'truet' med i snart 2 år

Formålet med min hjemmeside er (på dansk), at beskrive og komme med eksempler på nogle af de små 'finurligheder' i hjemmesidekonstruktion som kan løses CSS.

F.eks.

1.) CSS i stedet for tabeller ..og anden lign. HTML til layout. (Box modellen.)
2.) Emulering af frames med CSS. (...siger sig selv!)
3.) Dynamik med CSS (fotogallerier med thumbnails, dynamisk billed-scalering, popup's mm.)
4.) Design filosofi (Webstandarder, WAI, kodegenbrug og -indlejring.)

..og al dette uden de evindelige LOGO'er, bannerreklamer, User Pols (bruger afstemninger), Gæstebøger, baggrundsmusik, Google Ad's, grafisk staffage og anden uvedkommende tingel-tangel, som man normalt finder hos andre 'seriøse' webudviklings Guru'er. Jeg skal ikke tjene penge eller noget. Det er af ren og skær interesse og for at hygge mig med min 'hobby'.

Jeg er nu så småt begyndt at implementere nogle af de ting jeg har haft i tankerne længe mht. til dynamisk/elastisk layout i XHTML 1.0 strict DTD og CSS1,2,3 uden brug af Javascript manipulation af DOM og event handleren.

Sidens kode skal validere korrekt i forhold til anbefalingerne fra http://www.w3.org/

Siden skal have samme udseende og funktionalitet i alle browserne:

a.) Internet Explorer 7.0.5730.11
b.) Netscape 8.01 (..både IE og Firefox rendering)
c.) Opera 9.20
d.) Mozilla Firefox 2.0.0.2

Derudover skal den 'flydende' og funktionelt kunne dække alle opløsninger fra 640 X 480 pixels og opefter med enhver skriftstørrelse.

Med tiden vil jeg dog benytte en smule PHP og lave et RSS-feed til min side dermed, så de der lyster kan få besked, når der er sket nyt på siden.

Undervejs har jeg dog brug for lidt mod- og medspil fra jer, så jeg ikke stirrer mig blind på egen 'genialitet'

Derfor beder jeg jer ind imellem at kaste et blik og bruge en smule tid på, at 'knække' mine designløsninger med den browseropsætning I benytter til hverdag, således at jeg får en mulighed for at undgå de værste 'brølere'. Dem vil der nemlig givetvis og helt uundgåeligt optræde nogle stykker af undervejs

Har du kommenterer til min side? ...modtages de med kyshånd

Dette er ikke et noget egentligt spørgsmål, men en chance for at give sit B7 med og følge en websmeds lidelseshistorie 'live'

Hjemmesiden: http://www.cssboxing.com/

Stylesheet'et: http://www.cssboxing.com/css/layout.css ( COPYRIGHT tilhører undertegnede !!!)

Kendte 'problemer' med designet ..so far:

1.) Favicon.ico er hæsligt : http://www.cssboxing.com/icon/favicon.ico

2.) Validering og Copyright oplysninger ("#validate ID") følger underside af "#page" ID og 'ryger' dermed ind under #menu ID, når indhold og dermed højde i "#page" er mindre en højde af "#menu".

3.) Opera laver fuld understregning af links ..uagtet pseudoklasse regler.

4.) ActiveX object 'advarsel' ved brug af IE (...en helt ufarlig pagetransition i en metamarkør, som man roligt kan takke ja til een gang for alle ...gælder og vises KUN i IE. Takker man nej? Så virker alt efter hensigten alligevel, men man vil have den 'gule' advarsel hængende øverst på siden.)

Lad høre... er der noget du savner? ..skal være anderledes? ...eller noget som ikke virker hos dig?
...der vil ik' blive lukket for kommentarer foreløbig!

</MOLOKYLE>

 
 
Kommentar
Fra : Camillasmoster


Dato : 12-04-07 23:01

Alså molo - det billede kan ikke gøre det, selvom det er godt!



Moster


Kommentar
Fra : Otnob


Dato : 12-04-07 23:17

http://peecee.dk/?id=39473

Hej Molokyle !

Det bliver interessant at følge din udvikling af hjemmesiden.

Som du ser af linket, står der hvad jeg formoder er noget uvedkommende bag "eksempler" som jeg trykkede på efter at have set på dit genbrugs portræt, som måske er flere år gammelt.



Kommentar
Fra : molokyle


Dato : 12-04-07 23:31

CSSmoster -> Billedet er kun indsat for at teste skift fra centrede in-line elemeneter med margin:auto; egenskaben til in-line <span> ..</span> sektioner med text-align: left/center/right reglen ..og så havde jeg det lige ved hånden i den 'rigtige' størrelse. Jeg skal senere eksperimentere med i forbindelse med dette lille trick: http://www.webdesign101.dk/showcase/bill/index.html

Otnob -> Dit skærmdump illustrere det 'kendte' problem fra punkt 2. i spørgsmålsteksten

...men:
Citat
Når indhold (id="page") er mindere menu boxen (id="menu") er der dog stadig et mindre problem for ALLE browsere med at positionere id="copyright" efter det højeste element på siden, men det bliver ikke noget problem fremover, da siden ("page") i 'virkeligheden' aldrig vil blive mindre i højden end menuen, når jeg får fyldt noget på Agenda og andre undersider.


</MOLOKYLE>

Kommentar
Fra : Camillasmoster


Dato : 13-04-07 01:01

Citat
Otnob -> Dit skærmdump illustrere det 'kendte' problem


illustrere er alså med r i enden.........

Dér var noget, jeg ved noget om, jubiiiiiiiih

Og jeg kan komme med flere, hvis det skal være.................skal det være?



Kommentar
Fra : molokyle


Dato : 13-04-07 02:16

Stavefejl er lette at finde og påpege SkoleMoster
..men hvad med disfunktionaliteter, stylesheet breaks og browser quirks?

Det handler jo ikke om, hvad jeg skriver hér på kandu.dk, men hvad 'foregår' på min hjemmeside

...rolig nu; problemerne skal nok for alvor opstå, når jeg lægger det faktiske indhold ind på siderne.

</MOLOKYLE>



Accepteret svar
Fra : iah

Modtaget 406 point
Dato : 13-04-07 06:50

Ser da frem til at kunne blive klogere når der kommer noget "kød" på siden...


iah

Kommentar
Fra : molokyle


Dato : 13-04-07 07:44

Tak iah

Stavefejl: http://www.cssboxing.com/icon/favicon.ico ..skal være:

http://www.cssboxing.com/ico/favicon.ico

..eller: http://www.cssboxing.com/favicon.ico ..som er både det korrekte sted at lægge filen, samt den mest farbare vej, at angive stien til favicon i kildekoden:
Kode
<link rel="icon" type="image/ico" href="http://www.cssboxing.com/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="http://www.cssboxing.com/favicon.ico" />


..naturligvis

..og Stavemoster ...det hedder ikke alså ...men altså

..med t i midten ..før du får i enden

</MOLOKYLE>

Kommentar
Fra : aasenissum


Dato : 13-04-07 08:14

glæder mig til at lære og forstå.
tænk sig at have forbindelse til et rigtigt menneske, som man kan spørge til råds.
har du mon tænkt den risiko igennem, kære molo??
at jegikkeforstågamnelfolk vil spørge i en uendelighed og stadig håbe på din kærlige nuskaldubarehøre.

ja, det var en lille en til ganen, men som sagt, jeg glæder mig til at se, hvad der sker i den nye verden.

Kommentar
Fra : akle


Dato : 13-04-07 10:14

Jeg har tidligere fulgt forsigtigt med i dine planer, og denne gang øges min interesse betragtelig. Det bliver spændende at se det videre forløb, så dit initiativ er absolut værd at følge med i.
MVH den uvidende Akle

Kommentar
Fra : Camillasmoster


Dato : 13-04-07 11:08

Altså, 'alså' her i denne sammenhæng, er skrevet med mit indbyggede kreative gen, hvilket giver mig en vis kunstnerisk frihed.



Moremoster

Kommentar
Fra : aasenissum


Dato : 13-04-07 13:51

molo, da du henvender dig til husmødre og børn, vil jeg foreslå et link til en ordbog, så vi osse af og til kan lege med.
alle de besynderlige forkortelser åsårn. ikke at oversættelserne gør os klogere, men forhåbentlig brugen af samme.

...aase (hende den fatsvage)

Kommentar
Fra : molokyle


Dato : 13-04-07 17:21

aasenissum -> Jeg er ikke sikker på, at vi alle har været husmødre
...selvom det nogen gange føles sådan,
..men jeg er 100% overbevist om, at vi alle har været børn ...en gang

akle -> Kære medkandu fra det høje nord: ...at du følger med? ...er bare kjæmpefint

Man behøver altså ikke vide noget som helst om kode og programmering for, at 'opdage' ting som ik' virker som man forventer, er tåbelige at bruge ...eller bare ser grimme ud.

Såd'n no'en betragtninger efterlyser jeg også ...selvom I alligevel ik' får et ben til jorden

</MOLOKYLE>







Kommentar
Fra : justuniverse


Dato : 13-04-07 18:00

Hej Molo

Held og lykke med projektet.

Et umiddelbart kig som bruger giver mig følgende (jeg har overhovedet ikke studeret koden endnu)

I Mozilla Firefox 2.0.0.3 ser jeg 5 knapper i en box i venstre side. Den bliver på sin position. Men det forvirrede lidt at følge et link til en tom side, for så kommer den nederste linje (med W3C-billederne) til at ligge bag ved knapperne.

I IE Explorer 6.0.2900.2180 bla bla bla... kommer der IKKE en box med knapper.

Alt for nu.

Kommentar
Fra : iah


Dato : 13-04-07 18:13

Det ser jo (næsten) vældy ud alt sammen (du skulle få det foto beskåret) så nu venter jeg jo spændt på om der snart kommer noget mere ind på siden....

God weekend

iah

Kommentar
Fra : molokyle


Dato : 14-04-07 08:47

justuniverse -> Problemet har jeg jo gjort rede for i såvel spørgsmålstekstens punkt 2 under 'Kendte' problemer,samt i min kommentar til Otnob her: http://www.kandu.dk/spg103080.aspx#1150266

For at undgå at få flere kommentarer til omtalte 'fejl' (jeg alligevel ikke kan gøre noget ved), så har jeg valgt en uelegant løsning: Jeg har sat en min-height:265px; på indholdet i id'et 'page'. Når jeg har fået fyldt indhold i alle undersiderne, så vil denne egenskab blive fjernet igen. Absolutte værdier for CSS boxe vil jeg nemlig så vidt mulig undgå af hensyn til sidens skalérbarhed. Nu 'eksisterer' problemet imidlertid ikke længere
....synligt det er

Til alle dem der sidder og venter i spænding på det kommende indhold må jeg sige: Væbn jer med en smule tålmodighed. Jeg er ikke typen der klipper og klistre et site sammen over en week-end i Frontpage
Det overlader jeg trygt til teen-agere, familiefædre og bedstremødre

</MOLOKYLE>





Kommentar
Fra : molokyle


Dato : 14-04-07 09:23

justuniverse -> Ps. Jeg vil IKKE understøtte browsere med lavere versionsnumre end de jeg har angivet i spørgsmålsteksten. Altså viser jeg Internet Explorer 6 vindervejen. Jeg skal nok gøre rede for mit valg på siden med en browserespecifik kommentar ( http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp ) således, at hvis man prøver at gå ind på siden med denne browser eller andre IE browsere med lavere versionsnummer end 7.0.5730.11 bliver man gjort opmærksom derpå ...alle andre vil ikke kunne se denne kommentar.

..men jeg kan da afslører at det skyldes at IE6 på så mange områder ikke tolker CSS korrekt at det vil give alt for meget 'arbejde' at hacke koden specifikt for denne browser. Det eneste hack jeg benytter til IE browserne ...hvilket altså er rettet mod IE7, er det alternative stylesheet med de CSS regler som kun IE forstår eller som specifikt er for lavet til IE af Microsoft og derfor IKKE er standard CSS.

Koden til hacket er denne betingede kommentar:
Kode
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<meta http-equiv="page-exit" content="blendtrans(duration=3)" />
<![endif]-->

..og IE stylesheetet ..so far: http://www.cssboxing.com/css/ie.css

Løsningen hedder altså en downlevel revealed betinget kommentar som viser informationen til IE med lavere nummer end 7, men ikke til nogen andre:
Kode
<![if IE lt 7]>
<?php include("info.php"); ?>
<![endif]>


..i kommentaren insættes en PHP include kode, som henter en HTML side specifikt for ældre browsere og skjule resten af koden for disse.

..men som sagt jeg tager det stille og roligt hen ad vejen. Jeg forventer ikke at min side er fuldt 'flyvefærdig' før om ca. 2 måneder.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 14-04-07 09:30

Citat
Altså viser jeg Internet Explorer 6 vindervejen.


NEJ... det ved den søde grød jeg ikke gør
Jeg viser den ..og alle andre ældre browsere vintervejen

Jeg skrev vist også jeg ikke ville benytte absolutte størrelser for CSS boxe, men det skal tages med forbehold. Selvfølgelig benytter jeg disse værdier hvor det direkte er en del af selve layoutet, men vil ikke benytte det til at rette hovsa fejl, som den omtalte om validerings grafikken bag menuen, når det intet indhold findes på siderne.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 14-04-07 09:55

iah -> ..og så vil jeg gerne liiiiige have den funktionelle del af hjemmeside designet nogenlunde på plads, før jeg kaster mig ud i længere artikler og eksempler. Eller kunnes jeg lige så godt blot have lavet en side med een lang tekst ..uden navigation og specifikke brugerhensyn.

Det er derfor denne 'diskussion' skal opfattes som en brugerorienteret hjemmesideudvikling baseret på bruger feedback.

</MOLOKYLE>

Kommentar
Fra : justuniverse


Dato : 14-04-07 15:19

Hej molo.
Det er ok med "vintervejen".... jeg tænkte bare på, at det ikke bare er en browser, du viser "vintervejen", men en kæmpestor procentdel af potentielle "kiggere". Hvor fedt er det?

Kommentar
Fra : molokyle


Dato : 14-04-07 17:26

justuniverse -> Det er : 'Fedt nok' til dem ...som vil kode i overensstemmmelsen med CSS standarden og ikke de; som finder at Microsoft ska' bestemme hvorledes; "dén ska' skæres"

Microsofts browsere har absolut majorteten af browser markedet og man må derfor ta' hensyn til deres nyeste og mest udbredte produkter, men ingen skal få mig til at 'svede' over og 'redde kartoflerne ud af ilden' pga. deres historiske 'fejltrin', når det kommer til at implementere en given standard. (..som sagt: Måske liiige IE7 undtaget )

Det ku' være kønt om hele (Internet-)verdenen skulle tage højde for, at ALT sku' virke med alle Microbløds selvetablerede 'standard' produkter.

Hvorfor tror du der er noget som hedder OpenSource?

Det var et sidespring og jeg synes ikke, at jeg behøver uddybe yderligere, hvorfor jeg ikke understøtter browser versioner under IE7 fra Microsoft.

Min hjemmeside skal trods alt handle om fiduser, som følger CSS standarden og ikke specifikke alternative browser 'work-arounds' og crossbrowser scripting. Dertil findes mere kompetent 'hjælp':

1.) http://www.positioniseverything.net/
2.) http://css-discuss.incutio.com/

Begge link; som vil være at finde på min kommende link side

</MOLOKYLE>

Kommentar
Fra : justuniverse


Dato : 14-04-07 18:52

Held og lykke.

Kommentar
Fra : molokyle


Dato : 14-04-07 21:31

Danke Well

</MOLO>

Kommentar
Fra : molokyle


Dato : 19-04-07 02:28

..så kom en styleshifter på banen ...uden PHP, Javascript, cookies og anden 'faldballade'

</47>

Kommentar
Fra : Manse9933


Dato : 19-04-07 05:33

Tillykke med de 47 molo,din drengerøv

Kommentar
Fra : molokyle


Dato : 19-04-07 09:08

(Me-)taxa Manse9933

Syvogfyrre ..og ALT ka' la' sig gøre

..næsten

</MOLOKYLE>

Kommentar
Fra : ME.alexander


Dato : 19-04-07 21:33

Woaw, er sq fascineret af det du kan gøre på sådan en hjemmeside !

Men husk mate, hvis du har brug for noget grafisk eller sådan så har jeg jo vist dig hvad jeg vil kalde en lille forsmag for hvad jeg kan gøre med Photoshop og vil GLADELIGT hjælpe da det forhåbentligvis vil give lidt udfordringerogså !

Kommentar
Fra : Camillasmoster


Dato : 19-04-07 23:42

Johhh, wow...... meen, hvor ér alt dét henne?

Kommentar
Fra : Otnob


Dato : 20-04-07 00:37

Hej MOLOKYLE!

Mere tillykke og da jeg synes at dit kontrafej ser lidt for tyndt ud, i hvert fald på min skærm har jeg strammet det lidt op så det kommer til mere at ligne din alder.

Det kunne være fristende at lave lidt skæg med det, men det kan komme en anden gang.

http://peecee.dk/?id=40650




Kommentar
Fra : molokyle


Dato : 20-04-07 00:49
Kommentar
Fra : Otnob


Dato : 20-04-07 09:06

Ja den er bare go'

Kommentar
Fra : molokyle


Dato : 21-04-07 08:40

Smalltalk tråden som har kørt parallelt med denne er nu lukket. For forståelighedens skyld har jeg kopieret et par kommentarer med herover:
Citat
Kommentar Fra : ziggy99 Dato : 12-04-07 23:06
--------------------------------------------------------------------------------
psykopat

Kommentar Fra : molokyle Dato : 12-04-07 23:35
--------------------------------------------------------------------------------
Min mentale habitus skal du ikke være bekymret for ziggy99, men din første kommentar hér i tråden kan vække bekymring for din

</MOLOKYLE>

Kommentar Fra : molokyle Dato : 13-04-07 01:46
--------------------------------------------------------------------------------
arne.jakobsen -> Nu bekymre alle andre brugeres opfattelse af min person; mig mindre end ingenting!

..hvad der derimod 'bekymre' mig er:

Kan du.. (dk) eller andre 'trygt' bruge ; en hvilkensomhelst skærmopløsning, vindues størrelse og/eller et; hvilkensomhelst valg af skrifttype eller -størrelse ...og STADIG sé min side ( http://www.cssboxing.com/ ) fornuftigt? ....UDEN for mange scroll-bar'er eller anden 'fuseltast'?

Dét bekymrer mig ...efter som, at jeg naturligvis ikke kan tage højde for alle eventualiteter mht. disse bruger-specifikke forhold?

</MOLOKYLE>

Kommentar Fra : molokyle Dato : 14-04-07 09:44
--------------------------------------------------------------------------------
Emnet er brugerorienteret udvikling og implementation af en 'Hjemmeside' ..hvor ville du forvente at finde en diskussion af dette ziggy99 ??? ...under smalltalk ???
Prøv med: http://www.kandu.dk/groupview.aspx?grpid=30306 ..og bemærk stien:

/ Forside/ Teknologi / Internet / Hjemme sider

Jeg tror du har misforstået orderne: Bruger til bruger hjælp og vidensdeling.

Kandu.dk er IKKE et opslagsværk med kommentarer fra eksperter og orakler, men et forum hvor vi kan hjælpe hinanden i stort og småt. Undskyld mig, men jeg fatter ikke hvad du mener.

</MOLOKYLE>

metteto -> Jeg overvejer stærk at lade den besøgende kunne vælge baggrunds-/tekst farver vha. en style shifter, men i så fald skal rutinen kunne implementeres i PHP (..jeg har 'kun' en Javascript løsning alá denne på lager: http://www.alistapart.com/d/bodyswitchers/iotbs.html ) og dermed afvikles på serveren inden XHTML koden sendes til klienten, da jeg har opsat en agenda om at javascript og event er FORBUDT på mine sider, med mindre der er særlig vægtige grunde dertil. Dette af hensyn til WAI initiativet som beskrevet tidligere.

</MOLOKYLE>

Kommentar Fra : metteto Dato : 15-04-07 19:38
--------------------------------------------------------------------------------
Jeg er ikke nørd nok
Det skal jeg lige fortælle mine tidligere kolleger, så brækker de sig af grin.
Men umiddelbart har jeg det sådan, at udgiveren af et site vel har et budskab, og en overbevisning, det må også give en typografi, DU kan gå ind for. At jeg er vild med stille baggrundsfarver og mørke kontraster, som skriftfarve kan du måske bruge til noget fornftigt. Valgmuligheder er OK, men kan også forhindre en bruger i at gå videre, hvis ikke man ved hvad man skal der.
Belv det en forvirret gang sludder, så bær over.
KH Mette

Kommentar Fra : molokyle Dato : 16-04-07 09:18
--------------------------------------------------------------------------------
metteto -> Jeg er gået lidt i tænke tank. Min 'plan' var er at artiklerne og eksemplerne som vil findes på siden skal indrammes i en indre box, ligeledes med rundehjørner lavet uden grafik, i indholdsfeltet til venststre på siderne. Der vil indholdet fremstå som sort tekst på hvis baggrund. Det det med "stille baggrundsfarver og mørke kontraster som skriftfarve" tror jeg ikke svagseende og farveblinde vil finde er nogen særlig god løsning og de blinde med skærmlæsere vil være aldeles ligeglade
Iøvrigt findes der kun 216 webfaste farver som garanteret vises ens i browserne: Netscape, Opera, Firefox og Internet Explorer : http://www.html.dk/dokumentation/farver/

Jeg kan godt lave en løsning for styleshifteren uden javascript og PHP er jeg kommet frem til. Det kræver blot en smule mere arbejde og administration. Man kan nemlig foruden de to stylesheetes (black_layout.css og white_layout.css) blot lave to sæt af html dokumenterne. Eksempelvis: artikler_sort.html og artikler_hvid.html hvis eneste forskel er, at de hver især inkluderer hver sit stylesheet og har hver sin angivelse af, hvilken af de to 'tilstande' som er aktiv på givne side.

..men vejret er for godt. Jeg har andet at se til lige nu og jeg vil også have sol på mouse'n


Manse9933 -> Jeg ku' som sagt have implementeret det smartere. I PHP burde man kunne sætte et flag for tilstanden som gemmes i en MySql database. Ved brugerens valg af stylesheetet kunne initieres en refresh af siden som vha. test op mod dette flag, kunne lave en include af det rette stylesheet. Dermed kunne man udvide mængden af valgmuligheder uden at mængden af XHTML dokumenter ville vokse tilsvarende, men jeg har aldrig været nogen ørn til PHP, så indtil videre må jeg vist leve med blot 2 tiltande for at holde udvikling, administration og vedligeholdelse nede på et acceptabelt niveau.

</MOLOKYLE>


Jeg har nu testet siderne med en skærmlæser og navigationen kan foregå uden brug af mus. Derfor er WAI level 1 nu en del af konceptet på mine sider. Der har i WAI kredse været stor diskussion mellem webudviklere om placering af navigation og indhold på hjemmesider. Det har tidligere været god tone at placere navigation sidst i kildekoden og indhold først.

Dette har jeg IKKE tænkt mig at følge grundet argumenterne som kan læses i en artikel fra 'A list apart' (..jeg ikke liiige kan finde igen), som beskrev hvorledes en blind bruger irriteredes over, at han skulle høre store mængder af brødtekst læst op hver gang han ville foretage en navigation på siderne i et forsøg på, at nå frem til dét som rent faktisk havde hans interesse.

Tænk også på hvordan 'vi andre' ville have det, hvis alle menuer og link for at komme videre på siderne altid lå i bunden af siderne.

Altså Overskrift og navigation FØRST i sidens kildekode ..derefter indhold

Dernæst er jeg nu kommet en smule videre og eksperimenterer med de sider, som skal vise eksempler og gengive kildekode til print/download:

XHTML:

1.) http://www.cssboxing.com/eks000.html
2.) http://www.cssboxing.com/w_eks000.html

CSS:

1.) http://www.cssboxing.com/css/black_ex.css
2.) http://www.cssboxing.com/css/white_ex.css


Det vil være link til sider med dette layout, som vil være at finde under menuen: Eksempler.
..når jeg er 'færdig'

Ps. Jeg skal på fisketur i dag som frivillig socialarbejder, så jeg vender tidligst tilbage på kandu i aften.

Ha' en go' dag allesammen...

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-04-07 13:18

Så kom der en RSS newsfeed kanal på min side. De som lyster kan nu følge med i nyheder på siden via denne kanal. For at abonnere på RSS feed'en klikker man blot på ikonet nederst (..det røde RSS icon). Alternativt kan man højreklikke på det og i menuen vælge; 'Kopier genvej'. Derefter kan genvejen sættes ind i en RSS newsreader som f.eks.:

1.) http://www.disobey.com/amphetadesk/
2.) http://www.feeddemon.com/

..hvis man ikke er tilfreds med den, som er indbygget i IE7, Firefox, Netscape eller Opera.

Ps. Der er ikke meget at hente via kanalen i øjeblikket og den kommer først til sin berettigelse når min hjemmeside er 100% oppe at køre. Hvilket vil sige: TIDLIGST om 1½ måned. Det er altså blevet en større mundfuld, hvilket også var forventet og imødeset fra min side

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-04-07 16:50

Flere mærkater (labels) som dokumentere min 'seriøsitet' omkring min hjemmeside vil blive lagt til efterhånden som jeg for råd og tid.

F.eks.

http://checked.icra.org/

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 22-04-07 17:55

Så blev dén også klaret !

ICRA garanterer/validerer dog ikke min side 100% for indhold.. FØR jeg betaler 35$

http://checked.icra.org/register/

..næste step er at lægge et par test link ind på linksiden: http://www.cssboxing.com/links.html

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-04-07 19:07

..og så blev dén ged barberet

Nu mangler jeg bare (også) at finde ud af hvordan man skriver koden, så IE7 selv finder ud af, at siden har en RSS funktion ...med det 'berømte' lille diskrete BIB, når en RSS feeder er til rådighed på siden og som giver en rødfarvet RSS ikon i browserens værktøjslinje i stedet for en grånet, således at man også fra denne menu kan abonnere på feed'en uden selv, at skulle finde linket på siden.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-04-07 19:13

Orv... dét var sgu hurtigt klaret ..af mig det er

Kode
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.cssboxing.com/rss/cssbocing.rss" />


</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-04-07 19:21

..hvis ellers man ku' stave rigtigt:
Kode
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.cssboxing.com/rss/cssboxing.rss" />


</MOLOKYLE>

Kommentar
Fra : Otnob


Dato : 22-04-07 19:57

Det er interessant at følge din hyggesnak med dig selv
men fik du ellers fanget nogle fisk?

Kommentar
Fra : iah


Dato : 22-04-07 20:05

Hej MOLO
hvordan kan man tage Lynx Viewer alvorligt når de har sådan noget flip kørende på deres side

"This is not a joke"

Kommentar
Fra : molokyle


Dato : 22-04-07 20:47

Otnob -> Det var 'Det Døde Hav'

Der blev sammenlagt af alle lystfiske jeg så og talte med på Kronborg fanget; siger og skriver:

2 Skubber !

Mht. motivation og webudvikling:

..og man tænker bedre, når man skriver det ned

iah -> Øeeh... flip? Det er jo blot en tekstbrowser validering. Tænker du på deres topbanner? De skal vel tjene penge, men jeg kan berolige dig med at noget sådant 'lir' vil du ikke finde på mine sider
Du må meget gerne præcisere. Det er dét denne tråd er oprettet til

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-04-07 20:49

lystfiske ??? = lystfiskere

Skubber ??? = skrubber

..for dælen da også

</MOLOKYLE>

Kommentar
Fra : iah


Dato : 22-04-07 20:55

Citat
jeg kan berolige dig med at noget sådant 'lir' vil du ikke finde på mine sider


Herligt Molo - det regnede jeg heller ikke med - men du må da give mig ret i, at sådan noget 'lir' ikke virker særligt fremmende for opfattelsen af seriøsiteten på siden kr. eller ej...


iah



Kommentar
Fra : molokyle


Dato : 22-04-07 21:19

..og så vil jeg gerne dele en lille 'fidus' med jer, som jeg stødte på ifbm. validering af min XHTML kode i strict DTD:

Det er IKKE tilladt at indsætte blockmarkører f.eks. <p> ..</p> elementer i en inline kode som f.eks. <a> ... </a> !!!

Hvad gør man så, hvis dette alligevel er nødvendigt?

Tjaeh... man kan prøve at benytte en anden inline markør f.eks. <span> ... </span>.
Normalt en farbar vej at gå, men sjældent praktisk hvis man ønsker en 'anden' funktionalitet.

Man kunne så via <span> ... </span> markøren manipulere denne vha. DOM's innerHTML objekt, med Javascript (..evt. XMLHttpRequest alá AJAX) og events klare ærterne. Dog har jeg jo selv fraskrevet mig denne mulighed!

Løsning:

Bruge en parameterfri udgave af <object> .. </object> markøren

Ved at omslutte block markøren med denne konstruktion valideres korrekt.

Dette er fuldt 'lovligt' og en del af standarden. Det står bare ikke at læse nogen steder

..men nu ved I det også

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-04-07 21:29

iah -> Jeg kan da oplyse dig om, at på selv de mest seriøse 'hardcore' sider vil du finde f.eks. Google Ads og anden 'jawer-tuds'.

Dét skal man nu ik' la' sig gå på af,
...men man kan da prøve; at la' vær' med at falde for fristelsen selv

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 22-04-07 21:33

Ps. Den eneste 'slags' reklame du vil kunne finde på mine sider er:

De sider jeg vil linke til under menuen: ...rigtigt gættet ...Links

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 26-04-07 17:21

Nu burde menuen være 'med' i IE6 også.

Jeg har nemlig udmasket IE7's rykken til venstre, således at kun denne (IE7) sér stylesheet'et:
Kode
<!--[if IE]>
<meta http-equiv="page-exit" content="blendtrans(duration=3)" />
<![if gt IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]>
<![endif]-->


Selve inholdet til højre rykker så ned på siden (..tror jeg), men bør kunne ses.

Er der nogen med IE6 som gider at teste siderne og lægge en kommentar?

...justuniverse til eksempel ???

..og reagerer/skifter menupunkterne dynamisk ved mouseover i denne browser? (..stadig IE6 ?)

</MOLOKYLE>

Kommentar
Fra : e.c


Dato : 26-04-07 18:30

Ja det ses.
Fra dit CSS play link:
http://www.cssplay.co.uk/menu/photo_simple.html
Nøj manner hvor ser det lækkert ud med de billeder, og måden de vises på.

Kommentar
Fra : emab


Dato : 26-04-07 19:23

Uden at have alt for meget forstand på den slags, ser det da godt ud, spændende at følge med i. Du ser sgu' da også meget godt ud, er du single? (just kidding)
emab

Kommentar
Fra : emab


Dato : 26-04-07 19:29

Glemte lige at sige, synes siden er rarest ved øjnene, når den er sort på hvid, hvid på sort ser godt ud, men er, synes jeg, hård ved øjnene

Kommentar
Fra : molokyle


Dato : 26-04-07 20:12

Fan'me single du emab ..og sådan bli'r det forhåbentligvis også ved med at være fremover

e.c -> Ja; hurra for CSSpay ..men nu er det altså MIN side det drejer sig om hér. Hvorfor dælen tror du ellers jeg har ofret 406 fuldgode påængår på denne tråd?

Ka' du ik' lægge et screenshot af f.eks. forsiden som den ses i IE6 ? ...søde?

..og så liiiige svare på; om linkene i menuen også i IE6 er dynamiske ved mouseover?

</FEDTEMADEN MOLO>

Kommentar
Fra : e.c


Dato : 27-04-07 10:23

Sorry - men jeg surfede altså lige på din side.

Her er forsiden i IE6.0.2.2180. XPsp2
http://peecee.dk/?id=41946

Ingen dynamik eller andet ved mus henover.

Flot skift til hvid/sort

Kommentar
Fra : e.c


Dato : 27-04-07 21:48

Set med opera 9.2
http://peecee.dk/?id=42061


Kommentar
Fra : molokyle


Dato : 28-04-07 10:17

Tak e.c

Dine screendump's illustrerer også helt fint, at jo flere værktøjslinjer, menulinjer, Google toolbars og anden 'smartness' man pladre sin browser til med. Jo mindre ser man af det indhold man jo rent faktisk har installeret browseren for at kigge på.



..om jeg fatter folks mere eller mindre besynderlige opsætninger af deres browser

En standard opsætning af f.eks. IE giver et klient område med højden 440 pixels i opløsning 800 X 600 pixels. Med en Google toolbar er vi nede på 420 pixels.

Optimalt, hvilket vil sige små ikoner og farvel til såvel menulinje som tekstetiketter, Google toolbar osv. har man 460 pixels til rådighed.

Dvs. at rigtig mange mennesker smider omkring 40 brugbare pixels direkte ud i den blå luft.

Idag skal jeg i biffen og lidt rundt i byen med min lillebror, så der bli'r ikke rigtigt tid til kode, men jeg vil tænke lidt over om jeg på en snedig måde kan rykke indholdet på siderne OP på plads i IE6.

Lidt besynderligt at :hover ikke virker i IE6, da anchor markøren <a> .. </a> normalt er den eneste (X-)HTML markør for hvilken pseudoklassen fungerer, i modsætning til IE7 og andre browsere, som tolker denne pseudoklasse korrekt for praktisk taget alle (X-)HTML elementer.

Aktuelt ser reglen for menuen's :hover således ud:
Kode
#menu a:hover .boxup .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
#menu a:hover .boxup .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
#menu a:hover .boxup .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
#menu a:hover .boxup .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
#menu a:hover .boxup .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
#menu a:hover .boxup .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}
#menu a:hover .boxup .b1 {margin:0 5px; background:#999;}
#menu a:hover .boxup .b1b {margin:0 5px; background:#fff;}

#menu a:hover .boxup .itemcontent
{
color:#fff;
background:#ccc;
border-left:1px solid #999;
border-right:1px solid #fff;
}


Det er jo psudoklasse elementernes funktion som gør, at man i mange tilfælde kan undgå at bruge eventmodellerne: http://www.w3schools.com/tags/ref_eventattributes.asp

I nævnte tilfælde bruger de fleste websnedkere 'normalt' denne anden løsning i stedet direkte i (X-)HTML:
Kode
<a href="agenda.html" accesskey="d" tabindex="1" title="Agenda" id="agenda" onmouseover="change(agenda,nyklasse)" onmouseout="change(agenda,denneklasse)">
<span class="boxup">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<span class="itemcontent">Agen<span class="u">d</span>a</span>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</span>
</a>


..som altså ændrer CSS klassen fra 'denneklasse' til 'nyklasse' for elementet ved mouseover ..og tilbage igen ved mouseout, vha. en javascriptfunktion som piller ved dokumentets DOM f.eks.:
Kode
<script type="text/javascript" language="JavaScript">
function change(id, newClass) {

identity=document.getElementById(id);

identity.className=newClass;

}
</script>


Jeg forstår faktisk godt at mange udviklere vælger denne sidste løsning, da IE er og bliver en skodbrowser, når det kommer til standard CSS

..mens jeg kæmper heroisk og tappert videre mod vindmøller

</MOLOKYLE>

Kommentar
Fra : e.c


Dato : 28-04-07 17:25

Jeg vil gætte på at 80% kører XP og langt over halvdelen bruger den medfølgende IE6
Ingen af de 8-10 comp her i nærheden har andet end IE6

Så IE6 er vel noget der må regnes med, til visse målgrupper.



Kommentar
Fra : molokyle


Dato : 28-04-07 20:20

e.c -> Månedlig opdateret browserstatistik kan læses her:

http://www.w3schools.com/browsers/browsers_stats.asp

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 30-04-07 01:11

Så blev den vist 'reddet' på målstregen. Efter en hulens besvær og utallige tests tror jeg nok, at siden vises korrekt i IE6 også. Dog med den 'hage' at IE6 IKKE forstår position:fixeed; men antager der er tale om position:absolute; Derfor rykkede indholdsafsnittet #page ned på siden. Det er nu klaret med lidt position:relative; og negativ toppossitionering, plus et par andre 'småting'.

For at det ik' ska' være lyv, så ser det også acceptabelt ud i IE5.5 og IE5.01

Jeg har valgt en 'genial' løsning jeg kalder for dedikeret overstyring (dedicated override) vha. CSS hierakiets prioritetsregler i stedet for de løsninger jeg har set andre Web Guru'er foreslå og benytte:

1.) Separate stylesheets og udmaskning vha. betingede kommentarer i selve (X-)HTML koden : Stu Nicholls

2.) Udmaskede, vha. betingede kommentarer; separate stylesheets med de kendte browserhacks (Star hack, Holly hack, The Tantek hack, m.fl ) : Positioniseverything... John og Holly Bergevin.

3.) Udmasket Javascript vha. betingede kommentarer: Dean Edwards og Eric Meyer.

4.) En blanding af ovenstående: Jøgen Farum Jensen.

Det går i al sin enkelthed ud på, at udmaske IE allerede ved stylesheet inkluderingen, men EFTER det korrekt validerende og i moderne browsere korrekt viste stylesheet er loadet. I EI sektionen laver man så ét stylesheet for IE7 og ét for IE6 og derunder. Fidusen ligger i at; i stedet for at lade den aktuelle browsers fortolker-bugs styrer legen (..som rettes ved hacks) , så skrive specifik tilrettede værdier i de berørte CSS egenskaber, som overstyrer de allerede eksisterende fra det 'originale' stylesheet således, at resultatet bliver det samme rent grafisk, når siden vises på skærmen. Her er rækkefølgen det vigtige, da det afhænger af præcedensreglerne, som de er specificeret for CSS hierakiet. Derved opnår man, hvilket jeg anser for vigtigt, at CSS standarden i ALLE tilfælde overholdes til punkt og prikke

Jeg synes selv det er en nem og elegant løsning

Nu kan I jo prøve at kigge på siderne og give en tilbagemelding, hvis der er noget som kikser totalt for jer, når I browser siderne. Jeg har ikke selv kunne teste siderne LIVE, da jeg ikke har mere end 4 browsere installeret. Jeg har i stedet benyttet denne service: http://www.kandu.dk/Tip15940.aspx som jo kun giver stilbilleder af siderne. Til gengæld er siderne så testet for en 20-30 forskellige browsere og indstillinger. Et KÆMPE tålmodighedsarbejde.

IE ska' DØ Ska' den så !!!

Jeg vender frygtelig tilbage i morgen aften

</MOLOKYLE>

Kommentar
Fra : ME.alexander


Dato : 30-04-07 07:40

altså når jeg kigger kan jeg ikk finde nogle fejl, men så vidt jeg ved så skulle siden være international så det skal da oversættes til engelsk ikk? eller har du gjort noget smart noget så når en svensker kigger så er det på svensk når en englænder kigger er det engelsk osv. XD?

Kommentar
Fra : molokyle


Dato : 30-04-07 09:06

ME.alexander -> Du har ganske ret, men er et hestehoved foran

Det er nemlig min 'plan', når siden engang er færdig og oppe at stå på 'egne' ben, at der vha. landekoden for den besøgende automatisk skal omdirigreres til aktuelle hovedsprog eller hvad som nu ligger 'tættest. Dvs. Engelsk hvis man kommer fra Ghana, Fransk hvis man kommer fra Algier, Russisk hvis man kommer fra Litauen osv. Til dette vil jeg bruge PHP. Selvfølgelig skal der stadig være mulighed for selv at vælge via en række miniature flag aller øverst på siden.

Det har dog lange udsigter ...vi taler år her

Når DU kigger på siden kan du ikke finde fejl (...længere måske?), men der sker hele tiden små 'forbedringer' i kulissen du sikkert ikke umiddelbart fornæmmer/opdager: Loadtid, fjernelse af redundant kode, forberedelse for tekst som include files osv.

..men mange tak for dine observationer

</MOLOKYLE>

Kommentar
Fra : ME.alexander


Dato : 30-04-07 17:56

Hmm bare noget research, hvordan vil du være sikker på om det virker mht. det med landekoden og skift mellem sprog hvis du er dansk og siden fra grunden af er bygget op på dansk ?

Vil du så lave det om til engelsk fra starten af så du kan se om det virker?

og når du engang har fået det lavet, har du så nogle sprogpakker du kan downloade i forevejen eller hvordan har du tænkt dig at sikre at dit russiske KAN forstås? X-)

Kommentar
Fra : molokyle


Dato : 30-04-07 22:43

Hvordan jeg kan være sikker?

Der er jo mange andre, som har lavet samme 'nummer' : http://wp.8deg.com/2007/02/19/lab-hvor-kommer-du-fra/



Jeg vil dog ikke omdirigere til en anden fil, men vil vha. PHP includes:
Kode
<?php include("MIN_TEKST.txt"); ?>


..indsætte tekst i dokumenterne på det sprog som passer til landekoden. Tilsvarende indsætter jeg selvfølgelig det relevante lands tegnsæt i meta'en:
Kode
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


En rimelig simpel programmerings 'ting', men en oversættelse opgave jeg skal have hjælp til...

..min overbo er russisk forfatter

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 30-04-07 22:59

ME.alexander -> Forstå mig ret:

XHTML og CSS koden er den samme for alle sider. Der skal altså INTET kodes om. Det er kun tegnsæt og brødteksten som skal udskiftes på siderne.

Pseudokode:

Aflæs brugerland = L
hvis L = dk indsæt fra sprogfilen dk.txt ellers...
hvis L = uk indsæt fra sprogfilen uk.txt ellers...
hvis L = ru indsæt fra sprogfilen ru.txt ellers...
osv.

..og så er det bare at proppe teksten ind vha includes. Udmaskning af div. sprogfiler skal selvfølgelig ikke udføres som en: if then else.. men som en switch.. break; sætning. Det er dog detaljer jeg ikke gider rode med nu, da det som sagt er ret triviel logik.

Al logikken i PHP vil jeg lave i Javascript og ikke som 'normalt' i ASP og PHP som VBscript, da jeg færdes mere hjemmevandt i Javascripting. Scriptene udføres jo på serveren inden klienten får serveret XHTML koden, så jeg kan stadig overholde mine restriktioner om NUL event handlers og scripting i klientkoden.

</MOLOKYLE>

Kommentar
Fra : Manse9933


Dato : 01-05-07 10:36

Hej Molo
Du har inspireret mig til at lege lid med en hjemme side igen.
Jeg har lavet hjemme siden i gammle dage men jeg er blevet lidt rusten i min codning,jeg kan ikke huske code linen (ref)til at linke til en mappe i roden,f.eks. images,har du en hurtig code linje jeg kan bruge/teste med.
Jeg sad lige og brugte 10 min på denne i går>
http://home1.stofanet.dk/absolutely-manse9933/index.html
Det er en test side den permanente vil have et andet udtryk/layout og jeg ved godt der er code fejl i codningen men som sagt det er for at teste om jeg kan huske lidt af mine gammle kundskaber.

Manse9933

Kommentar
Fra : Manse9933


Dato : 01-05-07 10:37

sider

Kommentar
Fra : Manse9933


Dato : 01-05-07 14:51

Behøver ikke hjælp,har hittet ud ad det.

Kommentar
Fra : Manse9933


Dato : 01-05-07 14:51

af

Kommentar
Fra : molokyle


Dato : 01-05-07 18:03



Kommentar
Fra : molokyle


Dato : 01-05-07 18:06

Ps. Kender det godt Manse9933... !

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 08-05-07 11:37

Så fik jeg her til formiddag ryddet lidt op i http henvisningerne til diverse filer og erstattet dem med rodrelative referencer, hvilket gerne skulle forbedre loadhastigheden en smule.

Læs hvordan her: http://www.communitymx.com/content/article.cfm?cid=230AD

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 08-05-07 11:38

Det går ikke for stærkt med implementationen af min side, men ...det går fremad

</MOLOKYLE>

Kommentar
Fra : Manse9933


Dato : 08-05-07 11:49

Fedt det link snitter jeg lige ..//..//

Kommentar
Fra : Manse9933


Dato : 08-05-07 11:50

<img src="../../../images/

Kommentar
Fra : molokyle


Dato : 08-05-07 12:08

Kode
<img src="/images/MIN_GRAFIK_FIL.XXX" alt="Forklarende tekst..." />


..hvis images er et underbiliotek til roden /

Dog er der den 'drawback', at det ikke virker lokalt på ens egen PC, medmindre man selv har oprettet en internetserver til test. F.eks. IIS

</MOLOKYLE>

Kommentar
Fra : Manse9933


Dato : 08-05-07 12:17

Citat
Dog er der den 'drawback', at det ikke virker lokalt på ens egen PC

Jeg havde fundet ud af <img src="/images/
men kunne ikke få det til at virke på min pc så
jeg troede ikke at det ville virke på serveren så
nu vil jeg teste det på serveren,men dette
var en fed info <img src="../../../images/(image/htm side o.s.v så det skal laves på mit nye webhotel,tak for det.

Kommentar
Fra : molokyle


Dato : 08-05-07 19:27

Til min egen store forundring gav denne lille detalje faktisk en hastighedsforøgelse på loadtiden for siderne på over 10% !

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 09-05-07 13:46

Så kom også 'Artikler' sektionen nogenlunde på plads

Det grundlæggende layout og dermed skabeloner for siderne nærmer sig det 'endelige' design.

De næste mange dage/uger vil jeg bruge på PHP og inkludering af tekstafsnit, som skal bære det 'kød' som iah efterlyser

Jeg har en del oplagte emner som eksempler liggende allerede og har 2 artikler på bedding.

Det går lidt trægt med teksten til min 'Agenda', men det skyldes jeg endnu ikke føler mig 'klædt på' til, at honorere mine egne krav til siden.

Forvent en lille pause

</MOLOKYLE>

Kommentar
Fra : ME.alexander


Dato : 09-05-07 20:04

hmm, kiggede lige under artikler, når man klikker på linket bliver man videreført osv, som jeg regner med man skal, men når man er derinde er der streg under B'et i cssboxing...

ved ikk om det er en fejl hos mig meen

Kommentar
Fra : molokyle


Dato : 09-05-07 20:15

'Stregen' under B'et betyder, at det er et link som kan nås med tastekombinationen :

ALT + B

(...i Firefox giver det adgang til menuen 'Bookmarks' i stedet, ....men det er en detalje )

..eller; at der i bund og grund er tale om et link.

Jf. bemærkningen på henvisende side:
Citat
Når du klikker på et link i denne sektion vender du tilbage hertil ved; at klikke på banneret øverst på siden med artiklen.


..for menuerne: [Artikler]'s og [Eksempler]'s vedkommende:
Citat
Når du klikker på et link i denne sektion vender du tilbage hertil ved; at klikke på banneret øverst på siden med eksemplet.


Altså i disse tilfælde er 'Banneret' i toppen et link tilbage til refererende side

Prøv selv...

Det er IKKE forbudt, at læse sidernes information indenad

</MOLOKYLE>

Kommentar
Fra : ME.alexander


Dato : 09-05-07 20:27

hehe har skam læst det, blev bare lidt forvirret over at der kommer streger under pludselig ;)

Kommentar
Fra : molokyle


Dato : 09-05-07 20:30

Ps. Holder du musen over 'top'-banneret på siderne:

1.) http://www.cssboxing.com/eks000.html
1.1) http://www.cssboxing.com/w_eks000.html

..eller:

2.) http://www.cssboxing.com/art000.html
2.1) http://www.cssboxing.com/w_art000.html

..vil du ligeledes støde på en forklarende pop-up link tekst om, hvad linket fører til

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 09-05-07 20:37

I menu'er er det kotymen, at sætte streg under den refererende ALT+ 'tast' kombination.

Jf. WAI level 1 specifikationen: http://www.w3.org/WAI/WCAG1A-Conformance

Dette betyder for de uden mus eller andre 'pege' redskaber, at de med kun tastatur mulighed, kan navigere via gængse tastekombonationer.

< / WAI >







Kommentar
Fra : molokyle


Dato : 09-05-07 20:42

Bemærk ME.alexander ->

..at sådan ser alle mine 'andre' menuer også ud: Har mouseover information om linket og virker ligeledes via tastetryk = (Shift + ) TAB / ..eller; ALT + 'understreget' tastekombinationer

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 09-05-07 20:52

Pps. ..en funktion/feature, som savnes på mange ellers 'professionelle' sider

..og som er værd at tage med i sine orvejelser om brugervenlighed/'Acessibility' på mangen en hjemmestrikket hjemmeside

</MOLOKYLE>



Kommentar
Fra : ME.alexander


Dato : 09-05-07 20:53

hehe, fair nok :) havde ikk lige tænkt over at understregningerne fungerede til alt+ funktioner ;)

Kommentar
Fra : molokyle


Dato : 09-05-07 20:54

orvejelser ??? = overvejelser ..selvfølgelig

</MOLOKYLE>

Kommentar
Fra : Manse9933


Dato : 10-05-07 08:58

Man kan godt teste det på sin pc,jeg har brugt C: drevet for at få en kort streng>
Man sætter feks denne streng ind C:\test\images\kandu.gif
i stedet for .\images\kandu.gif på serveren,der er selvføgelig noget arbejde med at ændre det bagefter(man kan også lave en kopi,net/pc)

Kommentar
Fra : Manse9933


Dato : 11-05-07 08:09

Det virker på pc'en med

"./images/cell4.gif"


og på serveren

Kommentar
Fra : molokyle


Dato : 11-05-07 14:49

Ok. Manse9933

..et STØRRE problem med min egen hjemmeside er dog:

Jeg var hjemme hos en bekendt som havde IE6 installeret.

I denne browser kunne man IKKE se: Menuen ..til venstre på min side

..andre med IE6 ...som kan IKKE kan se siden som:

http://browsershots.org/website/http://www.cssboxing.com/

..ville jeg blive glad for meldte tilbage

? </MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 11-05-07 15:06

Manse9933 ->
Kode
./images/cell4.gif


..er en biblioteks-relativ angivelse ..i forhold til biblioteket 'images' fra refererende fil.

./ ..betyder som i gode gamle DOS dage blot relativt til aktuelle bibliotek

I forhold til http RODEN = /

..kan man i ALLE bilioteker ...uanset placering i træstruktuen ..angive filen via:

Kode
/images/cell4.gif


..HVIS: biblioteket 'images' ligger umiddelbart UNDER roden

DVS. ...uanset om du befinder dig i : / ..i : /text/ ..i : /sever/PHP ..eller i : /media/images/gif/ ...whatever

..eller i en extern fil som: /Javascript/Funktioner/ ..eller : /css/Stylesheets/

..så kan filen 'cell4.gif' refereres

Dét er 'fidusen' ved rodrelative stiangivelser

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 14-05-07 14:08

Det 'STORE' problem fandt jeg en forklaring på:

Min 'bekendte' havde haft installeret IE7, ..havde slettet den og var 'gået tilbage til' IE6.

I dén forbindelse har 'noget' i Windows registreringsdatabase STADIG identificeret hans browser som IE version 7, selvom IE 6'eren nu var aktuel browser.

Derfor 'genkender' min side IE6 ...hos HAM: IE6 som en IE version 7.

Folks 'rod' i deres operativsystemer og browsere kan jeg selvfølgelig IKKE tage højde for på min side. Dét må 'folk' sgu selv 'rode' med

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 15-05-07 17:04

Sådan kommer mine CSS/(X-)HTML eksempler til at se ud ....sådan cirka

1.) http://www.cssboxing.com/temp/eks001.html

2.) http://www.cssboxing.com/temp/w_eks001.html

Forklaring ...følger

</MOLOKYLE>


Kommentar
Fra : molokyle


Dato : 15-05-07 17:07

Ps. Ikke umiddelbart særligt 'spændende', men prøv så, at ændre browservinduets størrelse

</MOLOKYLE>

Kommentar
Fra : ME.alexander


Dato : 16-05-07 07:31

heh, men der er dog et minimum for hvor lille billedet kan blive !

Kommentar
Fra : molokyle


Dato : 16-05-07 08:04

ME.alexander -> Ja, der er en begrænsning af billedstørrelsen, som er bestemt af hvor mange % du har valgt at billedet skal fylde i forhold til det overordnede (X-)HTML element. Det har også betydning hvilke værdier dette overordnede element har angivet i evt. min-width, max-width, min-height og max-height egenskaber ...i de browsere, som altså 'forstår' disse

Dette ..og meget andet, vil blive forklaret dér i mine sidste eksempel sider, hvor der står: Bla. bla bla...

..men hvor mange sider kende du, hvor man benytter nævnte 'teknik'?

Nej vel

..selvom det mange steder ville være en nyttig funktion, når vi taler illustrationer til en tekst.

En anden 'fidus' ved nævnte 'teknik' er at billedet ser velproportioneret ud, lige meget hvilken opløsning brugeren har valgt. I de helt høje opløsninger på meget store skærme vil du ofte se at billeder bliver nogen små gnidrede 'frimærker'. Dette undgås OGSÅ ved at benytte procentvis størrelse.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 28-05-07 13:38

Grundet den sidste tids gode vejr har min side stået lidt i stampe. De sidste par dages regn har dog 'inspireret' mig til at sørge for en RSS validering af siden.

Hvis andre skulle få samme gode idé? Så er her 'stedet' at gøre dette:

http://feedvalidator.org/

..så: Nu blev det fint vejr igen

Tid til at få lidt sol på mouse'en

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-05-07 16:27

Et STORT spørgmål hér: http://www.kandu.dk/QuestionHist.aspx?qid=105060

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-05-07 18:15

Så... fik jeg PHP includes til at virke ..endelig:

1.) http://www.kandu.dk/spg105062.aspx
2.) http://www.kandu.dk/spg105060.aspx

..nu har jeg en chance for at komme videre

Tak til Kandu.dk ...bjerner og smorch

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-05-07 21:02

Ps. ..dvs. mine *.html filer hedder nu selvsagt *.php i stedet

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 09-06-07 22:47

Nu også med 'skræddersyet' fejlside på mit domæne

http:/www.cssboxing.com/fejl_i_URL.html

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 10-06-07 23:38

Tjaeh... det går jo lidt sløjt, men stadig fremad
Nu lagde jeg en lille simpel lyd applet (JAVA *.class) på 404 fejlsiderne, men at få det til at virke i Firefox/Opera/Safari/Konquera ..således det stadig validerer? Jeg måtte kommentere koden ud specifikt for IE ...hvor det altså virker ..selv UDEN Mediaplayer installeret (Dvs. det er jo stadig en integreret del af IE browseren, selvom Mediaplayer 11 ER afinstalleret ...spøjst !)

http://java.sun.com/j2se/1.5.0/docs/guide/plugin/developer_guide/using_tags.html

..nogen som har en 'bedre' løsning?

Evt. at benytte <object> direkte på lyden ...og få skidtet til at virke (..UDEN Mediaplayer installeret!)

http://www.w3.org/TR/1998/REC-html40-19980424/struct/objects.html

Jeg læste et sted noget om at man blot skulle angive type parameteren for MIME typen:

type="audio/wav"

type= "audio/mid"

type="audio/au"

osv.

..men ka' ik' rigtigt få det til at virke

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 11-06-07 01:55

Fik fixet den 'underlige' ting med 'tvungen' link-understregning i Opera. Denne browser skal åbenbart have det ind med skeer:
Kode
a:link, a:visited, a:active, a:hover {text-decoration:none;}


..men det er der også andre som har 'opdaget': http://archive.webstandards.org/css/opera/linkdemo1.html

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 12-06-07 00:40

Hmm... tror selv jeg har fundet en løsning: http://ww2.cs.fsu.edu/~steele/XHTML/appletObject.html

Dét vil jeg kigge på imorgen, når jeg er lidt 'friskere'

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 14-06-07 16:11

Der var sgu laaaangt til ...imorgen

Nåeh..men jeg kigger på det nu ..eller lidt senere ..JAVA 'tingen' altså

Under alle omstændigheder takker jeg alle for deltagelse i denne tråd ..som vil blive lukket ved lodtrækning (..terningekast ..det er!) ..om ik' så forfærdeligt længe.

..måske?

Jeg finder nu (..tak til jer ) at jeg har fundet et lay-out som; dels fungerer nogenlunde fornuftigt og som ikke kræver nogen Tarzan at vedligeholde, dels er blevet rimeligt overskueligt for de fleste at benytte ...hvis man da ellers skulle besidde sådanne 'sære' lyster

So long...

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 14-06-07 16:13

Ps. Glemte jeg at fortælle at banneret øverst og validations sektionen nederst nu er *.php includefiler også?

Ligemeget ...dét havde I sikkert allerede gættet

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 15-06-07 15:10

Nu virker applet's (= JAVA *.class filer) i alle browsere ..undtagen i Safari 3 Beta ..for Windows

Terningerne er kastet !

</MOLOKYLE>



Godkendelse af svar
Fra : molokyle


Dato : 15-06-07 15:14

Dét blev så iah ..med en 3'er

Jeg starter en tråd om indholdet, når 'kødet' ligger i kølemontren

Happy coding...

</MOLOKYLE>

Kommentar
Fra : iah


Dato : 15-06-07 16:33

Citat
Accepteret svar
Fra :iah [Tre stjerner]


En siger da så møj manne tak...
Så bliver det jo ganske friskt kød der kommer frem kan jeg forstå - ikke nogen skandaler her

God weekend.


Kommentar
Fra : molokyle


Dato : 15-06-07 17:19

Tak

Ps. Det var sgu en større kamp at få den applet til at agere soundloop. Jeg må indrømme jeg er bleven en smule rusten i JAVA, men I ska' da ikke snydes for kildekoden til loop_lyd.class

loop_lyd.java:
Kode
import java.applet.*;

public class loop_lyd extends java.applet.Applet {

public void init()
{
AudioClip lyd=getAudioClip(getCodeBase(),getParameter("sound"));
lyd.loop();
}

public void start()
{
}

public void stop()
{
}
}


..ikke vildt ophidsende, men det var også mere crossbrowser inkluderingen som voldte problemer

Kode
<span class="hideobject">
<!--[if !IE]>-->
<object classid="java:loop_lyd.class" type="application/x-java-applet" height="0" width="0" >
<param name="codebase" value="/java/" />
<param name="sound" value="/media/au/PsalmietCantica.au" />
<!--<![endif]-->
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" width="0" height="0">
<param name="code" value="loop_lyd.class" />
<param name="codebase" value="/java/" />
<param name="sound" value="/media/au/PsalmietCantica.au" />
</object>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</span>


..inkluderet på siderne med:
Kode
<? include ($_SERVER['DOCUMENT_ROOT']."/java/audio.php"); ?>


</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 15-06-07 17:59

..og helt vildt irriterende, hvis man prøver at navigere væk fra en 404 fejl side

..f.eks. http://www.cssboxing.com/hokus-pokus-fili-hankat

Hér er den 'rigtige' løsning: http://www.javareference.com/jrexamples/viewexample.jsp?id=20

..for at implementere loop'et

..men det bli'r ik' idag

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 16-06-07 10:49

Så kom JAVA koden på plads her til formiddag, så 'musikken' ikke længere bliver 'hængende', når man navigerer værk fra 404 fejl siderne.

Det var således den sku' skæres:
Kode
import java.applet.*;

public class loop_lyd extends java.applet.Applet {

private AudioClip lyd;

public void init()
{
lyd=getAudioClip(getCodeBase(),getParameter("sound"));
}

public void start()
{
lyd.loop();
}

public void stop()
{
lyd.stop();
}
}


Jeg er godt nok ude af 'træning', når det kommer til JAVA

</MOLOKYLE>

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste