/ 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
Problemer med side i Opera
Fra : Brian B. Christensen


Dato : 29-05-08 17:49

Hej.

Jeg har problemer med denne side:

http://www.ibenhellum.dk/index.asp?side=varer&gruppe=Halsk%E6der

I Opera 9.27, bliver billederne i tabellen, smidt uden for min DIV.
Det virker fint i IE7 og FF 2.

Ikke den mest overskuelige kode, men da jeg genererer siderne fra ASP,
kan jeg ikke lige få det til at så ordentligt i sourcen.

Nogen der kan forklare hvad jeg gør galt?

Mvh. Brian

 
 
Rune Jensen (29-05-2008)
Kommentar
Fra : Rune Jensen


Dato : 29-05-08 13:55

On 29 Maj, 18:49, Brian B. Christensen <bbcdenm...@gmail.com> wrote:
> Hej.
>
> Jeg har problemer med denne side:
>
> http://www.ibenhellum.dk/index.asp?side=varer&gruppe=Halsk%E6der
>
> I Opera 9.27, bliver billederne i tabellen, smidt uden for min DIV.
> Det virker fint i IE7 og FF 2.
>
> Ikke den mest overskuelige kode, men da jeg genererer siderne fra ASP,
> kan jeg ikke lige få det til at så ordentligt i sourcen.
>
> Nogen der kan forklare hvad jeg gør galt?

Duhar en Parse Error
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ibenhellum.dk%2Findex.asp%3Fside%3Dvarer%26gruppe%3DHalsk%25E6der&profile=css21&usermedium=all&warning=1&lang=en

jeg ved ikke, om det er de to ,,

Det _kan_ være det, for Opera er ret skrap (og krævende), når gælder
valid CSS.


MVH
Rune jensen

Brian B. Christensen (29-05-2008)
Kommentar
Fra : Brian B. Christensen


Dato : 29-05-08 20:59

On Thu, 29 May 2008 12:54:44 -0700 (PDT), Rune Jensen
<runeofdenmark@gmail.com> wrote:

>Duhar en Parse Error
>http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ibenhellum.dk%2Findex.asp%3Fside%3Dvarer%26gruppe%3DHalsk%25E6der&profile=css21&usermedium=all&warning=1&lang=en
>
>jeg ved ikke, om det er de to ,,
>
>Det _kan_ være det, for Opera er ret skrap (og krævende), når gælder
>valid CSS.

Tak, den havde jeg ikke lige set. Den er nu rettet, men det hjalp
ikke.

Mvh. Brian

Jørn Andersen (29-05-2008)
Kommentar
Fra : Jørn Andersen


Dato : 29-05-08 21:00

On Thu, 29 May 2008 18:49:12 +0200, Brian B. Christensen
<bbcdenmark@gmail.com> wrote:

>Ikke den mest overskuelige kode, men da jeg genererer siderne fra ASP,
>kan jeg ikke lige få det til at så ordentligt i sourcen.

Sæt nogle vbcrlf ind i ASP - det hjælper på overskueligheden

Good luck!

--
Jørn Andersen,
Brønshøj

Rune Jensen (29-05-2008)
Kommentar
Fra : Rune Jensen


Dato : 29-05-08 14:07

On 29 Maj, 18:49, Brian B. Christensen <bbcdenm...@gmail.com> wrote:

> Jeg har problemer med denne side:
>
> http://www.ibenhellum.dk/index.asp?side=varer&gruppe=Halsk%E6der
>
> I Opera 9.27, bliver billederne i tabellen, smidt uden for min DIV.
> Det virker fint i IE7 og FF 2.
>
> Ikke den mest overskuelige kode, men da jeg genererer siderne fra ASP,
> kan jeg ikke lige få det til at så ordentligt i sourcen.
>
> Nogen der kan forklare hvad jeg gør galt?
On 29 Maj, 18:49, Brian B. Christensen <bbcdenm...@gmail.com> wrote:
> Hej.
>
> Jeg har problemer med denne side:
>
> http://www.ibenhellum.dk/index.asp?side=varer&gruppe=Halsk%E6der
>
> I Opera 9.27, bliver billederne i tabellen, smidt uden for min DIV.
> Det virker fint i IE7 og FF 2.
>
> Ikke den mest overskuelige kode, men da jeg genererer siderne fra ASP,
> kan jeg ikke lige få det til at så ordentligt i sourcen.
>
> Nogen der kan forklare hvad jeg gør galt?

Du har en Parse Error
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ibenhellum.dk%2Findex.asp%3Fside%3Dvarer%26gruppe%3DHalsk%25E6der&profile=css21&usermedium=all&warning=1&lang=en

jeg ved ikke, om det er de to ,,

Det _kan_ være det, for Opera er ret skrap (og krævende), når gælder
valid CSS.
Husk også, hvis du har ASPkode inden Doc Type, at der ikke må være
mellemrum i form af f.eks. retur.
I så fald erstattes med '

MVH
Rune Jensen

Brian B. Christensen (29-05-2008)
Kommentar
Fra : Brian B. Christensen


Dato : 29-05-08 21:44

On Thu, 29 May 2008 13:06:32 -0700 (PDT), Rune Jensen
<runeofdenmark@gmail.com> wrote:

>Husk også, hvis du har ASPkode inden Doc Type, at der ikke må være
>mellemrum i form af f.eks. retur.
>I så fald erstattes med '

Det har jeg ikke. Doc type er det første.

Mvh. Brian

Rune Jensen (29-05-2008)
Kommentar
Fra : Rune Jensen


Dato : 29-05-08 18:36

On 29 Maj, 22:44, Brian B. Christensen <bbcdenm...@gmail.com> wrote:
> On Thu, 29 May 2008 13:06:32 -0700 (PDT), Rune Jensen
>
> <runeofdenm...@gmail.com> wrote:
> >Husk også, hvis du har ASPkode inden Doc Type, at der ikke må være
> >mellemrum i form af f.eks. retur.
> >I så fald erstattes med '
>
> Det har jeg ikke. Doc type er det første.

OK, så må man vel til at teste, men først lige nogle småbemærkninger.
Uden CSS, så ser det ud, som om, du har nogle allerhulens store
billeder. Prøv at bruge nogen i faktisk størrelse. Eller fjern
billedelementet helt, se om det hjælper. Angiv både bredde og højde på
billedet i selve elementet, når det lægges ind.

Du skal så vidt jeg husker have border-collapse:collapse på table, men
der er nogle ting ved table og CSS, jeg ikke kan huske. Der er vidst
noget med, man ikke kan sætte cell-padding. Der må næsten stå noget på
html.dk. Det er nok ikke der, fejlen ligger, men cell-spacing og cell-
padding skal jo have ens værdier i alle browsere for at blive vist
ens.

Prøv at sætte en border på alle div, table, tr og td elementer. Så bør
man kunne ane, hvor der er et eller andet, som fylder for meget
(højrepadding/margin/width?). Der er lidt af det indbygget i Opera
under "vis" og "sidens fremtoning", men man kan ikke umiddelbart se,
hvor hver border hører til i class og ID..

For a teste hvert element, kan du ændre på width, margin/padding-
værdierne - prøve at ændre width for alt, som har noget med table at
gøre. F.eks. et element adf gangen give width noget a la 2000px og
bagefter noget a la 10 px.

Eller REMme ud i CSSen en ad gangen indefra alle elementer.

DOM-strukturen, kan ses i FF under "Funktioner" -> "DOM-inspektør".
Jeg har ikke arbejdet sådan rigtigt med den, men den bør kunne vise,
hvilke elementer, som er afhængige af hinanden.


MVH
Rune Jensen

Stig Johansen (30-05-2008)
Kommentar
Fra : Stig Johansen


Dato : 30-05-08 05:54

Rune Jensen wrote:

> DOM-strukturen, kan ses i FF under "Funktioner" -> "DOM-inspektør".
> Jeg har ikke arbejdet sådan rigtigt med den, men den bør kunne vise,
> hvilke elementer, som er afhængige af hinanden.

I FF med web developer plugin, kan man også lave outlines, og eksempelves
vise rækkerfølge af div's.

Da denne her indeholder div på div på div....
kunne man starte ed at finde ud af hvad der ryger uden for hvilken div.

--
Med venlig hilsen
Stig Johansen

Brian B. Christensen (30-05-2008)
Kommentar
Fra : Brian B. Christensen


Dato : 30-05-08 15:21

On Thu, 29 May 2008 17:35:50 -0700 (PDT), Rune Jensen
<runeofdenmark@gmail.com> wrote:

>OK, så må man vel til at teste, men først lige nogle småbemærkninger.
>Uden CSS, så ser det ud, som om, du har nogle allerhulens store
>billeder. Prøv at bruge nogen i faktisk størrelse. Eller fjern
>billedelementet helt, se om det hjælper. Angiv både bredde og højde på
>billedet i selve elementet, når det lægges ind.

Jeps, der var den. Når jeg sætter bredden OG højden på billederne, så
virker det også i Opera.

Nu skal jeg så bare finde ud af, at resize dem og læse højde og
bredden i ASP og smide det ud i height / width på img tagget.

Tusind tak! (også til alle andre kommentarer i tråden).

Mvh. Brian

Rune Jensen (30-05-2008)
Kommentar
Fra : Rune Jensen


Dato : 30-05-08 11:42

On 30 Maj, 06:54, Stig Johansen <wopr...@gmaill.com> wrote:
> Rune Jensen wrote:
> > DOM-strukturen, kan ses i FF under "Funktioner" -> "DOM-inspektør".
> > Jeg har ikke arbejdet sådan rigtigt med den, men den bør kunne vise,
> > hvilke elementer, som er afhængige af hinanden.
>
> I FF med web developer plugin, kan man også lave outlines, og eksempelves
> vise rækkerfølge af div's.
>
> Da denne her indeholder div på div på div....
> kunne man starte ed at finde ud af hvad der ryger uden for hvilken div.

Jeg har også fået anbefalet Web Developer plug in af en del i
webdesign grupperne, så jo, tror lige jeg søger efter det... eller
måske en venlig sjæl har en URL;)


MVH
Rune Jensen

Erik Ginnerskov (30-05-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-05-08 20:06

Rune Jensen wrote:

> Jeg har også fået anbefalet Web Developer plug in af en del i
> webdesign grupperne, så jo, tror lige jeg søger efter det... eller
> måske en venlig sjæl har en URL;)

https://addons.mozilla.org/da/firefox/addon/60

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Brian B. Christensen (31-05-2008)
Kommentar
Fra : Brian B. Christensen


Dato : 31-05-08 09:08

On Fri, 30 May 2008 21:06:27 +0200, "Erik Ginnerskov"
<erik.ginnerskov@live.dk> wrote:

>https://addons.mozilla.org/da/firefox/addon/60

Det er altså smart det der. Bare det at kunne validere direkte og se
strukturen for siden osv. osv.

Genialt og tak for linket.

Mvh. Brian

Erik Ginnerskov (30-05-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-05-08 05:42

Brian B. Christensen wrote:
> Hej.
>
> Jeg har problemer med denne side:
>
> http://www.ibenhellum.dk/index.asp?side=varer&gruppe=Halsk%E6der
>
> I Opera 9.27, bliver billederne i tabellen, smidt uden for min DIV.
> Det virker fint i IE7 og FF 2.

Du har lagt de to billeder af halskæderne ind i en tabel - jeg kan ikke få
øje på nogen bydende grund til at gøre det. Prøv i stedet bare at lægge
billederne ind med float:left; og en passende margin.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Brian B. Christensen (30-05-2008)
Kommentar
Fra : Brian B. Christensen


Dato : 30-05-08 15:24

On Fri, 30 May 2008 06:41:38 +0200, "Erik Ginnerskov"
<erik.ginnerskov@live.dk> wrote:

>Du har lagt de to billeder af halskæderne ind i en tabel - jeg kan ikke få
>øje på nogen bydende grund til at gøre det. Prøv i stedet bare at lægge
>billederne ind med float:left; og en passende margin.

Med røde ører må jeg sige at grunden er, at jeg nogenlunde ved hvad
jeg laver med en table. CSS er stadig noget jeg prøver mig frem med,
indtil det virker. Og billederne skulle stå pænt i 3 kolonner.

Mvh. Brian

Erik Ginnerskov (30-05-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-05-08 19:40

Brian B. Christensen wrote:

> Med røde ører må jeg sige at grunden er, at jeg nogenlunde ved hvad
> jeg laver med en table.

Men nu har du så oplevet, at anvendelse af tabel ikke lige passer til det
formål.

> CSS er stadig noget jeg prøver mig frem med,
> indtil det virker.

Det kommer bestemt også til at virke i en fart og uden problemer, hvis du
laver det som vist herunder.

> Og billederne skulle stå pænt i 3 kolonner.

Så gerne.

I css:

..billede {
float: left;
margin-right: 25px;
}
..hojre {
margin-right: 0;
}

.... og i html:

<div>
<img src="[url]" width="130" height="154" alt="">
<img src="[url]" width="130" height="154" alt="">
<img src="[url]" width="130" height="154" alt="">
</div>
<div>
<img src="[url]" width="130" height="154" alt="">
<img src="[url]" width="130" height="154" alt="">
<img src="[url]" width="130" height="154" alt="">
</div>

Indsæt det i stedet for tabellen. Du kan stable lige så mange rækker á tre
billeder, som du selv ønsker.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Erik Ginnerskov (30-05-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-05-08 20:16

Erik Ginnerskov wrote:

> <div>
> <img src="[url]" width="130" height="154" alt="">
> <img src="[url]" width="130" height="154" alt="">
> <img src="[url]" width="130" height="154" alt="">
> </div>
> <div>
> <img src="[url]" width="130" height="154" alt="">
> <img src="[url]" width="130" height="154" alt="">
> <img src="[url]" width="130" height="154" alt="">
> </div>

Ups, glemte lige en detalje:

<div>
<img class="billede" src="[url]" width="130" height="154" alt="">
<img class="billede" src="[url]" width="130" height="154" alt="">
<img class="billede" src="[url]" width="130" height="154" alt="">
</div>
<div>
<img class="billede" src="[url]" width="130" height="154" alt="">
<img class="billede" src="[url]" width="130" height="154" alt="">
<img class="billede" src="[url]" width="130" height="154" alt="">
</div>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Brian B. Christensen (31-05-2008)
Kommentar
Fra : Brian B. Christensen


Dato : 31-05-08 09:04

On Fri, 30 May 2008 21:15:43 +0200, "Erik Ginnerskov"
<erik.ginnerskov@live.dk> wrote:

>Ups, glemte lige en detalje:

Mange tak for info. Jeg vil prøve at tage en kopi af siden og sætte
det op med CSS, så må vi se....

Mvh. Brian

Søg
Reklame
Statistik
Spørgsmål : 177493
Tips : 31966
Nyheder : 719565
Indlæg : 6408474
Brugere : 218886

Månedens bedste
Årets bedste
Sidste års bedste