[HTML] Site Verlengen

[Verwijderd]

Hallo,

Ik had een vraag over html.
Ik heb zojuist een template design gemaakt in photoshop en daarna heb ik het gesliced.Maar nu wil ik een manier vinden om zeg maar de site te verlengen als er meer tekst bij komt. Zeg maar als ik bij een plek heel veel typ en dat de site dan meeverlengt naar beneden. Dus dat hij meegroeit naar beneden naarmate je meer tekst typt. Weet iemand hoe je dat doet?

Groeten,

B-Rabbit

[Superdeboer]

Dan zul je toch echt met een voorbeeldje moeten komen. Maak je gebruik van divs of tables om je indeling te maken?

Edit:
Ga er trouwens maar vanuit dat de meeste elementen wel gewoon meerekken over het algemeen. Hoe dat echter precies uit moet werken voor jouw ontwerp is echter moeilijk te zeggen zonder meer informatie of voorbeelden.

[ Voor 50% gewijzigd door Superdeboer op 08-12-2004 17:45 ]

[Compusmurf]

Denk dat je dit wel had kunnen vinden op internet, wat je kunt doen is een achtergrond van 1px pakken en die als achtergrond plaatsen. dan krijg je eens stretched effect wat ook verlenging toestaat omdat het plaatje steeds naast elkaar geplaatst word.

Ongeveer zoals onderstaand.

code:

<td background="jouplaatje.gif"></td>

[ Voor 16% gewijzigd door Compusmurf op 08-12-2004 17:45 ]

[Woudloper]

Als je een voorbeeld hebt graag, maar ik denk dat je je oplossing moet zoeken in de hoek van een fixed background image of de Faux columns bij A List Apart...

edit:
Overigens welkom op GoT. PS: we hoeven elkaar niet te groeten...

[ Voor 16% gewijzigd door Woudloper op 08-12-2004 17:52 ]

[Verwijderd]

Die newsvenster die je op de pic hieronder ziet die wil ik laten verlengen...dus lang laten worden in de lengte als er meer tekst in komt....



Moet ik de site op een bepaalde manier slicen om dit te kunnen doen?

[Compusmurf]

Nee, je hoeft hier niets aan te doen, je pakt gewoon het plaatje 1 px groot in de lengte en die knip je en maak je een *.gif van. Daarna gebruik je dit door middel van de code die ik in de vorige post hebt staan in een kolom in de tabel.

Zo bedoel ik dus.

[ Voor 14% gewijzigd door Compusmurf op 08-12-2004 18:09 ]

[Verwijderd]

Ik begrijp dat je HTML-kennis niet echt goed is. Maar een tabel of div met een achtergrondplaatje. Dat plaatje is een dwarsdoorsnede van het venster van 1 px hoog. De boven- en onderkant van het venster plaats je er dan boven en onder, zoiets dus:

code:

|------------------------|
|        header          |
|------------------------|
|                        |
|        tekst           |
|                        |
|------------------------|
|        footer          |
|------------------------|

[Verwijderd]

Bedankt voor jullie reactie's ik ga het ff uitproberen....


edit "Het is me gelukt maar als ik veel text toevoeg dan gaat de site helemaal door de war..volgens mij moet ik het op een speciale manier slicen....weet iemand waarom de site door de war gaat?

[ Voor 65% gewijzigd door Verwijderd op 08-12-2004 19:18 ]

[Compusmurf]

Als je eventjes een screenshot plaatst dan kunnen we waarschijnlijk veel meer zeggen. Want in de war omvat meer als jij bedoelt

[Verwijderd]

bedoel je een screenshot van de site die in de war is?

[Compusmurf]

Verwijderd schreef op woensdag 08 december 2004 @ 20:03:
bedoel je een screenshot van de site die in de war is?

Ja, bij dit soort dingen is het voor de forumbezoekers erg handig om een screenshot te zien wat nu werkelijk het probleem is.

[Verwijderd]

Compusmurf schreef op woensdag 08 december 2004 @ 20:44:
[...]


Ja, bij dit soort dingen is het voor de forumbezoekers erg handig om een screenshot te zien wat nu werkelijk het probleem is.

Oke hier is een pic van de probleem die ik nu heb:



Zoals je ziet zit alles door de war nu. en de zwarte rand rond de news venster is ook verdwenen...

[com2,1ghz]

Verwijderd schreef op woensdag 08 december 2004 @ 21:43:
[...]


Oke hier is een pic van de probleem die ik nu heb:

[afbeelding]

Zoals je ziet zit alles door de war nu. en de zwarte rand rond de news venster is ook verdwenen...

Als je wilt dat de andere tabellen niet bewegen dan moet je No wrap aanvinken.
Die menu kun je beter in Dreamweaver maken.

(Graag gedaan voor het hosten van die plaatjes:P)

[JorisPenders]

Het beste is om de images opnieuw in een table te zetten in dreamweaver, zodat ze niet meerekken. Je moet zelf dus je layout in HTML verwerken, Photoshop kan dit wel maar begrijpt je soms niet helemaal goed zal ik maar zeggen. Als een tabel in het midden is uitgelijnd, en je voegt text toe, gaat links en rechts de tabel uit elkaar.

Je moet zelf even uitzoeken hoe dit precies zit of ff kijken bij andere sites

[Bosmonster]

Slicen is niet echt bedoeld om je hele website mee te maken

[Thijsmans]

Tabellen gebruik je voor tabulaire data, niet voor layout Maar dat is al wat erg vaak gezegd

Je moet een div maken met een header, de content en een onderkant. Dus _geen_ cellen van tabellen gebruiken Gebruik CSS om de achtergrond te definieren. Ga langs www.w3schools.com -> css2 -> background en u ontvangt geen 2000 euro

[likkepot]

Ieder z'n eigen manier zou ik zeggen. Ik gebruik al járen tabellen voor de layout. Vrij stabiel voor de oude en nieuwe browser. Dan wel in een goede combinatie met CSS.

[Compusmurf]

Als je mijn plaatje bekijkt is het denk ik duidelijk, je moet dus in de tabel waar je de internface in hebt staan in de td een nieuwe table aanmaken.





wat je dus doet

code:

<table>
<tr>
<td>

<table>
<tr>
<td>je content waar je blabla bla neer zet</td>
</tr>
</table>

</td>
</tr>
</table>

[ Voor 19% gewijzigd door Compusmurf op 08-12-2004 22:22 ]

[Larixk]

Nog ff een tip tussendoor, als je voor een ontwerp voor een site wat dummy tekst nodig hebt kan je op http://www.lipsum.com/ een bepaald aantal paragraven/zinnen/woorden tekst laten genereren. Staat iets realistischer dan LOLLOLOLLOLOL .

overigens heeft slicen vaak ook het probleem dat een achtergrond die gemaakt zou kunnen worden met een gif van 1px breed herhaald, door photoshop volledig wordt opgeslagen.
Een compacte, efficiënte, semantische en overzichtelijke site zal je niet snel uit photoshop kunnen slicen. Wel goed voor als je begint, maar probeer de html die photoshop uitspuugt te begrijpen zodat je ziet waar het fout gaat.

[Verwijderd]

DJ_Jorizzz schreef op woensdag 08 december 2004 @ 22:04:
Het beste is om de images opnieuw in een table te zetten in dreamweaver, zodat ze niet meerekken. Je moet zelf dus je layout in HTML verwerken, Photoshop kan dit wel maar begrijpt je soms niet helemaal goed zal ik maar zeggen. Als een tabel in het midden is uitgelijnd, en je voegt text toe, gaat links en rechts de tabel uit elkaar.

Je moet zelf even uitzoeken hoe dit precies zit of ff kijken bij andere sites

Dus als ik het goed begrepen heb moet ik in dreamweaver tables maken en de site daarin zetten. Dus zeg maar een table maken van bijv. 200 bij 100 en dan daar een banner in doen van bijv. 200 bij 100 ?

Sry ik heb niet echt veel verstand van html

[Woudloper]

Liever geen tables. Tables zijn zo outdated , dit los je op door middel van correct CSS en HTML gebruikt.

Maar als ik jou was zou ik eerst wat inleeswerk gaan doen aangaande HTML, CSS, Webdesign, etc. De verwijzing naar W3 School is een goed startpunt als je het mij vraagt.

[Verwijderd]

Woudloper schreef op donderdag 09 december 2004 @ 13:34:
Liever geen tables. Tables zijn zo outdated , dit los je op door middel van correct CSS en HTML gebruikt.

Maar als ik jou was zou ik eerst wat inleeswerk gaan doen aangaande HTML, CSS, Webdesign, etc. De verwijzing naar W3 School is een goed startpunt als je het mij vraagt.

Oke zal ik doen.

PS: die link verwijst naar een bible site

http://www.w3schools.com/...e=trycss_background-image

Dus je bedoelt dat ik het moet maken via dit tutorial?

[ Voor 13% gewijzigd door Verwijderd op 09-12-2004 13:42 ]