Koppeling openen in nieuw venster/tabblad

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
Norman
Berichten: 13
Lid geworden op: 19 oktober 2011, 21:41
    Windows 7 Firefox

Koppeling openen in nieuw venster/tabblad

Bericht door Norman »

Ik ben bezig een site te bouwen met Kompozer (versie 0.8b3) en heb een probleem met de koppelingen.

http://www.dassenwerkgroeputrecht.nl/Home.html

Als ik een koppeling koppel aan een stukje tekst opent de koppeling keurig in een nieuw tabblad.

<a target="_blank" style="color: black;" href="http://ronaldsinoo.web-ruimte.nl/">Ronald Sinoo</a>

Als ik het zelfde doe, maar dan een afbeelding als koppeling wil gebruiken opent de koppeling in het huidige tabblad en stuur ik de bezoekers van de site af. En dat wil ik niet.

<img style="border: 0px solid ; width: 100px; height: 74px;" alt="Ronald Sinoo" target="_blank" src="Ronald%20Sinoo%201%20%28Custom%29.jpg">

Met een beetje zoeken kwam ik erachter dat ik target="_blank" moest toevoegen aan de html code, maar dat bied geen soelaas.

Het vreemde is dat ik op de tijdelijke pagina wel een koppeling kan maken in een afbeelding waarmee een nieuw tabblad word geopend.

http://www.dassenwerkgroeputrecht.nl

In beide gevallen mag ik bij een tekst bij "doel" aangeven dat ik de koppeling wil openen in een nieuw venster. Bij een afbeelding in beide gevallen heb ik geen keus.

Wie helpt mij verder?
Met vriendelijke groet,

Norman Graafsma
Gebruikersavatar
Frederik
Moderator
Berichten: 4263
Lid geworden op: 1 juli 2004, 16:16
Locatie: Vriescheloo
    Windows XP Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Frederik »

Beide linken, die naar de website van Jan van der Greef en die van Ronald Sinoo, openen zich bij mij in een nieuw venster. Precies zoals ik het ook zo zou doen en ook mijn voorkeur heeft. Dus het probleem dat je omschrijft 'stuur ik de bezoekers van mijn site af', doet zich (niet) helemaal niet voor. Het hangt er vanaf waar men klikt.
8)

Het zit hem hier in: je hebt in de afbeelding tekst als link naar de website van Sinoo in een nieuw venster, dat is dus goed.
Maar de link in de afbeelding zelf, verwijst niet in een nieuw venster en dus stuur je de bezoekers van de website af.
Norman
Berichten: 13
Lid geworden op: 19 oktober 2011, 21:41
    Windows 7 Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Norman »

Frederik, allereerst bedankt voor je snelle antwoord.

Zoals geschreven, als ik een koppeling maak aan een tekst (Ronald Sinoo of Jan van der Greef), gaat het inderdaad goed.
Bij een afbeelding inderdaad niet.

Hoe kan ik Van Rhijn Notarissen wel in de previewsite (www.dassenwerkgroeputrecht.nl) laten openen in een nieuw venster vanaf de afbeelding en bij de definitieve site in wording (www.dassenwerkgroeputrecht.nl/Home.html) niet.

Hoe dit op te lossen??

Waarschijnlijk met iets heel simpels, maar hoe. Voor mijn idee heb ik niets anders gedaan dan de eerste keer op de previewsite.
Met vriendelijke groet,

Norman Graafsma
Gebruikersavatar
Frederik
Moderator
Berichten: 4263
Lid geworden op: 1 juli 2004, 16:16
Locatie: Vriescheloo
    Windows XP Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Frederik »

Je hebt twee linken in die ene tabel staan. Eén gelinkt aan de afbeelding en één gelinkt aan de tekst. Ik zou die van de afbeelding gewoon weghalen.
Norman
Berichten: 13
Lid geworden op: 19 oktober 2011, 21:41
    Windows 7 Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Norman »

Als ik de link voor die afbeelding weghaal dan is de afbeelding toch ook weg van de pagina?
Ik begrijp niet helemaal wat je bedoeld?
Kun je mij de juiste html code laten zien?
Met vriendelijke groet,

Norman Graafsma
Gebruikersavatar
Frederik
Moderator
Berichten: 4263
Lid geworden op: 1 juli 2004, 16:16
Locatie: Vriescheloo
    Windows XP Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Frederik »

Als je de link van de afbeelding haalt, blijft de afbeelding gewoon staan.
Nu staat er dit:

<td
style="vertical-align: top; background-color: white;"><a
href="http://ronaldsinoo.web-ruimte.nl/"><img (dit is de link)
src="Ronald%20Sinoo%201%20%28Custom%29.jpg" target="_blank"
alt="Ronald Sinoo"
style="border: 0px solid ; width: 100px; height: 74px;"></a><span
style="font-family: Comic Sans MS;"><a target="_blank"
style="color: black;" href="http://ronaldsinoo.web-ruimte.nl/">Ronald
Sinoo</a></span><br>
</td>

En je maakt er dan van:

<td
style="vertical-align: top; background-color: white;"><img
src="Ronald%20Sinoo%201%20%28Custom%29.jpg" target="_blank" (geen link, wel een afbeelding)
alt="Ronald Sinoo"
style="border: 0px solid ; width: 100px; height: 74px;"><span
style="font-family: Comic Sans MS;"><a target="_blank"
style="color: black;" href="http://ronaldsinoo.web-ruimte.nl/">Ronald
Sinoo</a></span><br>
</td>
Norman
Berichten: 13
Lid geworden op: 19 oktober 2011, 21:41
    Windows 7 Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Norman »

Bedankt, ik ga er morgen even mee stoeien!!
Met vriendelijke groet,

Norman Graafsma
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Koppeling openen in nieuw venster/tabblad

Bericht door nirwana »

Norman schreef:Frederik, allereerst bedankt voor je snelle antwoord.

Zoals geschreven, als ik een koppeling maak aan een tekst (Ronald Sinoo of Jan van der Greef), gaat het inderdaad goed.
Bij een afbeelding inderdaad niet.
Zie www.mozbrowser.nl/forum/viewtopic.php?f=26&t=19989 voor meer info over hetzelfde probleem.

Kompozer biedt inderdaad de mogelijkheid om een link in een nieuw venster te laten openen (target="_blank"), maar deze mogelijkheid wordt niet geboden als je een link onder een afbeelding plaatst.

Daarvoor zul je dus in de HTML-code van de pagina moeten duiken om aan de link die om de afbeelding heen staat alsnog zelf een target="_blank" toe te voegen.

Nu staat er bijvoorbeeld in de broncode:

Code: Selecteer alles

<a href="http://www.vanrhijnnotarissen.nl/"><img style="border: 0px solid ; width: 100px; height: 50px;" alt="Van Rhijn Notarissen" target="_blank" src="_VanRhijn_logo_totindepuntjes_bewerkt%20%28Custom%29.GIF" align="middle"></a>
Daarvan kun je het eerste deel wijzigen naar

Code: Selecteer alles

<a href="http://www.vanrhijnnotarissen.nl/" target="_blank">
Hetzelfde geldt natuurlijk voor die andere link.

Het zou mooi zijn als je dit met Kompozer via de dialoogvensters kunt invoeren, maar op deze manier is het in elk geval ook mogelijk.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Norman
Berichten: 13
Lid geworden op: 19 oktober 2011, 21:41
    Windows 7 Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Norman »

Het werkt, maar het zat nog een beetje anders.

Deze code staat er:

<img style="border: 0px solid ; width: 100px; height: 50px;" alt="Van Rhijn Notarissen" target="_blank" src="_VanRhijn_logo_totindepuntjes_bewerkt%20%28Custom%29.GIF" align="middle">

En deze code moest ik er nog voorzetten in mijn splits scherm:

<a href="http://www.vanrhijnnotarissen.nl/" target="_blank">

Toen raakte ik nog een beetje in de war, omdat na het opslaan de aanvullende code niet in het splits scherm werd weergegeven. In het bron scherm wel.

Heren erg bedankt!
Met vriendelijke groet,

Norman Graafsma
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Koppeling openen in nieuw venster/tabblad

Bericht door nirwana »

Het is je toch mooi gelukt om dit voor elkaar te krijgen, want nu openen de beide linkjes in een nieuw tabblad/venster.

Wel lijkt het me handig om iets meer ruimte tussen de beide sponsor-logo's te laten. Beide logo's hebben namelijk een witte achtergrondkleur en daardoor zou een bezoeker kunnen denken dat het 1 afbeelding is. Met een beetje ruimte ertussen (of een klein randje er omheen) kun je dat onderscheid waarschijnlijk net ietsje duidelijker maken.

Ik ben benieuwd hoe de rest van de website er uit komt te zien. Het eerste begin vind ik in elk geval veelbelovend, dus ga zo door.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Norman
Berichten: 13
Lid geworden op: 19 oktober 2011, 21:41
    Windows 7 Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Norman »

Martijn,

Bedankt voor de tip. Ik heb er wat meer ruimte tussen gemaakt, ook heb ik reeds een favicon toegevoegd.

Ik zie dat ik of de sponsors en de knoppen nog even een gelijke breedte moet geven om het net even strakker te maken.
Maar dat komt later wel.
Met vriendelijke groet,

Norman Graafsma
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Ubuntu Firefox
Contacteer:

Re: Koppeling openen in nieuw venster/tabblad

Bericht door nirwana »

Norman,

Je kunt er ook wat meer een knop van maken, zoals ik hier bij Van Rhijn heb gedaan: www.mozbrowser.nl/web/dassen/Home.html

Hiervoor heb ik overigens GIMP gebruikt (Filters > Decor > Afschuining toevoegen) om er een mooi randje aan toe te voegen: http://gimp.startpagina.nl

Ook heb ik aan de afbeelding van Van Rhijn een title-attribuut meegegeven, zodat dit als een tooltip verschijnt als je over de afbeelding heen beweegt.

Daarnaast heb ik hiervoor het (nieuwere ?) logo van hun eigen website gebruikt.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Norman
Berichten: 13
Lid geworden op: 19 oktober 2011, 21:41
    Windows 7 Firefox

Re: Koppeling openen in nieuw venster/tabblad

Bericht door Norman »

Beste Martijn,

Bedankt voor de suggestie. Ik had inderdaad plannen om de knoppen wat mooier te maken. De knoppen worden nu textlinks, waardoor deze onderstreept worden. (zoals hier: http://duvicon.nl een andere site die ik een poosje terug heb gemaakt) Ik ben een heeeeel klein beetje bekend met Gimp. Ik kan een plaatje vrij maken van de achtergrond en nog wat gerommel, maar een knop maken valt nog niet mee.

Ik ga eerst de site afmaken en online zetten, omdat dit nu echt moet gebeuren. Daarna zal ik deze verfraaien met mooiere knoppen en tooltips.

Ps. Waar haal je al die kennis vandaan? Is er een goede site of boek waar je dergelijke tips kunt nakijken?
Met vriendelijke groet,

Norman Graafsma
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Koppeling openen in nieuw venster/tabblad

Bericht door nirwana »

Norman schreef:Ik ben een heeeeel klein beetje bekend met Gimp. Ik kan een plaatje vrij maken van de achtergrond en nog wat gerommel, maar een knop maken valt nog niet mee.
Zo'n knop maken met GIMP is juist niet moeilijk. Ik heb het menu-pad al aangegeven, dus meer heb je niet nodig.

De stappen die ik heb doorlopen:
- afbeelding van de website downloaden
- afbeelding openen in GIMP
- afbeelding verkleinen (Afbeelding > Afbeelding schalen)
- canvas iets groter gemaakt (Afbeelding > Canvasgrootte)
- vervolgens via het eerder aangegeven Filters > Decor menu de "afschuining" (bevel) toegevoegd (daarbij heb ik alle standaard-opties zo gelaten en dan kun je snel zoiets aanmaken)
- dan sla je de afbeelding op en klaar ben je

Volgens mij zat daar geen moeilijke stap tussen.
Norman schreef:Ps. Waar haal je al die kennis vandaan? Is er een goede site of boek waar je dergelijke tips kunt nakijken?
Je moet er gewoon mee bezig gaan en dan vraag je je vanzelf af hoe bepaalde dingen werken. Dus zoek je eens iets op Internet op en zo leer je steeds weer iets bij.

Ik kan me niet herinneren dat ik hierover ooit een boek heb gelezen. Met de snelheid waarmee Internet-zaken veranderen is een boek al haast verouderd zodra het wordt uitgebracht. Overigens blijft de basis nog wel veel hetzelfde. Als je eerst HTML aanleert en vervolgens leert hoe je daar CSS aan kunt toevoegen dan ben je al een heel eind op weg.

Zo heb je nu bijvoorbeeld de website vooral met behulp van een tabel opgezet. Op die manier ben ik ook eens begonnen, want dat is nu eenmaal de manier die je van tekstverwerkers gewend bent als je zaken wilt uitlijnen. Echter zul je er naar verloop van tijd ook achter komen dat je een website beter met behulp van div's kunt opzetten. Maar div's zijn ook niet altijd zaligmakend, dus dat heb ik ook moeten leren toepassen. Al moet ik wel zeggen dat het steeds beter gaat.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Koppeling openen in nieuw venster/tabblad

Bericht door nirwana »

Norman schreef:(zoals hier: http://duvicon.nl een andere site die ik een poosje terug heb gemaakt)
Die site ziet er ook netjes uit.

Alleen zouden de afbeeldingen op de Diensten-pagina wel wat kleiner kunnen: http://duvicon.nl/diensten.html
Vooral http://duvicon.nl/4359831741_801a256035_o.jpg is erg groot (2,5 MB in bestandsgrootte en behoorlijk hi-res). Als je die afbeeldingen verkleind dan laadt de pagina veel sneller.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Plaats reactie