|
| Convertere PSD til HTML/ CSS Fra : Joakim Hey Hinnersko~ |
Dato : 02-11-09 18:00 |
|
Hey html.
Nu har jeg studeret html og css i nogle måneder og synes selv at
jeg kender til næsten alt html og css.
Men jeg har et stort problem da jeg havde lavet et lækkert design
i photoshop som jeg så ville kode ind i html/ css.
Jeg ville kode ind mid div og jeg gør sådan her.
html
<div id="logo">
</div>
css
#logo {
float: left;
height: 45px;
width: 50px;
background-image: url(images/logo.png
}
For mig ser det rigtig ud og det skal siges jeg har prøvet mange
andre ting men mit logo vil bare ikke vises, når jeg sidder og
roder med det så sker der nogle forskellige ting som at hvis jeg
skifter et billede ud så bliver det gamle ved med at være der
selvom jeg har gemt ændret sti og slettet billedet helt.
Det er som om at det gør hvad det vil
Nå men beder jeg ikke om at sidde og udpege mine fejl, men råd
til hvordan jeg kan forsætte mit arbejde altså:
tutorials & råd - hvordan lærte i det og hvad skal der ligges
vægt på og måske lige hvad grund koderne er, så jeg har noget at
gå efter.
Tak på forhånd
// Joakim
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Rune Jensen (02-11-2009)
| Kommentar Fra : Rune Jensen |
Dato : 02-11-09 18:42 |
|
Joakim Hey Hinnerskov skrev:
> Hey html.
davs
<SNIP>
> css
>
> #logo {
> float: left;
> height: 45px;
> width: 50px;
> background-image: url(images/logo.png
> }
<SNIP>
> Det er som om at det gør hvad det vil
Ja. For du mangler en ) i sidste linje, og det er en fejl, som browserne
ser forskelligt på. Altså:
background-image: url(images/logo.png)
Og så spø'r du efter tutorials, men i første omgang kan du forsøge en
validering af både din HTML og din CSS. Så er du godt på vej - har du
problemer med at forstå fejlmeldingerne, spø'r bare igen.
Nåhja, alligevel nogle links:
Validering:
http://www.w3.org/QA/Tools/
Et lille opslagsværk/tutorial - som ikke må tages som vigtigere end
standarderne fra W3C:
http://w3schools.com/
....at finde noget på w3c.org er blevet et rent helvede med det nye
design. Men ellers, så er det dér, du skal hente din information om
standarder, hvis du er i tvivl.
MVH
Rune Jensen
| |
Rune Jensen (02-11-2009)
| Kommentar Fra : Rune Jensen |
Dato : 02-11-09 18:50 |
|
Joakim Hey Hinnerskov skrev:
> vægt på og måske lige hvad grund koderne er, så jeg har noget at
> gå efter.
Grundkoderne - noget, som begyndere har svært ved, det er H-tags. Det er
ikke tags, som definerer størreslen af en tekst, i stedet definerer det,
at der kommer en overskrift. H1 er til hovedoverskrifter, og H2 er en
underoverskrift til denne, og sådan fortsætter det til H6. Strukturen er
ligesom en avisartikel ellers. Har du "Web Developer" til Firefox, så
kan du få et billede af, hvordan din struktur ser ud (det ligner hvad
man i folkeskolen kaldte en disposition), og den vil give dig advarsler,
hvis der er "mislyde".
MVH
Rune Jensen
| |
Joakim Hey Hinnersko~ (02-11-2009)
| Kommentar Fra : Joakim Hey Hinnersko~ |
Dato : 02-11-09 19:42 |
|
Rune Jensen wrote in dk.edb.internet.webdesign.html:
> Joakim Hey Hinnerskov skrev:
>
> > vægt på og måske lige hvad grund koderne er, så jeg har noget at
> > gå efter.
>
> Grundkoderne - noget, som begyndere har svært ved, det er H-tags. Det er
> ikke tags, som definerer størreslen af en tekst, i stedet definerer det,
> at der kommer en overskrift. H1 er til hovedoverskrifter, og H2 er en
> underoverskrift til denne, og sådan fortsætter det til H6. Strukturen er
> ligesom en avisartikel ellers. Har du "Web Developer" til Firefox, så
> kan du få et billede af, hvordan din struktur ser ud (det ligner hvad
> man i folkeskolen kaldte en disposition), og den vil give dig advarsler,
> hvis der er "mislyde".
>
>
> MVH
> Rune Jensen
Hej rune, ja det var så en slå fejl den du udpegede der, men jeg tror også
at mit fejl ligger i sådan nogle små drillende ting som at glemme at sætte )
efter - selvom jeg synes jeg rydder meget ud og tjekker hver eneste linje
mange gange - tror bare jeg skal fortsætte med at prøve igen og igen og igen
og så en dag er den der.
men altså min grundfrom vil ligge i at lav en div id i html og så eks. sætte
et billede ind i css og så placere det + andre funktioner? er det rigtigt ?
eller er jeg helt galt på den?
// Joakim
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Rune Jensen (02-11-2009)
| Kommentar Fra : Rune Jensen |
Dato : 02-11-09 19:48 |
|
Joakim Hey Hinnerskov skrev:
> Hej rune, ja det var så en slå fejl den du udpegede der, men jeg tror også
> at mit fejl ligger i sådan nogle små drillende ting som at glemme at sætte )
> efter - selvom jeg synes jeg rydder meget ud og tjekker hver eneste linje
> mange gange - tror bare jeg skal fortsætte med at prøve igen og igen og igen
> og så en dag er den der.
Brug de validatorer, som er listet i de links, jeg gav. Det er meget
nemmere, da det foregår helt maskinelt, og derfor automatisk. Du vil få
at vide, hvilken linje der er fejl i, fejltype osv.
Du vil i første omgang få glæde af både HTML og CSS-validatoren.
> men altså min grundfrom vil ligge i at lav en div id i html og så eks. sætte
> et billede ind i css og så placere det + andre funktioner? er det rigtigt ?
> eller er jeg helt galt på den?
Det kommer an på, om det billede, du bruger er indholdsbærende og har
betydning for resten af indholdet, eller kun er til pynt. Normalt vil
man nok bruge background-image som pynt - f.eks. en blomst ude i siden,
som ikke siger noget om indholdet, men ellers er ganske pæn - og <img>
til logoer (hvis der skal kunne klikkes på den, så man kommer til
forsiden f.eks.).
Men det kommer an på designet og indholdet af siden. Har du et link til
din side?
MVH
Rune Jensen
| |
Joakim Hey Hinnersko~ (02-11-2009)
| Kommentar Fra : Joakim Hey Hinnersko~ |
Dato : 02-11-09 20:47 |
|
Rune Jensen wrote in dk.edb.internet.webdesign.html:
> Joakim Hey Hinnerskov skrev:
>
> > Hej rune, ja det var så en slå fejl den du udpegede der, men jeg tror også
> > at mit fejl ligger i sådan nogle små drillende ting som at glemme at sætte
)
> > efter - selvom jeg synes jeg rydder meget ud og tjekker hver eneste linje
> > mange gange - tror bare jeg skal fortsætte med at prøve igen og igen og
igen
> > og så en dag er den der.
>
> Brug de validatorer, som er listet i de links, jeg gav. Det er meget
> nemmere, da det foregår helt maskinelt, og derfor automatisk. Du vil få
> at vide, hvilken linje der er fejl i, fejltype osv.
>
> Du vil i første omgang få glæde af både HTML og CSS-validatoren.
>
> > men altså min grundfrom vil ligge i at lav en div id i html og så eks.
sætte
> > et billede ind i css og så placere det + andre funktioner? er det rigtigt ?
> > eller er jeg helt galt på den?
>
> Det kommer an på, om det billede, du bruger er indholdsbærende og har
> betydning for resten af indholdet, eller kun er til pynt. Normalt vil
> man nok bruge background-image som pynt - f.eks. en blomst ude i siden,
> som ikke siger noget om indholdet, men ellers er ganske pæn - og <img>
> til logoer (hvis der skal kunne klikkes på den, så man kommer til
> forsiden f.eks.).
>
> Men det kommer an på designet og indholdet af siden. Har du et link til
> din side?
>
>
> MVH
> Rune Jensen
Tak vil læse de links.
Det design jeg taler om er eks. en bagrund og så et header, navigations menu og
nogle tekst bokse. som jeg har designet i photoshop så ville jeg "slice" det og
så kode det sammen i psd altså lidt ligesom den funktion der er i photoshop
hvor den gør det automatisk men bare i tabeller i html ( slice > save for web >
html files )
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Allan Vebel (02-11-2009)
| Kommentar Fra : Allan Vebel |
Dato : 02-11-09 23:19 |
|
Joakim Hey Hinnerskov skrev:
> lidt ligesom den funktion der er i photoshop
> hvor den gør det automatisk men bare i
> tabeller i html ( slice > save for web > html
> files )
Så får du jo et omfattende tabeldesign ud af
det - det er det alle taler imod, netop fordi det
kan give en masse utilsigtede fejl.
Giv lige et link til det du er i gang med at lave,
så er det nemmere at vurdere hvilken planke du
går ud ad!
--
Allan Vebel
http://vebel.dk | http://html-faq.dk
| |
Joakim Hey Hinnersko~ (03-11-2009)
| Kommentar Fra : Joakim Hey Hinnersko~ |
Dato : 03-11-09 15:19 |
|
Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Joakim Hey Hinnerskov skrev:
>
> > lidt ligesom den funktion der er i photoshop
> > hvor den gør det automatisk men bare i
> > tabeller i html ( slice > save for web > html
> > files )
>
> Så får du jo et omfattende tabeldesign ud af
> det - det er det alle taler imod, netop fordi det
> kan give en masse utilsigtede fejl.
>
> Giv lige et link til det du er i gang med at lave,
> så er det nemmere at vurdere hvilken planke du
> går ud ad!
>
> --
> Allan Vebel
> http://vebel.dk http://html-faq.dk
>
>
Hey og tak for ALLE svarene har uploadet en lignene side.
http://www.billedeupload.dk/upload/files/2009-11/39f1ac8b.jpg
det er selfølgelig ikke det design jeg arbejder med men bare et
eksempel fordi ved som udgangspunkt godt hvordan jeg skal slice.
Og ja, jeg vil jo IKKE have det i tabeller som PS funktionen gør
det.
Men det billede vil jeg gerne have delt op med en header -
navigation - buttons - bokse og footers. som jeg ville sætte
sammen i div .. div id er jeg på rette spor? og nu ved du hvad
jeg går efter ..
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Erik Ginnerskov (04-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 04-11-09 17:20 |
|
Joakim Hey Hinnerskov wrote:
>> Giv lige et link til det du er i gang med at lave,
>> så er det nemmere at vurdere hvilken planke du
>> går ud ad!
> Hey og tak for ALLE svarene har uploadet en lignene side.
> http://www.billedeupload.dk/upload/files/2009-11/39f1ac8b.jpg
Det er ikke muligt at rådgive om fejlkonstrueret kode ud fra et billede. Du
bliver nødt til at uploade din html og css og give os et link til html'en.
Du antydede, at du vil lave din side i PhotoShop. Jeg er ikke sikker på, det
er en god ide. Men det kan vi vurdere, når vi ser din side online.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk
| |
Birger Sørensen (03-11-2009)
| Kommentar Fra : Birger Sørensen |
Dato : 03-11-09 00:00 |
|
Joakim Hey Hinnerskov har bragt dette til os:
> Rune Jensen wrote in dk.edb.internet.webdesign.html:
>> Joakim Hey Hinnerskov skrev:
>>
>>> vægt på og måske lige hvad grund koderne er, så jeg har noget at
>>> gå efter.
>>
>> Grundkoderne - noget, som begyndere har svært ved, det er H-tags. Det er
>> ikke tags, som definerer størreslen af en tekst, i stedet definerer det,
>> at der kommer en overskrift. H1 er til hovedoverskrifter, og H2 er en
>> underoverskrift til denne, og sådan fortsætter det til H6. Strukturen er
>> ligesom en avisartikel ellers. Har du "Web Developer" til Firefox, så
>> kan du få et billede af, hvordan din struktur ser ud (det ligner hvad
>> man i folkeskolen kaldte en disposition), og den vil give dig advarsler,
>> hvis der er "mislyde".
>>
>>
>> MVH
>> Rune Jensen
>
>
> Hej rune, ja det var så en slå fejl den du udpegede der, men jeg tror også
> at mit fejl ligger i sådan nogle små drillende ting som at glemme at sætte )
> efter - selvom jeg synes jeg rydder meget ud og tjekker hver eneste linje
> mange gange - tror bare jeg skal fortsætte med at prøve igen og igen og igen
> og så en dag er den der.
>
>
> men altså min grundfrom vil ligge i at lav en div id i html og så eks. sætte
> et billede ind i css og så placere det + andre funktioner? er det rigtigt ?
> eller er jeg helt galt på den?
>
> // Joakim
Og når du om 17 år stadig sidder og laver de samme fejl, vil du bruge
validatorerne.
Så du kan lige så godt vænne dig til det ^^
Hvis man bruger FF, kan man hente HTML-validatoren. Den indikerer om
der er fejl, hvilket gør den del lidt hurtigere - man behøver ikke
validere, hvis den siger fejlfri.
Lidt mere problmeatisk med CSS'en. Jeg bruger Firebug - men den skal
man holde tungen lige i øret med, i hvert fald indtil de finder ud af
at få den til at fungere sammen med validatoren.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Stig Johansen (03-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 03-11-09 04:58 |
|
"Birger Sørensen" <sdc@bbsorensen.com> wrote in message
news:4aef645f$0$280$14726298@news.sunsite.dk...
> Lidt mere problmeatisk med CSS'en.
Jeg har 2 'knappper' med hhv CSS og JS i min FF.
http://w-o-p-r.dk/images/ff.css.js.knapper.png
Hvis der er fejl i CSS/JS, skifter de over til et rødt udråbstegn, og hvis
man klikker får man fejlene med liniehenvisninger, og ved klik på disse,
vises kilden.
Jeg er ikke helt klar over hvilken extension, der giver denne, muligvis web
developer?
--
Med venlig hilsen/Best regards
Stig Johansen
| |
Erik Ginnerskov (04-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 04-11-09 17:23 |
| | |
Stig Johansen (04-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 04-11-09 19:35 |
|
Erik Ginnerskov wrote:
> Stig Johansen wrote:
>
>> Jeg har 2 'knappper' med hhv CSS og JS i min FF.
>> http://w-o-p-r.dk/images/ff.css.js.knapper.png
>
>> Jeg er ikke helt klar over hvilken extension, der giver denne,
>> muligvis web developer?
>
> Desværre ikke. Jeg har både Developer og Validator installeret og har ikke
> de valgmuligheder, dit billede viser.
Det var mærkeligt - her gik jeg og troede at alle havde disse funktioner.
Den er uundværlig for en css-knold som mig, da jeg ved 'edit CSS' løbende
får fejlmeldinger om mine tommelfingre på klaveret, nærmest real-time.
Gad vide hvor den så er kommet fra ?
Ud over de 2 nævnte, har jeg DOM inspector og Javascript debugger, men det
lyder ikke logisk, at eks. CSS validering skulle komme derfra.
En anden mulighed er, at der måske er 2 validatorer ?
Da jeg oprindeligt installerede den i tidernes morgen hed den Tidy, og jeg
har bare opdateret automatisk gennem tiderne, så jeg ved ikke reelt hvilken
plugin jeg har (eller hvor jeg fik den fra).
Hvad siger i andre, har i den/de knapper?
Lavede lige et ekstra screenshot, hvor det bedre fremgår hvor de lihher:
< http://w-o-p-r.dk/images/ff.css.js.knapper.2.png>
--
Med venlig hilsen
Stig Johansen
| |
Philip Nunnegaard (04-11-2009)
| Kommentar Fra : Philip Nunnegaard |
Dato : 04-11-09 19:51 |
|
Stig Johansen skrev:
> Hvad siger i andre, har i den/de knapper?
> Lavede lige et ekstra screenshot, hvor det bedre fremgår hvor de lihher:
> < http://w-o-p-r.dk/images/ff.css.js.knapper.2.png>
Jeps! Jeg har dem.
Den ene viser mig javascriptfejl, og den anden css-fejl.
Det er guld værd for en javascript-mongol som mig.
Jeg har disse tilføjelsesprogrammer:
Web Developer
HTML Validator (fka. Tidy)
Jeg _mener_ også at jeg har:
DOM Inspector
Firebug
Jeg troede egentlig også at det var en del af en af de to første, da de
to knapper ligger i samme linje som Web Devoper-knapperne.
--
Philip - http://www.chartbase.dk | http://www.hitsurf.dk
| |
Stig Johansen (04-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 04-11-09 20:14 |
|
Philip Nunnegaard wrote:
> Stig Johansen skrev:
>
>> Hvad siger i andre, har i den/de knapper?
>> Lavede lige et ekstra screenshot, hvor det bedre fremgår hvor de lihher:
>> < http://w-o-p-r.dk/images/ff.css.js.knapper.2.png>
>
> Jeps! Jeg har dem.
> Den ene viser mig javascriptfejl, og den anden css-fejl.
>
> Det er guld værd for en javascript-mongol som mig.
Javascripten er også guld værd for mig.
Jeg har det med at ramme ved siden af de der skide { og } og (), som kan
være lidt svære at skelne i min editor (og aldrende øjne:).
> Jeg har disse tilføjelsesprogrammer:
> Web Developer
> HTML Validator (fka. Tidy)
>
> Jeg _mener_ også at jeg har:
> DOM Inspector
> Firebug
>
> Jeg troede egentlig også at det var en del af en af de to første, da de
> to knapper ligger i samme linje som Web Devoper-knapperne.
Det har jeg også hele tiden troet, så jeg blev lidt overrasket over Erik
ikke havde dem.
Fællesnævneren for vores plugins (udover de 2 første) må være DOM
inspectoren.
(Hvis du har et menupunkt under tools, der hedder DOM inspector, så har du
den).
Det lyder ulogisk at css/javascript 'validering' skulle ligge dér, men det
tyder det på.
--
Med venlig hilsen
Stig Johansen
| |
Birger Sørensen (05-11-2009)
| Kommentar Fra : Birger Sørensen |
Dato : 05-11-09 08:48 |
|
Stig Johansen skrev den 04-11-2009:
> Philip Nunnegaard wrote:
>
>> Stig Johansen skrev:
>>
>>> Hvad siger i andre, har i den/de knapper?
>>> Lavede lige et ekstra screenshot, hvor det bedre fremgår hvor de lihher:
>>> < http://w-o-p-r.dk/images/ff.css.js.knapper.2.png>
>>
>> Jeps! Jeg har dem.
>> Den ene viser mig javascriptfejl, og den anden css-fejl.
>>
>> Det er guld værd for en javascript-mongol som mig.
>
> Javascripten er også guld værd for mig.
> Jeg har det med at ramme ved siden af de der skide { og } og (), som kan
> være lidt svære at skelne i min editor (og aldrende øjne:).
>
>> Jeg har disse tilføjelsesprogrammer:
>> Web Developer
>> HTML Validator (fka. Tidy)
>>
>> Jeg _mener_ også at jeg har:
>> DOM Inspector
>> Firebug
>>
>> Jeg troede egentlig også at det var en del af en af de to første, da de
>> to knapper ligger i samme linje som Web Devoper-knapperne.
>
> Det har jeg også hele tiden troet, så jeg blev lidt overrasket over Erik
> ikke havde dem.
>
> Fællesnævneren for vores plugins (udover de 2 første) må være DOM
> inspectoren.
> (Hvis du har et menupunkt under tools, der hedder DOM inspector, så har du
> den).
>
> Det lyder ulogisk at css/javascript 'validering' skulle ligge dér, men det
> tyder det på.
Ser for mig ud til at være Webdeveloper (som jeg ikke har, men har
haft).
Er det for indlysende at bruge Funktioner/Tilføjelser for at se hvilke
tilføjelser man har, og hvilke der er aktiveret?
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Philip Nunnegaard (05-11-2009)
| Kommentar Fra : Philip Nunnegaard |
Dato : 05-11-09 16:09 |
|
Birger Sørensen skrev:
> Er det for indlysende at bruge Funktioner/Tilføjelser for at se hvilke
> tilføjelser man har, og hvilke der er aktiveret?
Muligvis.
Jeg kiggede under Funktioner -> Indstillinger - naturligvis forgæves.
Først senere fandt jeg det rigtige sted.
Jeg har begge de to som jeg skrev at jeg mente at jeg havde (Firebug og
DOM Inspector).
--
Philip - http://www.chartbase.dk | http://www.hitsurf.dk
| |
Erik Ginnerskov (05-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 05-11-09 14:57 |
|
Stig Johansen wrote:
> Gad vide hvor den så er kommet fra ?
>
> Ud over de 2 nævnte, har jeg DOM inspector og Javascript debugger,
> men det lyder ikke logisk, at eks. CSS validering skulle komme derfra.
Mig ik forstå.
Jeg har Web Developer, HTML Validator (Tidy), DOM Inspector, Javascript
Debugger og Firebug installeret. Ingen af dem er deaktiveret og alle er
fuldt opdateret - gælder også FF
Jeg har kigget på indstillinger, men kan ikke se nogen mulighed for at få
den til at vise noget mere.
@ Birger: Selvfølgelig har jeg tjekket der.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk
| |
Philip Nunnegaard (05-11-2009)
| Kommentar Fra : Philip Nunnegaard |
Dato : 05-11-09 16:11 |
|
Erik Ginnerskov skrev:
> Mig ik forstå.
>
> Jeg har Web Developer, HTML Validator (Tidy), DOM Inspector, Javascript
> Debugger og Firebug installeret. Ingen af dem er deaktiveret og alle er
> fuldt opdateret - gælder også FF
Hvor bredt er dit browservindue?
Skalerer jeg mit ned til 800px, forsvinder de to dimser også hos mig.
--
Philip - http://www.chartbase.dk | http://www.hitsurf.dk
| |
Erik Ginnerskov (06-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 06-11-09 13:44 |
| | |
Stig Johansen (05-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 05-11-09 16:44 |
|
Erik Ginnerskov wrote:
> Stig Johansen wrote:
>
>> Gad vide hvor den så er kommet fra ?
>>
>> Ud over de 2 nævnte, har jeg DOM inspector og Javascript debugger,
>> men det lyder ikke logisk, at eks. CSS validering skulle komme derfra.
>
> Mig ik forstå.
Mig ikk' en skid fatte.
Jeg har aldrig haft andre plugins installeret (bortset fra firebug og page
speed fornylig), men har altid haft disse 'knapper'.
Det er åbenbart yderst mystisk hvor det kommer fra, men for at illustrere
den, har jeg lavet endnu et screen dump fra Version2:
< http://w-o-p-r.dk/images/ff.css.js.knapper.3.png>
Som sagt synes jeg den er meget brugbar (aka uundværlig), men hvis du ikke
har den (med de samme plugins), fatter jeg nada af hvor den er kommet fra.
--
Med venlig hilsen
Stig Johansen
| |
Erik Ginnerskov (06-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 06-11-09 14:09 |
|
Stig Johansen wrote:
> Det er åbenbart yderst mystisk hvor det kommer fra, men for at
> illustrere den, har jeg lavet endnu et screen dump fra Version2:
> < http://w-o-p-r.dk/images/ff.css.js.knapper.3.png>
OK, nu er jeg med. Det er ikke i statusbaren men i Developer Toolbar, du
finder de knapper. På samme sted ser jeg bogstaverne QNN (når dit billede er
indlæst) og hover jeg de to N'er får jeg en popup med henholdsvis "Ingen
CSS-fejl" og "Ingen JavaScript-fejl".
Kigger jeg på egne sider, står der SNN i Toolbaren. S står for "Standards
Compliance-modus" og Q for "Quirks modus".
Så skal jeg bare have regnet ud, hvorfor jeg ikke har ikoner, men bogstaver.
Det er nu også fikset.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk
| |
Philip Nunnegaard (06-11-2009)
| Kommentar Fra : Philip Nunnegaard |
Dato : 06-11-09 15:23 |
|
Erik Ginnerskov skrev:
> OK, nu er jeg med. Det er ikke i statusbaren men i Developer Toolbar, du
> finder de knapper.
Ha ha! Så er mysteriet da i det mindste løst.
--
Philip - http://www.chartbase.dk | http://www.hitsurf.dk
| |
Erik Ginnerskov (06-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 06-11-09 15:31 |
|
Philip Nunnegaard wrote:
>> OK, nu er jeg med. Det er ikke i statusbaren men i Developer
>> Toolbar, du finder de knapper.
>
> Ha ha! Så er mysteriet da i det mindste løst.
Jeg aner ikke, hvorfor jeg bildte mig selv ind, at det drejede sig om
statusbaren.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk
| |
jopa (06-11-2009)
| Kommentar Fra : jopa |
Dato : 06-11-09 15:42 |
|
"Erik Ginnerskov" <erik.ginnerskov@live.dk> skrev
>
> Jeg aner ikke, hvorfor jeg bildte mig selv ind, at det drejede sig om
> statusbaren.
Du er jo også højt oppe i alderen
--
Mvh-John
www.jp-web.dk
| |
Erik Ginnerskov (07-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 07-11-09 17:01 |
| | |
Erik Ginnerskov (10-11-2009)
| Kommentar Fra : Erik Ginnerskov |
Dato : 10-11-09 18:17 |
|
Erik Ginnerskov wrote:
> Så skal jeg bare have regnet ud, hvorfor jeg ikke har ikoner, men
> bogstaver. Det er nu også fikset.
Sad lige i anden forbendelse og arbejdede på min gamle XP-maskine og så, at
der mangler ikonet for CSS-validering. Tjekkede installationen - nyeste FF
med de samme (fuldt opdaterede) tilføjelser som på Vista-maskinen. Tjekkede
alle indstillinger, ingen forskel at se. Meget mystisk.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk
| |
Stig Johansen (02-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 02-11-09 20:51 |
|
Joakim Hey Hinnerskov wrote:
> når jeg sidder og
> roder med det så sker der nogle forskellige ting som at hvis jeg
> skifter et billede ud så bliver det gamle ved med at være der
> selvom jeg har gemt ændret sti og slettet billedet helt.
>
> Det er som om at det gør hvad det vil
Det lyder som det sædvanlige caching problem.
Browserne (FF+IE i hvertfald) er sat op til standard kun at spørge 'en gang
i mellem', og benytter det sidst hentede ind imellem.
Jeg har selv ændret FF og IE til at hente hver gang, men muligvis vil en
refresh vise tingene på ny.
Men du har ret i, at det næsten er som om de har deres egen vijle, og jeg
tror ikke det er særligt dokumenteret hvad disse 'en gang imellem'
indebærer.
NB: Hvis du spørger om hvordan man ændrer indstillinger, så er det så lang
tid siden, så jeg ikke kan huske det ;)
--
Med venlig hilsen
Stig Johansen
| |
Allan Vebel (03-11-2009)
| Kommentar Fra : Allan Vebel |
Dato : 03-11-09 13:51 |
|
Stig Johansen skrev:
> Jeg har selv ændret FF og IE til at hente
> hver gang, men muligvis vil en refresh vise
> tingene på ny.
Det kan også rettes med denne lille operation
i hesderen:
http://html-faq.dk/1006.asp
Det gør at brugeren aldrig oplever problemet.
--
Allan Vebel
http://vebel.dk | http://html-faq.dk
| |
Joakim Hey Hinnersko~ (03-11-2009)
| Kommentar Fra : Joakim Hey Hinnersko~ |
Dato : 03-11-09 15:40 |
|
Hey og tak for ALLE svarene har uploadet en lignene side.
http://www.billedeupload.dk/upload/files/2009-11/39f1ac8b.jpg
det er selfølgelig ikke det design jeg arbejder med men bare et
eksempel fordi ved som udgangspunkt godt hvordan jeg skal slice.
Og ja, jeg vil jo IKKE have det i tabeller som PS funktionen gør
det.
Men det billede vil jeg gerne have delt op med en header -
navigation - buttons - bokse og footers. som jeg ville sætte
sammen i div .. div id er jeg på rette spor? og nu ved du hvad
jeg går efter ..
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Allan Vebel (04-11-2009)
| Kommentar Fra : Allan Vebel |
Dato : 04-11-09 00:24 |
|
Joakim Hey Hinnerskov skrev:
> som jeg ville sætte sammen i div .. div id er jeg
> på rette spor?
Ja!
> og nu ved du hvad jeg går efter ..
Jeg glæder mig til at se resultatet - du poster vel
et link til siden når du er færdig?
Har du problemer undervejs, så spørg endelig!
--
Allan Vebel
http://vebel.dk | http://html-faq.dk
| |
Joakim Hey Hinnersko~ (07-11-2009)
| Kommentar Fra : Joakim Hey Hinnersko~ |
Dato : 07-11-09 12:18 |
|
Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Joakim Hey Hinnerskov skrev:
>
> > som jeg ville sætte sammen i div .. div id er jeg
> > på rette spor?
>
> Ja!
>
> > og nu ved du hvad jeg går efter ..
>
> Jeg glæder mig til at se resultatet - du poster vel
> et link til siden når du er færdig?
>
> Har du problemer undervejs, så spørg endelig!
>
> --
> Allan Vebel
> http://vebel.dk http://html-faq.dk
>
>
Hej ja nu er min sidde så HELT perfekt i min egen browser.
Nu skal jeg bare have det sådan at det også vises sådan i alle
andres browser - hvordan gør jeg dette? er det med validators?
altså som eks. sendte jeg min mappe til min anden computer og der
viste den siden som var den zoom 66%
Hvad skal jeg gøre for at det vises ens i alle browsere og ens i
både FF og IE.
uploader først mit webdesign når alt er perfekt..
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Philip Nunnegaard (07-11-2009)
| Kommentar Fra : Philip Nunnegaard |
Dato : 07-11-09 12:37 |
|
Joakim Hey Hinnerskov skrev:
> Hej ja nu er min sidde så HELT perfekt i min egen browser.
> Nu skal jeg bare have det sådan at det også vises sådan i alle
> andres browser - hvordan gør jeg dette? er det med validators?
Valid kode er ikke nogen garanti for at siderne vises ens i de
forskellige browsere, men det er et godt skridt på vejen.
Ved man hvilke forskelle der er i browsernes tolkning af hid eller hint
(f.eks. padding vs. elementets totale bredde), hjælper det noget mere.
> altså som eks. sendte jeg min mappe til min anden computer og der
> viste den siden som var den zoom 66%
Det lyder mere som om den anden computer enten har en anden
skærmopløsning, eller at dens browser er sat til et andet zoom-niveau.
Men det er umuligt at vurdere hvad der er problemet her, da jeg af gode
grunde ikke kan få problemet frem på min skærm.
--
Philip - http://www.chartbase.dk | http://www.hitsurf.dk
| |
Allan Vebel (07-11-2009)
| Kommentar Fra : Allan Vebel |
Dato : 07-11-09 15:50 |
|
Joakim Hey Hinnerskov skrev:
> uploader først mit webdesign når alt er perfekt..
Det er altså meget nemmere at hjælpe dig når
vi kan se din side, og koden bag.
Du risikerer at skulle lave en hel masse om, når
du ikke tager det i opløbet.
Lægger du denne kode i <head>
<meta name="robots" content="noindex,nofollow" />
kan du fortsat arbejde på den, uden at den bliver
fundet af søgemaskinerne.
--
Allan Vebel
http://vebel.dk | http://html-faq.dk
| |
Joakim Hey Hinnersko~ (10-11-2009)
| Kommentar Fra : Joakim Hey Hinnersko~ |
Dato : 10-11-09 20:23 |
|
Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Joakim Hey Hinnerskov skrev:
>
> > uploader først mit webdesign når alt er perfekt..
>
> Det er altså meget nemmere at hjælpe dig når
> vi kan se din side, og koden bag.
>
> Du risikerer at skulle lave en hel masse om, når
> du ikke tager det i opløbet.
>
> Lægger du denne kode i <head>
>
> <meta name="robots" content="noindex,nofollow" />
>
> kan du fortsat arbejde på den, uden at den bliver
> fundet af søgemaskinerne.
>
> --
> Allan Vebel
> http://vebel.dk http://html-faq.dk
>
>
Hey Vebel
Ja okay, jeg uploader min side imorgen eller i overmorgen så
ville jeg sætte pris på hvis du ville kigge på den
Laver nok en ny tråd om det.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Karl Erik Christense~ (02-11-2009)
| Kommentar Fra : Karl Erik Christense~ |
Dato : 02-11-09 22:55 |
|
Den Mon, 02 Nov 2009 20:50:32 +0100 skrev Stig Johansen:
> Det lyder som det sædvanlige caching problem. Browserne (FF+IE i
> hvertfald) er sat op til standard kun at spørge 'en gang i mellem', og
> benytter det sidst hentede ind imellem.
>
> Jeg har selv ændret FF og IE til at hente hver gang, men muligvis vil en
> refresh vise tingene på ny.
>
> Men du har ret i, at det næsten er som om de har deres egen vijle, og
> jeg tror ikke det er særligt dokumenteret hvad disse 'en gang imellem'
> indebærer.
>
> NB: Hvis du spørger om hvordan man ændrer indstillinger, så er det så
> lang tid siden, så jeg ikke kan huske det ;)
Alle og enhver der laver hjemmesider _SKAL_ vide, at der skal klikkes på
"update" "refresh" eller hvad det end kaldes i de browsere der bruges.
En god artikel der omhandler problemet - og konkluderer at det kan lade
sig gøre vha. serverside script er:
http://articles.sitepoint.com/article/caching-php-performance
Abstraher fra at der er 28 valideringsfejl, artiklen er fra 2007.
--
Karl Erik.
| |
Stig Johansen (03-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 03-11-09 10:28 |
|
Karl Erik Christensen wrote:
> Alle og enhver der laver hjemmesider _SKAL_ vide, at der skal klikkes på
> "update" "refresh" eller hvad det end kaldes i de browsere der bruges.
Ja, men det foresvæver mig, at der var visse problemer med FF, uagtet brug
af 'refresh'.
Jeg tænker ikke på selve "hoved html'et", men eksterne JS/CSS filer etc.
Som nævnt har jeg omkonfigureret FF, men jeg mindes, at jeg skulle
'refreshe' adskillige gange før FF hentede de sidste ændringer ind (igen
eksterne referencer, img, css, js osv.)
For en god ordens skyld, så var der tale om lokale filer, og ikke serverside
filer.
--
Med venlig hilsen
Stig Johansen
| |
Karl Erik Christense~ (05-11-2009)
| Kommentar Fra : Karl Erik Christense~ |
Dato : 05-11-09 21:29 |
|
Den Thu, 05 Nov 2009 16:44:25 +0100 skrev Stig Johansen:
> Som sagt synes jeg den er meget brugbar (aka uundværlig), men hvis du
> ikke har den (med de samme plugins), fatter jeg nada af hvor den er
> kommet fra.
Web Developer -> Værktøjer -> x i Vis sidevalidering.
--
Karl Erik.
| |
Stig Johansen (05-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 05-11-09 23:14 |
|
Karl Erik Christensen wrote:
> Den Thu, 05 Nov 2009 16:44:25 +0100 skrev Stig Johansen:
>
>> Som sagt synes jeg den er meget brugbar (aka uundværlig), men hvis du
>> ikke har den (med de samme plugins), fatter jeg nada af hvor den er
>> kommet fra.
>
> Web Developer -> Værktøjer -> x i Vis sidevalidering.
Mystikken breder sig.
Jeg har godt nok den engelske version, men jeg ikke finde noget tilsvarende
under tools|web developer|tools eller options.
Men jeg har jo knapperne, og funktionerne, så det er ikke interessant for
mig.
Undrer mig bare over, at ikke alle har de tilsvarende knapper/funktioner.
Der er tale om lokal (near real-time) validering, og ikke kald til w3.
--
Med venlig hilsen
Stig Johansen
| |
Allan Vebel (06-11-2009)
| Kommentar Fra : Allan Vebel |
Dato : 06-11-09 01:15 |
|
Stig Johansen skrev:
> Undrer mig bare over, at ikke alle har de tilsvarende
> knapper/funktioner.
Jeg har de samme knapper og funktioner i min.
--
Allan Vebel
http://vebel.dk | http://html-faq.dk
| |
Philip Nunnegaard (06-11-2009)
| Kommentar Fra : Philip Nunnegaard |
Dato : 06-11-09 08:49 |
| | |
Stig Johansen (06-11-2009)
| Kommentar Fra : Stig Johansen |
Dato : 06-11-09 10:41 |
|
Philip Nunnegaard wrote:
> Hos mig giver den også nogle nye knapper ud over de to knapper som både
> du og jeg har i forvejen.
>
> Det kan ses på disse to skærmdumps jeg har lavet:
>
> http://www.hitsurf.dk/privat/ff_webdeveloper1.jpg (før)
Jeg tror vores installation er rimelig ens, bortset fra jeg kører engelsk
version:
< http://w-o-p-r.dk/images/ff.css.js.knapper.4.png>
men hvis jeg kalder 'validate css' under menuen, så afstedkommer det et kald
til W3, hvorimod de før omtalte knapper/funktioner kører lokalt.
Indtil videre lyder det som om det kun er Erik, der ikke har disse
knapper/funktioner.
--
Med venlig hilsen
Stig Johansen
| |
|
|