Avatar billede webrex Nybegynder
16. juni 2004 - 21:56 Der er 18 kommentarer og
1 løsning

Menu deler sig når browser vindue ændres, opløsning ændres

Hejsa, på min side er mit generelle problem at elementerne rykker sig alt efter browservinduets størrelse, hvordan låses de fast? - så de sidder på samme måde i alle opløsninger?
Konkrete problem er på denne side hvor jeg lige har lavet en ny menu, men som det kan ses ændres de td-tags som linksene er i, når browservinduet ændres eller ved ændring af opløsning. Siden hedder www.brh-advokater.dk. Går ud fra at det er HTML for begyndere :).
P.S. måske råder I mig til at kode i div, css m.m. men nu er jeg startet i tabel og kan ligeså godt færdiggøre det i html.
tak!
Avatar billede korup Nybegynder
16. juni 2004 - 22:03 #1
Hej

Du kan prøve at sætte nowrap ind i din TD.

/Korup
Avatar billede webrex Nybegynder
16. juni 2004 - 22:03 #2
Har lige fundet en god kode nowrap! som kan indsættes i <td> - tagget det hjalp, men samtidig er jeg blevet opmærksom på en anden finesse, hvordan hindrer jeg at menuens links klaskes sammen mod hinanden når browservinduet mindskes? (Skal jeg oprette nyt spgm.`?)
Avatar billede and_ Nybegynder
16. juni 2004 - 22:03 #3
i ´stedet for at angive dine tabelstørrelser med % så brug ordentlige pixelbetegnelser.....

Sæt en fast bredde: fx width="25" istedet for width="25%"... browseren opfatter disse på 2 forskellige måder.....
Avatar billede webrex Nybegynder
16. juni 2004 - 22:18 #4
Ellers tak korup.... :)
>and: ja det kan man godt her i dette tilfælde - var bare nervøs for : når man fx ændrer opløsning er det ikke altid at PIXEL ANGIVELSE passer, så sidder de ikke hvor de skal!
Nu har jeg ændret det til pixelangivelse i menuen - dog når jeg mindsker browservinduet MOD venstre side så presses den aller første mellemrum lige før første link væk? Hvorfor???? jeg oploader lige det jeg taler om----....
Avatar billede and_ Nybegynder
16. juni 2004 - 22:23 #5
du har ikke noget indhold i den..... derfor bliver den automatiskt "klippet"

<td width="10"></td>

skal du ændre til: <td width="10">&nbsp;</td>
Avatar billede webrex Nybegynder
16. juni 2004 - 22:26 #6
det hjælper ikke som du kan se... :)
Avatar billede and_ Nybegynder
16. juni 2004 - 22:37 #7
hmmmm..... du bruger stadig nogle %... men det skulle nu ikke være problemet....

kan du ikke lige<style menuen igen... så arbejder vi ud fra det...
Avatar billede webrex Nybegynder
16. juni 2004 - 22:45 #8
style menuen hhehe det betyder? :)
Avatar billede and_ Nybegynder
16. juni 2004 - 22:47 #9
gøre den pæn... (fx. carstyling, hairstyling osv)
Avatar billede webrex Nybegynder
16. juni 2004 - 22:54 #10
nåhh..heheh øjeblik...
Avatar billede webrex Nybegynder
16. juni 2004 - 22:59 #11
Sådan, det hjalp vist ik? Men mine valign=middle koder har jeg lige slettet de virker ikke du kan se linksene står ikke helt i midten -
Avatar billede and_ Nybegynder
17. juni 2004 - 00:08 #12
kigger lige på det imorgen......
Avatar billede webrex Nybegynder
17. juni 2004 - 12:09 #13
Ok! - med i midten mente jeg, at de ikke står horisontialt i midten! :) Ved ikke hvorfor... noget er galt?
Avatar billede webrex Nybegynder
17. juni 2004 - 12:58 #14
Nej, det hjalp ikke helt som du nok kan se....
Avatar billede and_ Nybegynder
17. juni 2004 - 17:37 #15
<tr height="18">
        <td valign="middle">
        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="menufarve">
            <tr>
            <td>&nbsp;&nbsp;&nbsp;</td>   
            <td nowrap width="55"><img src="Mouse-over.jpg">
            <a href="index.html" title="Link til forsiden">Forside</a>
            </td>
            <td nowrap width="115"><img src="Mouse-over.jpg">
            <a href="FR.htm" title="Sagsområder">Forretningsområder</a>
            </td>
            <td nowrap width="60"><img src="Mouse-over.jpg">
            <a href="AD.htm" title="Indehaver">Advokat</a>
            </td>
            <td nowrap width="70"><img src="Mouse-over.jpg">
            <a href="SE.htm" title="Personale">Sekretærer</a>
            </td>       
            <td nowrap width="55"><img src="Mouse-over.jpg">
            <a href="HI.htm" title="Firmaprofil">Historie</a>
            </td>
            <td nowrap width="45"><img src="Mouse-over.jpg">
            <a href="LI.htm" title="Relevante links">Links</a>
            </td>
            <td nowrap width="70"><img src="Mouse-over.jpg">
            <a href="HV.htm" title="Sted">Hvor er vi?</a>
            </td>
            <td nowrap width="80"><img src="Mouse-over.jpg">
            <a href="KO.htm" title="Mail, fax, tlf. m.m.">Kontakt os</a>
            </td>
            <td align="right" valign="bottom" nowrap><span class="font"><script type="text/javascript" src="dato.jsp"></script>   
            </span>
            </td>
            </tr>
        </table>
        </td>
    </tr>
Avatar billede webrex Nybegynder
17. juni 2004 - 18:16 #16
ja, så kn man sætte &nbsp; 3 gange  - det har jeg så gjort - det virker! men linksene og de små pile kan jeg ikke styre - dvs. sætte valign!
Avatar billede and_ Nybegynder
17. juni 2004 - 18:18 #17
jeg har mistanke om at din tabel fylder for meget...
prøv lige, så jeg kan se resultatet:

<tr height="18">
        <td valign="middle">
        <table border="1" width="100%" cellspacing="0" cellpadding="0" id="menufarve">
            <tr>
            <td>&nbsp;&nbsp;&nbsp;</td>   
            <td nowrap width="55"><img src="Mouse-over.jpg">
            <a href="index.html" title="Link til forsiden">Forside</a>
            </td>
            <td nowrap width="115"><img src="Mouse-over.jpg">
            <a href="FR.htm" title="Sagsområder">Forretningsområder</a>
            </td>
            <td nowrap width="60"><img src="Mouse-over.jpg">
            <a href="AD.htm" title="Indehaver">Advokat</a>
            </td>
            <td nowrap width="70"><img src="Mouse-over.jpg">
            <a href="SE.htm" title="Personale">Sekretærer</a>
            </td>       
            <td nowrap width="55"><img src="Mouse-over.jpg">
            <a href="HI.htm" title="Firmaprofil">Historie</a>
            </td>
            <td nowrap width="45"><img src="Mouse-over.jpg">
            <a href="LI.htm" title="Relevante links">Links</a>
            </td>
            <td nowrap width="70"><img src="Mouse-over.jpg">
            <a href="HV.htm" title="Sted">Hvor er vi?</a>
            </td>
            <td nowrap width="80"><img src="Mouse-over.jpg">
            <a href="KO.htm" title="Mail, fax, tlf. m.m.">Kontakt os</a>
            </td>
            <td align="right" valign="bottom" nowrap><span class="font"><script type="text/javascript" src="dato.jsp"></script>   
            </span>
            </td>
            </tr>
        </table>
        </td>
    </tr>
Avatar billede webrex Nybegynder
17. juni 2004 - 20:08 #18
Som du kan se glemmer du det indsatte width=10 i det første td-tag. Den holder afstanden. Så rykkes linksene igen...
Avatar billede and_ Nybegynder
17. juni 2004 - 21:00 #19
hmmm, må ærligt indrømme at jeg ikke lige kan se hvad det er der får menuen til at opføre sig på den måde...
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