KompoZer / Nvu » "Sammenblanding/Overlapning" af tekst?

DonOlesen
 
Indlæg: 102
Tilmeldt: fre 19. dec 2008 00:44

"Sammenblanding/Overlapning" af tekst?

Indlægaf DonOlesen » tirs 26. jul 2011 11:56

Hej - Er der nogen der kan sige hvorfor teksten i menufeltet til venstre på http://www.mikromalerier.dk "smelter" sammen når jeg klikker på nogle af menupunkterne for hhv den spanske og franske udgave?

Specifik drejer det sig om

Como Ayudar (http://mikromalerier.dk/como_ayudar.php) samt menupunkterne Pinturas og Gracias -

Samme problem opstår for den franske udgave med

Comment aider (http://mikromalerier.dk/comment_aider.php) samt Peintures og Merci

Jeg er ret sikker på jeg ikke har arbejdet med disse sider i 1-1½ år og sidste virkede de fint.

På Forhånd Tak

Per

Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.0; Trident/5.0)
Hilsen Per Olesen

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11741
Tilmeldt: lør 5. mar 2005 22:45

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf Kim Ludvigsen » tirs 26. jul 2011 13:38

Problemet er, at menupunktet ¿Como ayudar? ikke kan være i boksen, og du har angivet en fast størrelse for boksen, så den kan ikke udvide sig nedad (hvilket heller ikke ville være kønt).

Du har specifikt to ting i din kode, som generer, dels angiver du en større skriftstørrelse på lige netop det menupunkt, hvilket får det til at fylde mere. Og dels har du et mellemrum i punktet.

Åbn siden i kildekodevisning:

Find koden:
<li><a href="como_ayudar.php"><font face="Batang, serif"><font style="font-size: 16pt;" size="4">¿Como
ayudar?</font></font></a></li>

Fjern koden:
<font face="Batang, serif"><font style="font-size: 16pt;" size="4">

Du kan indsætte et fast mellemrum, som ikke udløser en ombrydning af teksten, udskift mellemrummet med koden &nbsp; - altså:
¿Como&nbsp;ayudar?

Resultatet vil se sådan ud:
<li><a href="como_ayudar.php">¿Como&nbsp;ayudar?</font></font></a></li>

Udskift også mellemrummet på den franske side med &nbsp;

Du har flere menupunkter som egentlig er for store til at være i menuboksen, så det vil måske være en god ide at gøre boksen lidt bredere. Prøv fx i CSS-editoren at ændre bredden på henholdsvis:
.menu
ul
li a
fx ved at lægge 20 til den aktuelle bredde på alle tre.
Mvh. Kim

DonOlesen
 
Indlæg: 102
Tilmeldt: fre 19. dec 2008 00:44

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf DonOlesen » man 8. aug 2011 15:42

nu har jeg ændret som du foreslog men et gammelt problem med bredden af den "blinkende" grå baggrund i menu-boksen er opstået, da den "blinkende" baggrund ikke er lige så bred som knappen.

Med "blinkende" mener jeg den det grå felt der bliver aktiveret, når cursoren køres henover.

Jeg har søgt i de gamle svar, hvor løsningen burde være, men kan ikke finde svaret - Kan du hjælpe igen?
Hilsen Per Olesen

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11741
Tilmeldt: lør 5. mar 2005 22:45

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf Kim Ludvigsen » man 8. aug 2011 18:03

Problemet er, at baggrundsbilledet til menuen har en bredde på 170px, så hvis menuen laves breddere end det, vil billedet ikke fylde hele baggrunden.

Du kan skalere billedet i et grafikprogram. Hvis du ikke kan finde ud af det, så fortæl mig, hvor meget du vil have lagt til i bredden på menuen, så kan jeg skalere det for dig. Altså om du fx vil ændre bredden med 20px, som jeg foreslog, eller om det skal være noget andet.
Mvh. Kim

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11741
Tilmeldt: lør 5. mar 2005 22:45

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf Kim Ludvigsen » man 8. aug 2011 18:05

Jeg glemte at fortælle, at det er billedet kompozer-s45.png, der skal skaleres.
Mvh. Kim

DonOlesen
 
Indlæg: 102
Tilmeldt: fre 19. dec 2008 00:44

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf DonOlesen » tirs 9. aug 2011 18:04

hej kim -

det vil jeg gerne sige ja tak til og jeg vedhæfter png-filen herunder

den vedhæftede png-fil er lavet om/skaleret til 190px og jeg har uploadet som jeg plejer med filer jeg ændrer i, men det virker ikke, men måske laver jeg en lille detalje forkert i photoshop eller?

på forhånd tak

per
Vedhæftede filer
kompozer-s45.png
kompozer-s45.png (329 bytes) Vist 6279 gange
Hilsen Per Olesen

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11741
Tilmeldt: lør 5. mar 2005 22:45

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf Kim Ludvigsen » tirs 9. aug 2011 20:25

Billedet fejler ikke noget. Det ser også fint ud på hjemmesiden, jeg kan i hvert fald ikke se noget galt. Hvad ser forkert ud hos dig?

Hvis du billedet ikke er bredt nok på de enkelte menuknapper, så tjek, om du har fået ændret bredden i:
li a
til 184px
Mvh. Kim

DonOlesen
 
Indlæg: 102
Tilmeldt: fre 19. dec 2008 00:44

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf DonOlesen » tirs 9. aug 2011 22:20

hos mig udfylder png-billedet kun cirka 80% af bredden med start fra venstre

Data pt for : li a

width: 184px;
height: 30px;
display: block;
text-align: center;
text-decoration: none;
color: #009900;

......................................

Data pt for : .menu

float: left;
font-family: Batang;
text-align: center;
line-height: 1.9em;
color: #009900;
margin-top: 25px;
background-color: #ffffeb;
margin-left: 73px;
clear: both;
font-size: 100%;
width: 190px;

......................................

Data pt for : ul

border-style: solid;
border-width: 1px;
list-style-type: none;
width: 187px;

......................................
Data pt for : li a:hover

background-repeat: repeat-y;
color: red;
background-position: left top;
background-image: url(kompozer-s45.png);
Hilsen Per Olesen

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11741
Tilmeldt: lør 5. mar 2005 22:45

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf Kim Ludvigsen » ons 10. aug 2011 04:29

Jeg kan se, at du nu har ændret bredden på siden, og her virker det fint. Hvis det stadig ser forkert ud hos dig, så prøv at gennemtvinge en opdatering af siden med Ctrl+F5.
Mvh. Kim

DonOlesen
 
Indlæg: 102
Tilmeldt: fre 19. dec 2008 00:44

Re: "Sammenblanding/Overlapning" af tekst?

Indlægaf DonOlesen » ons 10. aug 2011 11:54

Tusind Tak; nu virker det og ser ud som det skal :-)
Hilsen Per Olesen