Hoe Lightbox in Dreamweaver te centreren

Lightbox is een JavaScript-bestand voor het weergeven van de afbeeldingen en video van uw website. Wanneer u de waarde "Lightbox" toewijst aan het relatieattribuut van een afbeelding, kunnen gebruikers op de afbeelding klikken om deze over het scherm uit te vouwen. Als uw bedrijf bijvoorbeeld thuisinterieurs ontwerpt en uw site voorbeelden van uw werk bevat, kunnen Lightbox-elementen klanten door uw portfolio laten bladeren zonder afzonderlijke webpagina's te openen. Browsers centreren standaard Lightbox-elementen, maar u kunt in Dreamweaver aanvullende stappen nemen om code te blokkeren die deze lay-out zou kunnen tegengaan.

1.

Druk op "F8" om het deelvenster Dreamweaver-bestanden te openen.

2.

Dubbelklik op "lightbox.css" om het te openen.

3.

Blader naar het blok dat de "lightbox" -stijl definieert. De code van dit blok lijkt op het volgende:

lichtbak {

positie: absoluut; breedte: 100%; z-index: 10000; text-align: center; regelhoogte: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-gewicht: normaal; }

4.

Voeg de volgende regels toe binnen het blok als ze nog niet aanwezig zijn:

links: 0; boven: 0;

5.

Vervang de regel die het kenmerk "positie" van de stijl instelt met de volgende regel:

positie: vast;

6.

Sla het bestand op.

Populaire Berichten