/ 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
Forskellig størrelse på menupunkterne
Fra : Benny Nissen


Dato : 12-08-03 23:00

Hejsa.

Hvorfor kan jeg ikke få top-menuen til at have samme bredee i alle felter ?

Siden ses på: http://bennynissen.dk/tika/index.php

Altså skal feltet med forside være lige så stort som feltet med
konkurrencer.

Koden til topmenuen ses på: http://bennynissen.dk/tika/top_inc.phps

Jeg har prøvet med width i CSS, men det hjælper ikke rigtigt.
Siderne skal virke i de mest gængse browsere, og skal validere både xhtml og
css


--
Benny Nissen



 
 
Anders Thorsen Holm (13-08-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 13-08-03 00:05

Benny Nissen wrote:

> Hvorfor kan jeg ikke få top-menuen til at have samme bredee i alle
> felter ?
>
> Siden ses på: http://bennynissen.dk/tika/index.php
>
> Altså skal feltet med forside være lige så stort som feltet med
> konkurrencer.

Du kunne prøve at lave din menu på følgende måde (jeg har for
overskuelighedens skyld fjernet al javascript-fnidder):

<div id="topmenu">

<div><img src="top_menu_off.jpg" width="13" height="24"
id="topmenu1" alt="" /><a href="index.php" title="forsiden">Forsiden
</a></div>

....

<div><img src="top_menu_off.jpg" width="13" height="24"
id="topmenu7" alt="" /></div>

</div>

I din CSS har du så:

#topmenu {
   position: absolute;
   left: 130px;
   top: 151px;
   height: 24px;
   padding: 0;
}

#topmenu div {
   float: left; /* 'inline' visning af hver div */
   width: 100px; /* bredde på hvert punkt */
}

#topmenu div a {
   position: relative;
   bottom: 7px;
   left: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #fc6;
   text-decoration: none;
}

Det får i hvert fald hvert punkt i menuen til at have samme bredde.
Centrering af teksten kan jeg dog ikke hjælpe med p.t.

Noget helt andet er dog, at du ved at angive tekststørrelser i pixels
fastlåser skriften for brugere af IE - ikke så rart med tekst på
12px, hvis man er svagtseende eller bare har en høj skærmopløsning.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fredgaard

Anders Thorsen Holm (13-08-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 13-08-03 00:43

Anders Thorsen Holm wrote:

> Du kunne prøve at lave din menu på følgende måde (jeg har for
> overskuelighedens skyld fjernet al javascript-fnidder):

[snip]

Det ser ud til at virke i Mozilla 1.3, IE6 og Opera 6 men i Opera 7
vises kun det første punkt... jeg kan ikke gennemskue hvorfor.
Umiddelbart vil jeg betegne det som en bug i Opera 7 - jeg har stødt på
en del problemer med den browser med hensyn til CSS.

Men floats er nu også nogle skræmmende størrelser.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fredgaard

Benny Nissen (13-08-2003)
Kommentar
Fra : Benny Nissen


Dato : 13-08-03 01:13


"Anders Thorsen Holm" <zoolook@daimi.au.dkx> skrev i en meddelelse
news:Xns93D611BD2A0B4zoolook@130.225.247.90...
> Anders Thorsen Holm wrote:
>
> > Du kunne prøve at lave din menu på følgende måde (jeg har for
> > overskuelighedens skyld fjernet al javascript-fnidder):
>
> [snip]
>
> Det ser ud til at virke i Mozilla 1.3, IE6 og Opera 6 men i Opera 7
> vises kun det første punkt... jeg kan ikke gennemskue hvorfor.
> Umiddelbart vil jeg betegne det som en bug i Opera 7 - jeg har stødt på
> en del problemer med den browser med hensyn til CSS.

Den må jeg leve uden så (ind til videre).

Tak for hjælpen forøvrigt


--
Benny Nissen



Anders Thorsen Holm (13-08-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 13-08-03 01:16

Benny Nissen wrote:

> Den må jeg leve uden så (ind til videre).

Det er selvfølgelig ikke optimalt - særligt ikke når Oprea-brugere har
ry for at benytte den seneste version af browseren. Det er brand-
ærgeligt, at de skal fratages navigationsmulighederne på en side ...
også for ejeren af pågældende website, der risikerer at miste
potentielle kunder.

Forresten synes jeg ikke det gør noget at punkterne i menuen har
forskellig bredde.

> Tak for hjælpen forøvrigt

Ingen årsag - jeg kan alligevel ikke sove i den her varme.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fredgaard

Benny Nissen (13-08-2003)
Kommentar
Fra : Benny Nissen


Dato : 13-08-03 01:31

> > Den må jeg leve uden så (ind til videre).
>
> Det er selvfølgelig ikke optimalt - særligt ikke når Oprea-brugere har
> ry for at benytte den seneste version af browseren. Det er brand-
> ærgeligt, at de skal fratages navigationsmulighederne på en side ...
> også for ejeren af pågældende website, der risikerer at miste
> potentielle kunder.
>
Nej. Med 'ind til videre' mener jeg også kun til jeg finder på en løsning
(her i design og testfasen)
Siden kommer IKKE ud kommercielt før den virker og validerer.

Jeg sidder nu med en skummel idé som går ud på følgende:
lave menuen, som den var før i en div for sig selv og sætte den til visible
lave den nye menu i en anden div (men placeret absolut på samme sted) og
sætte den til hidden

Derefter checke med javascript om brugeren har en ie eller nn browser, der
kan vise den nye menu.
Hvis ja, så sæt den gamle til hidden, og den nye til visible.
Det vil også bevirke, at besøgene, der ikke har javascript slået til vil få
den gamle menu serveret.
.... men jeg ved godt det er noget 'snavs' at komme ind på.

> Forresten synes jeg ikke det gør noget at punkterne i menuen har
> forskellig bredde.

Smag og behag.

> > Tak for hjælpen forøvrigt
>
> Ingen årsag - jeg kan alligevel ikke sove i den her varme.

Det er vi flere der ikke kan.
P.S. Jeg har postet en CSS spørgsmål mere, du så lige kan kigge på


--
Benny Nissen



Anders Thorsen Holm (13-08-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 13-08-03 00:50

Anders Thorsen Holm wrote:
> Du kunne prøve at lave din menu på følgende måde (jeg har for
> overskuelighedens skyld fjernet al javascript-fnidder):

Med henvisning til en foregående tråd vedrørende lister kontra
brødtekst til menuer, ville jeg også lige påpege, at den pågældende
menu også kan implementeres ved hjælp af en liste:

XHTML:

<div id="menu">
<ul>
<li><img src="top_menu_off.jpg" width="13" height="24"
id="topmenu1" alt="" /><a href="index.php" title="Forsiden">Forsiden
</a></li>

....

<li><img src="top_menu_off.jpg" width="13" height="24"
id="topmenu7" alt="" /></li>
</ul>
</div>

CSS:

#topmenu {
   position: absolute;
   left: 130px;
   top: 151px;
   height: 24px;
   padding: 0;
}

#topmenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#topmenu ul li {
   float: left;
   width: 100px;
   margin: 0;
   padding: 0;
}

#topmenu a {
   position: relative;
   bottom: 7px;
   left: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #fc6;
   text-decoration: none;
}

Det ser ligeledes ud til at virke i Mozilla 1.3, IE6 og Opera 6 ...
desværre er der igen bøvl med Opera 7 ... jeg tror stadig, det er de
floats, den er gal med. Enten er det en fejl i Opera 7, eller også er
der noget spidsfindigt med hensyn til floats.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fredgaard

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

Månedens bedste
Årets bedste
Sidste års bedste