vraag website

[mela]

ik wil op mijn website zoiets maken zoals je hier ziet
dat een pagina zich opent in de pagina een inline frame
ik werk met dreamweaver cs3

http://www.voordewindhond.eu/

 

[tobiastheebe]

Je kunt een hyperlink als volgt koppelen aan een inline frame:

<a href="[bestandsnaam].html" target="[I][naam_iframe][/I]">[tekst]</a>
<iframe name="[I][naam_iframe][/I]" width="[breedte_px]" height="[hoogte_px]">
</iframe>

EDIT: Sorry, ik had niet gezien dat je met Dreamweaver werkt. Ik heb helaas geen ervaring met dit programma.

 

[alain1988]

gewoon overschhakkelen naar code en dan kan je de code van tobiastheebe gebruiken niet alles is voor zien in dreamweaver er altijd nog wel wat kennis van html nodig

 

[csshunter]

Hoi mela,

... zoiets maken zoals je hier ziet

Op je voorbeeld-pagina kan ik geen <iframe> ontdekken.
En wat is de bedoeling van het iframe dat je wilt maken, als ik zo vrij mag zijn?

Met vriendelijke groet,
CSShunter

 

[glompie]

Zo te zien is dat gemaakt met flexscroll
En gewoon in een div en idd. zonder iframe.

 

[glompie]

..

 

[mela]

Hoi mela,

Op je voorbeeld-pagina kan ik geen <iframe> ontdekken.
En wat is de bedoeling van het iframe dat je wilt maken, als ik zo vrij mag zijn?

Met vriendelijke groet,
CSShunter

wat ik bedoel is als je de pagina opent
en gaat dan naar wind mee bv dan opent die pagina in het midden en kun je scrollen
ben er nog niet uit hoe dit moet helaas
dank je wel voor je reaktie

 

[csshunter]

Hoi mela,
Aha, dat ziet er inderdaad uit als een iframe, maar dat is het (gelukkig) niet!

Het is een gewone <div>, die een opgegeven hoogte heeft.
Dan zou een te hoge inhoud van die <div> (een overflow) er niet in kunnen.
Maar met {overflow:auto;} kan je regelen dat er in dat geval vanzelf een scrollbalk komt.

Als de <div> heet: <div id="middenblok">, dan wordt de css bv.:

#middenblok {
    float: left;
    width: 400px;
    height: 500px;
    overflow: auto;
    }

Zo krijg je langs de zijkant van het middenblok een verticale scrollbalk, die er net zo uit ziet als de gewone scrollbalk helemaal rechts.
Als de tekst er wel in past, dan is er geen scrollbar.

Wat ze bij voordewindhond.eu verder nog gedaan hebben, is de standaard scrollbalk vervangen door een aangepast uiterlijk. Dat gaat met een javascript: de fleXcroll die glompie al noemde.

Met vriendelijke groet,
CSShunter

 

[mela]

Hoi mela,
Aha, dat ziet er inderdaad uit als een iframe, maar dat is het (gelukkig) niet!

Het is een gewone <div>, die een opgegeven hoogte heeft.
Dan zou een te hoge inhoud van die <div> (een overflow) er niet in kunnen.
Maar met {overflow:auto;} kan je regelen dat er in dat geval vanzelf een scrollbalk komt.

Als de <div> heet: <div id="middenblok">, dan wordt de css bv.:

#middenblok {
    float: left;
    width: 400px;
    height: 500px;
    overflow: auto;
    }

Zo krijg je langs de zijkant van het middenblok een verticale scrollbalk, die er net zo uit ziet als de gewone scrollbalk helemaal rechts.
Als de tekst er wel in past, dan is er geen scrollbar.

Wat ze bij voordewindhond.eu verder nog gedaan hebben, is de standaard scrollbalk vervangen door een aangepast uiterlijk. Dat gaat met een javascript: de fleXcroll die glompie al noemde.

Met vriendelijke groet,
CSShunter

ik denk dat ik wel hulp kan gebruiken als dat mogelijk is
ik ben nu deze site aan het maken voor onze stichting http://www.galgovrienden.nl/testen/testene/index.html
en wil het hier in gaan doen hoop dat je de link kan openen alvast bedankt
ik ben snap het allemaal no niet zo sorry

 

[csshunter]

Hoi mela,
Bij jou heet het middenblok geen #middenblok, maar #main (en het drijft niet naar links, maar naar rechts).

Dus probeer dit maar eens:

#main {
    float: right;
    width: 520px;
    height: 800px;
    overflow: auto;
}

Wil je niet dat de blauwe tussenlijntjes pal tegen de scrollbar aan komen, dan geef je een kleine padding (opvulling) aan de rechterkant. Paddings worden altijd opgeteld bij de breedte, dus de width van het blok moet dan evenveel px smaller worden als het aantal px van de padding-right die je toevoegt:

#main {
    float: right;
    width: 505px;
    height: 800px;
    padding-right: 15px;
    overflow: auto;
}

Met vriendelijke groet,
CSShunter

 

[mela]

Hoi mela,
Bij jou heet het middenblok geen #middenblok, maar #main (en het drijft niet naar links, maar naar rechts).

Dus probeer dit maar eens:

#main {
    float: right;
    width: 520px;
    height: 800px;
    overflow: auto;
}

Wil je niet dat de blauwe tussenlijntjes pal tegen de scrollbar aan komen, dan geef je een kleine padding (opvulling) aan de rechterkant. Paddings worden altijd opgeteld bij de breedte, dus de width van het blok moet dan evenveel px smaller worden als het aantal px van de padding-right die je toevoegt:

#main {
    float: right;
    width: 505px;
    height: 800px;
    padding-right: 15px;
    overflow: auto;
}

Met vriendelijke groet,
CSShunter

dank je wel alvast ik ga het even allemaal uitprinten hihi ben zelf niet meer zo piepjong om het te onthouden ik ga het zeker proberen morgen alvast veel dank

 

[csshunter]

O ja,
Dit moet veranderd worden in het stylesheet www.galgovrienden.nl/testen/testene/style.css.

Daar staat (bijna onderaan):

/* Main */
#main {
	float:right;
	width:520px;
}

Daar maak je dus van:

/* Main */
#main {
	float: right;
	width: 505px;
	height: 800px;
	padding-right: 15px;
	overflow: auto;
}

Je kan ook een andere hoogte opgeven, wat je het mooiste vindt.

Met vriendelijke groet,
CSShunter