Avatar billede mj72 Juniormester
06. oktober 2008 - 00:09 Der er 11 kommentarer og
1 løsning

Problemer med at indsætte en tabel i et søgeresultat

Jeg bruger en html-template til at vise et søgeresultat.

Her er en tilfældig søgning:
http://www.fedefotos.dk/soeg/search.asp?zoom_sort=1&zoom_query=hunde

Der er aaalt for meget scroll - så jeg har prøvet uden held at lave en tabel med 5 kolonner og en kort tekst under - ligesom på forsiden.

Her er et udsnit af koden:

Teksten:
.result_title {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 9px;
    height: 4em;
    overflow: hidden;
    display: compact;


Billedet:
        .result_image {
    float: inherit;
    display: block;
}
        .result_image img {
    margin: 5px;
    border: 0px;


Den blok, som tekst og billede indgår i:

    .result_block {
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline;
}


Kan nogen hjælpe ...!
Avatar billede w13 Novice
06. oktober 2008 - 09:37 #1
Ikke tabel kun med CSS.

Men du kan måske rette:

.result_block {
    float: left;
    width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}

Så burde du bare skulle rette width til, så det passer med 5.
Avatar billede mj72 Juniormester
06. oktober 2008 - 20:27 #2
Tak for forslaget.

Tekst og billeder har desværre stadig deres helt eget forskudte liv...;-)

http://www.fedefotos.dk/soeg/search.asp?zoom_sort=1&zoom_query=fugle
Avatar billede w13 Novice
06. oktober 2008 - 21:16 #3
Du har jo også både result_block og result_altblock..

De ting jeg har skrevet, skal derfor sættes på begge.
Avatar billede mj72 Juniormester
07. oktober 2008 - 22:40 #4
Selvfølgelig - den er der næsten.

Width 185 fungerer fint i 1024x768 opløsning med 5 i hver række, men i 1280x1024 ryger enkelte fotos ned på næste række.

Width 225 fungerer fint i 1280x1024 opløsning med 6 i hver række, men i 1024x768 ryger enkelte fotos ned på næste række.
http://www.fedefotos.dk/soeg/search.asp?zoom_sort=1&zoom_query=fugle

Kan man definere en limit, så der er 5 på hver række uanset opløsningen?
Avatar billede w13 Novice
07. oktober 2008 - 22:57 #5
Nej, denne metode afhænger af skærmopløsningen.
Avatar billede w13 Novice
07. oktober 2008 - 22:58 #6
Ellers skal det løses på en helt anden måde, og ikke med HTML og CSS, men derimod serverside med din ASP-kode.
Avatar billede mj72 Juniormester
07. oktober 2008 - 23:14 #7
Der er 2100 linjer i search.asp ...

Jeg fandt lidt result_block, men er ellers helt lost:

' Display the results
    do while (arrayline < matches AND arrayline < result_limit)
        ipage = output(0, arrayline)
        score = output(1, arrayline)
               
        pgdata = GetPageData(ipage)
        url = pgdata(PAGEDATA_URL)
        title = pgdata(PAGEDATA_TITLE)
        description = pgdata(PAGEDATA_DESC)               
                         
        urlLink = url               
        if (GotoHighlight = 1) then
            if (SearchAsSubstring = 1) then
                urlLink = AddParamToURL(urlLink, "zoom_highlightsub=" & queryForURL)
            else
                urlLink = AddParamToURL(urlLink, "zoom_highlight=" & queryForURL)
            end if
        end if
        if (PdfHighlight = 1) then
            if (InStr(urlLink, ".pdf") <> False) then
                urlLink = urlLink & "#search=&quot;"&Replace(query, """", "")&"&quot;"
            end if           
        end if     
       
        if (arrayline Mod 2 = 0) then
            Response.Write("<div class=""result_block"">")
        else
            Response.Write("<div class=""result_altblock"">")
        end if
Avatar billede w13 Novice
07. oktober 2008 - 23:17 #8
Hmm. Nej, det bliver nok ret svært så. Men 2100 linjer? Hvad bliver de brugt til? :)
Avatar billede w13 Novice
07. oktober 2008 - 23:21 #9
En så simpel søgeside burde ikke have meget mere end 100-150 linjer maks., vil jeg mene.
Avatar billede mj72 Juniormester
07. oktober 2008 - 23:36 #10
Søgefunktionen er en færdig løsning, hvor jeg har slået de fleste muligheder fra.
Avatar billede mj72 Juniormester
08. oktober 2008 - 23:23 #11
Løsningen var uhyggelig enkel....: Height 210 pix

        .result_block {
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    width: 185px;
    display: block;
    margin-right: 25px;
    height: 210px;
}
        .result_altblock {
    float: left;
    width: 185px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    margin-right: 25px;
    height: 210px;
}

Vil du lægge et svar?
Avatar billede mj72 Juniormester
22. oktober 2008 - 17:13 #12
Øvkæj, så gør jeg det selv.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester