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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
positionering, validering
Fra : Bent Dyrman Nielsen


Dato : 06-04-11 13:13

Hej Jeg er igang med at "moderniserer" vores hjemmeside lidt.
http://faktafiber.dk/index3.html som skal blive forsiden fungerer
så vidt jeg kan se ok. Problemet opstår når jeg går videre til
http://faktafiber.dk/Profilny.html hvor positioneringen går helt
galt. Jeg kan se W3 ikke bryder sig om mouseover, men det skulle
vel ikke påvirke positioneringen. Det er iøvrigt IE der er gal
det ser ud til Mozilla godt kan vise siden. I øvrigt tak for
meget hjælp gennem min "lærlingetid" som web designer.

--
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 (06-04-2011)
Kommentar
Fra : Rune Jensen


Dato : 06-04-11 08:46

On 6 Apr., 14:13, Bent Dyrman Nielsen <b...@faktafiber.dk> wrote:
> Hej Jeg er igang med at "moderniserer" vores hjemmeside lidt.http://faktafiber.dk/index3.htmlsom skal blive forsiden fungerer
> så vidt jeg kan se ok. Problemet opstår når jeg går videre tilhttp://faktafiber.dk/Profilny.htmlhvor positioneringen går helt
> galt. Jeg kan se W3 ikke bryder sig om mouseover, men det skulle
> vel ikke påvirke positioneringen. Det er iøvrigt IE der er gal
> det ser ud til Mozilla godt kan vise siden. I øvrigt tak for
> meget hjælp gennem min "lærlingetid" som web designer.

Lige et indspark, så er din kode ikke optimal for søgemaskiner.

Lad se eksempel:

<li><a href="Kontakt.html"
onMouseover = "document.images[5].src=pict17.src"
onClick = "document.images[5].src=pict18.src"
onMouseout = "document.images[5].src=pict16.src">
<img src="kontakt.png" alt="glasfiber" style="width:15%" /></a></li>


Ingen link-tekst, og alt-teksten er ens for alle billeder.

Din mouseover bruges til billedskift?

Det kan gøres med CSS i stedet. Jeg har ikke mulighed for herfra at
lave et virkende eksempel udfra din kode, men princippet er:

a{
background: url(billede1.jpg);
}

a:hover{
background: url(image2.jpg);
/* billede, når man hover over linket */
}

Andre vil nok kunne uddybe, bl.a. er man nødt til at definere
størrelse på a som størrelse af billedet. Men prøv ovenstående i et
dokument for sig og leg lidt med det.



MVH
Rune Jensen

Karl Erik Christense~ (06-04-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 06-04-11 17:53

On 06-04-2011 16:45, Rune Jensen wrote:

> Din mouseover bruges til billedskift?
>
> Det kan gøres med CSS i stedet. Jeg har ikke mulighed for herfra at
> lave et virkende eksempel udfra din kode, men princippet er:

> MVH
> Rune Jensen

http://webdesign.ranunkelvej.com/test5/farvelink.html

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign


Birger Sørensen (06-04-2011)
Kommentar
Fra : Birger Sørensen


Dato : 06-04-11 17:37

Bent Dyrman Nielsen formulerede spørgsmålet:
> Hej Jeg er igang med at "moderniserer" vores hjemmeside lidt.
> http://faktafiber.dk/index3.html som skal blive forsiden fungerer
> så vidt jeg kan se ok. Problemet opstår når jeg går videre til
> http://faktafiber.dk/Profilny.html hvor positioneringen går helt
> galt. Jeg kan se W3 ikke bryder sig om mouseover, men det skulle
> vel ikke påvirke positioneringen. Det er iøvrigt IE der er gal
> det ser ud til Mozilla godt kan vise siden. I øvrigt tak for
> meget hjælp gennem min "lærlingetid" som web designer.

i XHTML er alle attributter med småt. Det gælder også onmouseover,
onclick og onmouseout.
Det kan i øvrigt ikke betale sig med onclick på link - den skfter
billedet efter man har forladt siden. Hvorfor?
Det kan gøres med CSS a:hover, og a:visted. Og hvis man så bruger
teksten i stedet for et billede af den, med billederne som baggrunde,
er det muligt også at vedligeholde (Ændre tekst, og/eller slette
menupunkter), blot ved at ændre teksten i kildekoden.

Der er valideringsfejl på alle siderne - både HTML og CSS.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
Så længe der er fejl, er en ensartet visning i forskellige browsere,
ikke det mest sandsynlige resultat.
På den side du mener er forkert i IE, står teksten ind over billedet og
er delvist ulæselig - tilsvarende skal teksten på forsiden læses ind
imellem møllevingerne - også i FF. Ufikst - men vist heller ikke
tilsigtet.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Bent Dyrman Nielsen (19-04-2011)
Kommentar
Fra : Bent Dyrman Nielsen


Dato : 19-04-11 09:18

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Bent Dyrman Nielsen formulerede spørgsmålet:
> > Hej Jeg er igang med at "moderniserer" vores hjemmeside lidt.
> > http://faktafiber.dk/index3.html som skal blive forsiden fungerer
> > så vidt jeg kan se ok. Problemet opstår når jeg går videre til
> > http://faktafiber.dk/Profilny.html hvor positioneringen går helt
> > galt. Jeg kan se W3 ikke bryder sig om mouseover, men det skulle
> > vel ikke påvirke positioneringen. Det er iøvrigt IE der er gal
> > det ser ud til Mozilla godt kan vise siden. I øvrigt tak for
> > meget hjælp gennem min "lærlingetid" som web designer.
>
> i XHTML er alle attributter med småt. Det gælder også onmouseover,
> onclick og onmouseout.
> Det kan i øvrigt ikke betale sig med onclick på link - den skfter
> billedet efter man har forladt siden. Hvorfor?
> Det kan gøres med CSS a:hover, og a:visted. Og hvis man så bruger
> teksten i stedet for et billede af den, med billederne som baggrunde,
> er det muligt også at vedligeholde (Ændre tekst, og/eller slette
> menupunkter), blot ved at ændre teksten i kildekoden.
>
> Der er valideringsfejl på alle siderne - både HTML og CSS.
> http://validator.w3.org/
> http://jigsaw.w3.org/css-validator/
> Så længe der er fejl, er en ensartet visning i forskellige browsere,
> ikke det mest sandsynlige resultat.
> På den side du mener er forkert i IE, står teksten ind over billedet og
> er delvist ulæselig - tilsvarende skal teksten på forsiden læses ind
> imellem møllevingerne - også i FF. Ufikst - men vist heller ikke
> tilsigtet.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>
Tak for svarene det er sikkert en god ide at arbejde videre med at lave
det i CSS istedet. Nu har jeg fået index3 til at validere, havde ikke
lige set at store bogstaver kunne være problemet. Linket til CSS
validatoren er iøvrigt på græsk hos mig?

--
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~ (19-04-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 19-04-11 14:52

On 19-04-2011 10:17, Bent Dyrman Nielsen wrote:
> Linket til CSS
> validatoren er iøvrigt på græsk hos mig?
>

Vær du glad for det ikke er på finsk - det er dælme ikke til at forstå

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://ranunkelvej.com/b&o/ - Reparation af B&O Red Line højttalere
http://webdesign.ranunkelvej.com - Artikler om webdesign

Allan Vebel (19-04-2011)
Kommentar
Fra : Allan Vebel


Dato : 19-04-11 22:29

Bent Dyrman Nielsen skrev:

> Tak for svarene det er sikkert en god ide at
> arbejde videre med at lave det i CSS i stedet.

Ja!

> Linket til CSS validatoren er iøvrigt på græsk
> hos mig?

Det er blot at klikke på English, eller hvilket sprog
du end ønsker.

Du reagerede slet ikke på min melding for 2 uger
siden:

> Du giver altså også dig selv en enorm opgave
> ved at positionere samtlige elementer - det er
> faktisk meget nemmere at stable kasser oven
> på hinanden.

Hvorfor lytter du ikke til gode råd, i stedet for bare
at fortsætte i samme spor?

Din positionering af samtlige elementer giver
fortsat en lang række problemer, ikke mindst ved
udskrivning - det ser mildest talt forfærdeligt ud,
og det byder du dine kunder

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk


Allan Vebel (06-04-2011)
Kommentar
Fra : Allan Vebel


Dato : 06-04-11 22:10

Bent Dyrman Nielsen skrev:

> hvor positioneringen går helt galt.

Du giver altså også dig selv en enorm opgave
ved at positionere samtlige elementer - det er
faktisk meget nemmere at stable kasser oven
på hinanden.

Skal du tilføje en tekst eller et billede, er du også
nødt til at rette på positionerne - det giver meget
mere vedligeholdelse.

Samtidig går det ud over udskrivningen, den er
helt ubrugelig.

Når du alligevel er i gang med modernisering, så
overvej at starte helt forfra med css-filen.

Du bør også lave en menu der ikke er lavet med
billeder - søgemaskinerne kan ikke læse grafik.

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk


Bent Dyrman Nielsen (03-05-2011)
Kommentar
Fra : Bent Dyrman Nielsen


Dato : 03-05-11 08:47

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> > hvor positioneringen går helt galt.
> faktisk meget nemmere at stable kasser oven
> på hinanden.

> Samtidig går det ud over udskrivningen, den er
> helt ubrugelig.
>
> Når du alligevel er i gang med modernisering, så
> overvej at starte helt forfra med css-filen.
>
> Du bør også lave en menu der ikke er lavet med
> billeder - søgemaskinerne kan ikke læse grafik.
>
> --
> Allan Vebel
> http://vebel.dk http://dmwebdesign.dk
>
Hej igen
Ja så er jeg så småt startet på min "OMMER" men der er
selvfølgelig en grund til at jeg åbenbart ikke har fulgt alle
jeres gode råd og det er som andre også har beskrevet at det ikke
altid er så let at forstå alle de velmenende råd! Feks. jo jeg
kan selvfølgelig slette alle positioneringerne, men hvor kønt er
det lige at det hele bare falder ned over siden. Hvordan får jeg
grafiske elementer placeret side om side hvis ikke jeg "MÅ"
anvende positionering? Så påpeges det at udskrivningen går helt
galt. Det forstår jeg ganske enkelt ikke, hvem vil dog udskrive
en side som denne, personligt kunne jeg aldrig drømme om det, den
er til for at få kontakt til nye kunder, og det lykkedes faktisk
over alt forventning. Jeg har lidt "dybere" inde på siderne
enkelte "PDF link" hvor kunder kan hente filer til udskrivning.
Jeg mig også over at man ikke bryder sig om grafiske menuknapper.
Hvis i søger i Google på "glasfiber" dukker vi op på side 1, uden
at vi har betalt annoncehajer eller andre en krone for det. Min
teori er at det skyldes "alt ordene" på siden. Grunden til jeg
overhovedet har bevæget mig ind på dette område er at jeg finder
det interessant at prøve at ”gøre det selv” helt fra bunden og at
jeg er en ”fedtsyl” fordi den nemmeste løsning er selvfølgelig at
kontrahere med et af de utallige ”standard” firmaer der ringer og
mailer dagligt om at få lov at lave verdens bedste hjemmeside med
garanteret placering i Google. Specielt den med Google
placeringen morer vi os tit over når vi spørger den håbefulde
sælger om han har prøvet at søge feks. på glasfiber, og han så må
trække sig fordi han dybest set ikke har noget at sælge.
Men som sagt jeg vil naturligvis gerne blive bedre, og det bliver
jeg selvfølgelig også på et eller andet plan, men der er altså
stadig noget jeg ikke fatter, her og nu specielt omkring hvordan
man ”lay-outer” sin side uden brug af positionering.
Mvh Bent

--
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

Søg
Reklame
Statistik
Spørgsmål : 177577
Tips : 31968
Nyheder : 719565
Indlæg : 6409071
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste