PDA

Volledige versie bekijken : Html code vraag

gitaar
%Europe/Berlin %507 %2009, 12:10
Hallo , ik ben nog bezig met wat kleine instellingen voor mijn lightbox.
Nu heb ik er 2 dezelfde foto's op gezet.
Nu komen mijn 2 vragen , hoe kan ik de rechtse foto verder naar rechts plaatsen ? en hoe kan ik die lelijke randjes om de foto verwijderen ?
Dit is zeg maar de code van de lightbox.

<title>Lightbox JS v2.0 | Test Page</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
</head>
<body>

<h1><a href="http://www.lokeshdhakar.com/projects/lightbox2/">Lightbox JS <em>v2.04</em></a></h1>
<p><a href="http://www.lokeshdhakar.com">by Lokesh Dhakar</a></p>
<h2>Example</h2>
<a href="images/image-1.jpg" rel="lightbox"> <img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="images/image-1.jpg" rel="lightbox"> <img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
VeeWee
%Europe/Berlin %535 %2009, 12:50
allebei via css:

a img {
text-decoration: none;
border: 0;
margin-right: 50px; /*tweede foto komt nu dus 50px naast de eerste te staan..*/
}
gitaar
%Europe/Berlin %651 %2009, 15:37
Beste , ik kom er nog niet geheel uit.
Mag ik eens een lightbox in de bijlagen plaatsen ?
Kunt u mij eens laten zien wat u doet in de code , en dan download ik hem weer van uw bijlagen, dan weet ik hoe het werkt.
De fotos moeten wat uit elkaar , en de lelijke randen er af , bedankt voor uw tijd.
Een voorbeeldje zou ik erg waarderen.
Tom.
%Europe/Berlin %677 %2009, 16:15
Het staat er toch vrij duidelijk. Die code kun je zo pakken en bij de rest van je css plaatsen, tussen de style tags in je body bijvoorbeeld.
gitaar
%Europe/Berlin %685 %2009, 16:27
Hoi ja werkt perfect , had de code in een verkeerd venster geplaatst.
Nu in css werkt hij geweldig goed.

Bedankt.
gitaar
%Europe/Berlin %710 %2009, 17:02
Ik had nog een kleine vraag over mijn grote image.
Als die word geopent nu klopt er iets niet met de grote image?
Weet iemand wat of waar ik dat zelf kan oplossen ?


Dat was echt mijn laatste vraag , groetjes.
VeeWee
%Europe/Berlin %144 %2009, 03:27
die scrollbar lijkt me net 50px te zijn. Het is wat laat om het te bekijken, maar geef al die lightbox linkseens de classe lightbox (<a ... class="lightbox">...)
en verander de css eens naar:


a.lightbox img {
text-decoration: none;
border: 0;
margin-right: 50px; /*tweede foto komt nu dus 50px naast de eerste te staan..*/
}
gitaar
%Europe/Berlin %421 %2009, 10:07
Kom er niet uit , zou iemand anders mijn bovenstaand ligtbox eens kunnen downloaden om het even te proberen ?
Hoop dat we die scrolbar goed kunnen krijgen.
Ben nog niet zo goed met html/css als ik zou wensen.
In principe is de close balk te lang zo lijkt het toch ?

Robert.
VeeWee
%Europe/Berlin %474 %2009, 11:23
in uw html:


<a href="images/image-1.jpg" rel="lightbox" class="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="images/image-2.jpg" rel="lightbox" class="lightbox"><img src="images/thumb-2.jpg" width="100" height="40" alt="" /></a>


in die css:

a.lightbox img {
text-decoration: none;
border: 0;
margin-right: 50px;
}


zou gewoon moeten werken. Nu krijg je die scrollbar omdat die sluitknop ook een afbeelding in een link is, en dus ook een margin van 50px krijgt.
Tom.
%Europe/Berlin %493 %2009, 11:50
http://flashfocus.nl/forum/showthread.php?t=57059
Dus.
gitaar
%Europe/Berlin %495 %2009, 11:54
Hallo , ik heb dat netjes gedaan maar het blijft nog zo als het was beste.
Met vriendelijke groetjes , wil je hem anders eens zelf downloaden ?
Als u tijd heeft natuurlijk , zou het erg fijn vinden , en even mee kijken mischien.
Heb hem in de bijlagen gedaan boven aan mijn eerste oproep.
Tom.
%Europe/Berlin %548 %2009, 13:10
Ha,

Blijkbaar niet, want het was toch echt de oplossing. Met alle respect, maar ik heb het idee dat je geen idee hebt wat je aan het doen bent, en maar wat probeert. Ik weet niet wat je doel is, maar ik denk niet dat je er op deze manier ook maar iets van leert, en de volgende keer weer met het zelfde probleem zit. Is het niet verstandig om wat basiskennis op te doen? Dan snap je wat je aan het doen bent. :)
gitaar
%Europe/Berlin %650 %2009, 15:36
Hoi , nee ik ben hier niet echt in thuis meer in flash.
Maar probeer een paar dingen enz, en beetje met hulp van hier natuurlijk.
Ok ga ik het nog eens proberen tom , maar ff , dit stukje code he


a.lightbox img { text-decoration: none; border: 0; margin-right: 50px;}

Mag ik die overal in de css plaatsen ?

Bedankt.
VeeWee
%Europe/Berlin %777 %2009, 18:39
ja normaal wel.
Als dat toch nog niet werkt. Verander dan eens de class naar bijvoorbeeld lbox. Het kan misschien wel zijn dat die classe intern al gebruikt wordt,maar dat weet ik niet vanbuiten. Dat zou toch ongeveer de code moeten zijn...