PDA

View Full Version : anchor link makes host disapear


sdkvs
05-18-2013, 02:36 PM
Hello all, I am reather new in DW site building! I am making a document on a scrolling news page, where I need anchor links with text content rows because of the length of the content. Making the ancors next to the headers of a subject is no problem. They show correct and props ok (for instance #read) When selecting a content row and linking this header with the achor, dragging the 'point to file' next to the link box, the content text disappears. Actualy, the link works in the preview browser but the text is not visible. It appears to be white (?), but the css text properties shows it should be black.

Anyone with an idea what's going wrong?

edbr
05-18-2013, 05:28 PM
Just type #anchor in the link box substitute anchor for the name you have used

sdkvs
05-18-2013, 08:41 PM
Thks EDBR, tried your solution and substitudes name with #anchor
Text still vanishes :cry:

edbr
05-18-2013, 11:30 PM
Post your code seems odd

sdkvs
05-19-2013, 07:57 AM
code:

inhoud:</p>
</blockquote>
<ul>
<li class="style2"><a href="#anchor"> s&amp;d ontwerpers houden 22 mei lezing over healing environment in de zorg</a><br />
<br />
</li>
<li class="style2">brochure 'Healing environment in ziekenhuizen' door s&amp;d ontwerpers.<br />
<a href="#anchor"><br />
</a></li>
<li class="style2"><a href="#anchor">vorderingen nieuwbouw ok complex Elkerliek ziekenhuis Helmond</a><br />
<br />
</li>
<li class="style2">nieuwe website</li>
</ul>
<blockquote>
<p class="style11">

gentleone
05-19-2013, 08:54 AM
Can you post all the code (HTML & CSS) of that page?

sdkvs
05-19-2013, 04:57 PM
Ofcourse, here it is:

<div class="style5 style7" id="FrameMenuBureau2">
<blockquote>
<p class="style11"><a name="#top" id="top"></a></p>
<p class="style11">inhoud:</p>
</blockquote>
<ul>
<li class="style2"><a href="#anchor"> s&amp;d ontwerpers houden 22 mei lezing over healing environment in de zorg</a><br />
<br />
</li>
<li class="style2"><a href="#themanummer_zorg">brochure 'Healing environment in ziekenhuizen' door s&amp;d ontwerpers.</a><br />
<a href="#anchor"><br />
</a></li>
<li class="style2"><a href="#anchor">vorderingen nieuwbouw ok complex Elkerliek ziekenhuis Helmond</a><br />
<br />
</li>
<li class="style2"><a href="#nieuwe_website">nieuwe website</a></li>
</ul>
<blockquote>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11"><a name="#anchor" id="lezing"></a>s&amp;d ontwerpers houden lezing over healing environment in de zorg.</p>
<p class="style2">BNI lezingen tijdens themamiddag Zorg bij Materia in Amsterdam.</p>
<p class="style2">datum: woensdag 22 mei 2013</p>
<p class="style2">De komende maanden staat de sector Zorg in de belangstelling in het Materia Inspiration Centre Amsterdam. Dit wordt gedaan met een tentoonstelling van materialen, lezingen, workshops, seminars, debatten en discussies, presentaties etc. Ook de bni is hier vertegenwoordigd: de leden Marie-Anne Defesche en Marjolein van Dijl geven die middag een lezing over hun visie op healing environments en het belang van een functionele indeling.</p>
<p class="style2">'Een kleine stad met zorgen' door Marie-Anne Defesche</p>
<p class="style2">De vormgeving en inrichting van ziekenhuizen heeft effect op de fysieke toestand van de patiŽnt, de betrokkenheid van familie en de gezondheid en inzet van het personeel. Zowel voor gebruikers, als voor de duurzaamheid en effectiviteit van het gezondheidszorgsysteem op de lange termijn is het van belang gezonde omgevingen te ontwerpen. Het onderzoek en de studies van verschillende partijen die zich bezig houden met 'healing architecture' worden op de voet gevolgd. Interesse en kennis staan aan de basis van het ontwerpproces en het streven naar de totstandkoming van helende omgevingen.</p>
<p class="style2">Marie-Anne Defesche is interieurarchitect en partner in het bureau S&amp;D ontwerpers, een bureau voor interieurarchitectuur en industriŽle vormgeving met ruime ervaring in ziekenhuisinterieurs.</p>
<p><a href="http://www.materia-ic.nl/event-registration/?regevent_action=register&amp;event_id=146"><img width="216" height="198" alt="foto Marie Anne" src="http://www.materia-ic.nl/wp-content/uploads/2013/04/foto-Marie-Anne-300x273.jpg" /></a></p>
<p><span class="style2"><strong>Praktische informatie</strong><br />
Datum********************: woensdag, 22 mei 2013<br />
Inloop*********************: 14:30 uur<br />
Aanvang lezing***: 15:00 uur<br />
Netwerkborrel*****: 17:00 uur<br />
Locatie******************: Materia Inspiration Centre, Pedro de Medinalaan 1B, 1086 XK Amsterdam<br />
Kosten*******************: toegang is gratis<br />
Aanmelden </span><br />
</p>
<a href="#top" class="style2 style18">(ga naar boven)</a>
<p class="style11"><a name="themanummer_zorg" id="zorg"></a>themanummer zorg</p>
<p class="style11">&nbsp;</p>
<p class="style11"><a name="#anchor" id="anchor"></a>nieuwbouw ok complex Elkerliek ziekenhuis Helmond.</p>
<p class="style2">De 1e fase van de nieuwbouw van het operatie complex van het Elkerliek ziekenhuis in Helmond is bijna afgerond. Voor dit OK complex ontwierp S&amp;D ontwerpers het interieur. Het complex telt 8 operatiekamers, verkoeverkamers voor kinderen en volwassenen, een team koffiekamer, een IC afdeling, familie kamers en kantoren, opslagruimten.<br />
In deze eerste fase zijn de operatiekamers binnenkort operationeel.</p>
<p class="style8"><img src="../images/7_nieuws/operatiekamer.jpg" width="666" height="500" /></p>
<p class="style2">IC afdeling</p>
<p class="style2">De IC afdeling wordt in de laatste fase gebouwd maar de plannen zijn al klaar. De kamers worden voorzien van een aan de wand hangende betimmering waarin een aantal patienten voorzieningen, zolals een patientenkast, flatscreen tv, koelkasten en voorzieningen voor de verpleging als een bedlift en medicijnen voorraad zijn opgenomen. De kamers zijn van de gang afgescheiden door een volledig glazen pui waarin blinds zijn opgenomen die naar wens ingesteld kunnen worden.</p>
<p class="style2"><img src="../images/7_nieuws/1 ic kamer.jpg" width="675" height="450" /></p>
<p class="style2">Het monitoren van de patient gaat niet meer vanuit een centrale balie maar vanaf een 6-tal monitor posten in de gang die elk zicht hebben op 2 IC kamers. De posten zijn werkplekken voor 2 verplegers die met een 3-tal monitoren toezicht houden. De werkbladen van deze posten zijn in hoogte verstelbaar en worden ingebouwt in witte afgeronde kunststof units die vrij van de vloer staan op rvs voeten.</p>
<p class="style8"><img src="../images/7_nieuws/2 icgang.jpg" width="675" height="450" /></p>
<p class="style8"><img src="../images/7_nieuws/3 ic unit.jpg" width="675" height="450" /></p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11"><a name="nieuwe_website" id="nieuwe_website"></a>Nieuwe website</p>
<p class="style2">Dit is de neiuwe website van s&amp;d ontwerpers.<br />
Hij is in eigen beheer gemaakt met behulp Adobe DreamWeaver, Adobe InDesig en PhotoShop en geeft een uitgebreide zoekmogelijkheid naar gegevens, uitgevoerd werk en werk in uitvoering. Ook wordt ingegaan op onze werkwijze en ons mission statement.</p>
<p class="style2">De webside is getest met de browsers Internet Explorer, Opera, FireFox en Safari (Apple).<br />
Mocht u toch ergens problemen ondervinden dat een link op dia rotator niet werkt, dan stellen wij het zeer op prijs als u ons daarvan een berichtje stuurt. U kunt daarvoor onderstaande link gebruiken:</p>
<p class="style2"><a href="mailto:krien@sdontwerpers.nl?subject=opmerking over uw website" target="_blank" class="style15">webmaster s&amp;d ontwerpers</a></p>
<p class="style2">&copy; 2013 s&amp;d ontwerpers</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</blockquote>
</div>

gentleone
05-19-2013, 07:19 PM
sdkvs, with 'all the code' bedoel ik ook echt alles ;)

Just copy everything from that page... I'm pretty sure the CSS is on the page itself instead of in an external stylesheet, so I will have that too.

If you paste your code here in the thread you should wrap it in html tags (the http://dreamweaverclub.com/forum/images/editor/html.gif symbol in the menu at the top of the advanced editor). It's easier for us to read your code like that.

sdkvs
05-19-2013, 08:28 PM
ok, hierbij alles


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>s&d ontwerpers</title>
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
body {
background-color: #333333;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#hoofdmenu {
position:absolute;
left:341px;
top:134px;
width:124px;
height:702px;
z-index:17;
background-color: #4E4E4E;
visibility: visible;
}
#FrameMenuBureau2 {
position:absolute;
left:474px;
top:136px;
width:785px;
height:699px;
z-index:11;
background-color: #FFFFFF;
visibility: visible;
overflow: auto;
}
#foto-main {
position:absolute;
left:470px;
top:133px;
width:790px;
height:700px;
z-index:4;
background-color: #333333;
visibility: visible;
}
#FrameLogo {
position:absolute;
left:247px;
top:125px;
width:76px;
height:76px;
z-index:5;
background-color: #4E4E4E;
color: #666666;
visibility: visible;
}
#apDiv1 {
position:absolute;
left:215px;
top:76px;
width:1293px;
height:838px;
z-index:5;
}
#apDiv2 {
position:absolute;
left:247px;
top:125px;
width:1021px;
height:720px;
z-index:5;
background-color: #333333
;
}
#FrameMainTekst-Photo {
position:absolute;
left:590px;
top:145px;
width:660px;
height:600px;
z-index:6;
background-color: #333333;
font-family: Arial, Helvetica, sans-serif;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
visibility: visible;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #000000;
background-color: #333333;
white-space: nowrap;
}
a:active {
text-decoration: underline;
color: #000000;
}
.style2 {
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
#FrameMenu1 {
position:absolute;
left:346px;
top:145px;
width:108px;
height:600px;
z-index:20;
background-color: #333333;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
visibility: visible;
}
#kader-sub {
position:absolute;
left:485px;
top:140px;
width:110px;
height:690px;
z-index:8;
background-color: #4E4E4E;
}
#kader-main {
position:absolute;
left:630px;
top:142px;
width:620px;
height:682px;
z-index:9;
background-color: #4E4E4E;
}
#FrameAdres {
position:absolute;
left:333px;
top:850px;
width:936px;
height:auto;
z-index:10;
font-family: Arial, Helvetica, sans-serif;
background-color: #333333;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
visibility: visible;
}
.style5 {font-size: 12px; font-weight: bold; }
#site-kader {
position:absolute;
left:333px;
top:125px;
width:936px;
height:720px;
z-index:10;
background-color: #333333;
}
#FrameSite {
position:absolute;
left:333px;
top:125px;
width:936px;
height:720px;
z-index:10;
}
#FrameSite {
position:absolute;
left:333px;
top:125px;
width:932px;
height:716px;
z-index:19;
border: thin solid #FFFFFF;
visibility: visible;
}
#FrameThumbs {
position:absolute;
left:623px;
top:738px;
width:635px;
height:99px;
z-index:21;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #333333;
visibility: visible;
}
-->
</style>
<meta name="Description" content="s&amp;d ontwerpers zijn interieurarchitecten met ervaring in grootschalige projecten als ziekenhuizen, kantoren en hotels. " />
<meta name="Keywords" content="interieurarchitect,interieurarchitecten,zorg,zieke nhuis,kantoren,hotel interieur,tentoonstellingsontwerp," />
<meta name="URL" content="http://www.sdontwerpers.nl" />
<meta name="language" content="nederlands" />
<link href="../container.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv3 {
position:absolute;
left:1281px;
top:124px;
width:51px;
height:49px;
z-index:22;
}
#apDiv4 {
position:absolute;
left:1278px;
top:123px;
width:63px;
height:62px;
z-index:22;
}
#button {
position:absolute;
left:1279px;
top:125px;
width:100px;
height:100px;
z-index:22;
}
.style7 {
font-size: 16px;
color: #000000;
}
.style8 {font-size: 14px}
.style11 {font-size: 18px; font-style: italic; color: #FF0000; }
.style15 {
font-size: 12;
color: #000000;
}
.style18 {
color: #000000
}
-->
</style>
<meta name="copyright" content="s&amp;d ontwerpers" />
<meta name="title" content="s&amp;d ontwerpers interieurarchitecten" />
</head>

<body>
<div class="style5 style7" id="FrameMenuBureau2">
<blockquote>
<p class="style11"><a name="#top" id="top"></a></p>
<p class="style11">inhoud:</p>
</blockquote>
<ul>
<li class="style2"><a href="#anchor"> s&amp;d ontwerpers houden 22 mei lezing over healing environment in de zorg</a><br />
<br />
</li>
<li class="style2"><a href="#themanummer_zorg">brochure 'Healing environment in ziekenhuizen' door s&amp;d ontwerpers.</a><br />
<a href="#anchor"><br />
</a></li>
<li class="style2"><a href="#anchor">vorderingen nieuwbouw ok complex Elkerliek ziekenhuis Helmond</a><br />
<br />
</li>
<li class="style2">nieuwe website</li>
</ul>
<blockquote>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11"><a name="#anchor" id="lezing"></a>s&amp;d ontwerpers houden lezing over healing environment in de zorg.</p>
<p class="style2">BNI lezingen tijdens themamiddag Zorg bij Materia in Amsterdam.</p>
<p class="style2">datum: woensdag 22 mei 2013</p>
<p class="style2">De komende maanden staat de sector Zorg in de belangstelling in het Materia Inspiration Centre Amsterdam. Dit wordt gedaan met een tentoonstelling van materialen, lezingen, workshops, seminars, debatten en discussies, presentaties etc. Ook de bni is hier vertegenwoordigd: de leden Marie-Anne Defesche en Marjolein van Dijl geven die middag een lezing over hun visie op healing environments en het belang van een functionele indeling.</p>
<p class="style2">'Een kleine stad met zorgen' door Marie-Anne Defesche</p>
<p class="style2">De vormgeving en inrichting van ziekenhuizen heeft effect op de fysieke toestand van de patiŽnt, de betrokkenheid van familie en de gezondheid en inzet van het personeel. Zowel voor gebruikers, als voor de duurzaamheid en effectiviteit van het gezondheidszorgsysteem op de lange termijn is het van belang gezonde omgevingen te ontwerpen. Het onderzoek en de studies van verschillende partijen die zich bezig houden met 'healing architecture' worden op de voet gevolgd. Interesse en kennis staan aan de basis van het ontwerpproces en het streven naar de totstandkoming van helende omgevingen.</p>
<p class="style2">Marie-Anne Defesche is interieurarchitect en partner in het bureau S&amp;D ontwerpers, een bureau voor interieurarchitectuur en industriŽle vormgeving met ruime ervaring in ziekenhuisinterieurs.</p>
<p><a href="http://www.materia-ic.nl/event-registration/?regevent_action=register&amp;event_id=146"><img width="216" height="198" alt="foto Marie Anne" src="http://www.materia-ic.nl/wp-content/uploads/2013/04/foto-Marie-Anne-300x273.jpg" /></a></p>
<p><span class="style2"><strong>Praktische informatie</strong><br />
Datum********************: woensdag, 22 mei 2013<br />
Inloop*********************: 14:30 uur<br />
Aanvang lezing***: 15:00 uur<br />
Netwerkborrel*****: 17:00 uur<br />
Locatie******************: Materia Inspiration Centre, Pedro de Medinalaan 1B, 1086 XK Amsterdam<br />
Kosten*******************: toegang is gratis<br />
Aanmelden </span><br />
</p>
<a href="#top" class="style2 style18">(ga naar boven)</a>
<p class="style11"><a name="themanummer_zorg" id="zorg"></a>themanummer zorg</p>
<p class="style11">&nbsp;</p>
<p class="style11"><a name="#anchor" id="anchor"></a>nieuwbouw ok complex Elkerliek ziekenhuis Helmond.</p>
<p class="style2">De 1e fase van de nieuwbouw van het operatie complex van het Elkerliek ziekenhuis in Helmond is bijna afgerond. Voor dit OK complex ontwierp S&amp;D ontwerpers het interieur. Het complex telt 8 operatiekamers, verkoeverkamers voor kinderen en volwassenen, een team koffiekamer, een IC afdeling, familie kamers en kantoren, opslagruimten.<br />
In deze eerste fase zijn de operatiekamers binnenkort operationeel.</p>
<p class="style8"><img src="../images/7_nieuws/operatiekamer.jpg" width="666" height="500" /></p>
<p class="style2">IC afdeling</p>
<p class="style2">De IC afdeling wordt in de laatste fase gebouwd maar de plannen zijn al klaar. De kamers worden voorzien van een aan de wand hangende betimmering waarin een aantal patienten voorzieningen, zolals een patientenkast, flatscreen tv, koelkasten en voorzieningen voor de verpleging als een bedlift en medicijnen voorraad zijn opgenomen. De kamers zijn van de gang afgescheiden door een volledig glazen pui waarin blinds zijn opgenomen die naar wens ingesteld kunnen worden.</p>
<p class="style2"><img src="../images/7_nieuws/1 ic kamer.jpg" width="675" height="450" /></p>
<p class="style2">Het monitoren van de patient gaat niet meer vanuit een centrale balie maar vanaf een 6-tal monitor posten in de gang die elk zicht hebben op 2 IC kamers. De posten zijn werkplekken voor 2 verplegers die met een 3-tal monitoren toezicht houden. De werkbladen van deze posten zijn in hoogte verstelbaar en worden ingebouwt in witte afgeronde kunststof units die vrij van de vloer staan op rvs voeten.</p>
<p class="style8"><img src="../images/7_nieuws/2 icgang.jpg" width="675" height="450" /></p>
<p class="style8"><img src="../images/7_nieuws/3 ic unit.jpg" width="675" height="450" /></p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11">&nbsp;</p>
<p class="style11"><a name="nieuwe_website" id="nieuwe_website"></a>Nieuwe website</p>
<p class="style2">Dit is de neiuwe website van s&amp;d ontwerpers.<br />
Hij is in eigen beheer gemaakt met behulp Adobe DreamWeaver, Adobe InDesig en PhotoShop en geeft een uitgebreide zoekmogelijkheid naar gegevens, uitgevoerd werk en werk in uitvoering. Ook wordt ingegaan op onze werkwijze en ons mission statement.</p>
<p class="style2">De webside is getest met de browsers Internet Explorer, Opera, FireFox en Safari (Apple).<br />
Mocht u toch ergens problemen ondervinden dat een link op dia rotator niet werkt, dan stellen wij het zeer op prijs als u ons daarvan een berichtje stuurt. U kunt daarvoor onderstaande link gebruiken:</p>
<p class="style2"><a href="mailto:krien@sdontwerpers.nl?subject=opmerking over uw website" target="_blank" class="style15">webmaster s&amp;d ontwerpers</a></p>
<p class="style2">&copy; 2013 s&amp;d ontwerpers</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</blockquote>
</div>
<div id="FrameLogo"><a href="../index.html"><img src="../images/s&amp;d logo.jpg" alt="logo" width="74" height="76" border="0" /></a></div>
<div id="FrameMenu1">
<p align="left" class="style5"><a href="../6 tentoonstellingen/bureau.html">bureau</a> </p>
<p align="left" class="style5"><a href="../3 visie/3.0_Visie.html">visie</a></p>
<p align="left" class="style5"><a href="../4 interieur/4Interieurprojecten.html">interieurprojecten</a></p>
<p align="left" class="style5"><a href="../5 product/5Producten.html">producten</a></p>
<p align="left" class="style2"><strong><a href="../6 tentoonstellingen/6Tentoonstellingen.html">tentoonstellinge</a></strong><a href="/s&amp;d ontwerpers/tentoonstellingen.html">n</a></p>
</div>
<div class="style5" id="FrameAdres">s&amp;d ontwerpers - Grensstraat 19hs - 1091 SV Amsterdam - The Netherlands - T +31(0)20 620 59 57 - E info@sdontwerpers.nl</div>
<div id="FrameSite"></div>
<div id="container"></div>
</body>
</html>

edbr
05-20-2013, 03:04 AM
in your id #FrameMenuBureau3 increase the z index ie z-index:10000;

also by using style 7 and 5 , all they really consist of i font size and color and the are different so at least lose oneof them or add it to your id property instead

sdkvs
05-20-2013, 09:39 AM
thks edbr, I will try this this afternoon. Greetings

sdkvs
05-20-2013, 12:39 PM
Hi edbr, solved the problem. In the css style of the content summerary the color for hover was white. (FFFFFF).
After resetting it to black it was solved.
TY very much for your help!