|
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | Kommentar Fra : Brian B. Christensen |
Dato : 29-05-08 20:59 |
| | |
Jørn Andersen (29-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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
| |
![](/images/tree/0.gif) Stig Johansen (30-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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
| |
![](/images/tree/0.gif) Brian B. Christensen (30-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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
| |
![](/images/tree/0.gif) Erik Ginnerskov (30-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | Kommentar Fra : Erik Ginnerskov |
Dato : 30-05-08 20:06 |
| | |
![](/images/tree/0.gif) ![](/images/tree/0.gif) Brian B. Christensen (31-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | Kommentar Fra : Erik Ginnerskov |
Dato : 30-05-08 05:42 |
| | |
Brian B. Christensen (30-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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
| |
![](/images/tree/0.gif) Erik Ginnerskov (30-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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
| |
![](/images/tree/0.gif) ![](/images/tree/0.gif) Erik Ginnerskov (30-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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
| |
![](/images/tree/0.gif) ![](/images/tree/0.gif) ![](/images/tree/0.gif) Brian B. Christensen (31-05-2008)
![](/App_Themes/Normal/images/Window/Backgrounds/news.gif) | 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
| |
|
|