Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Hulp gezocht slice/dreamweaver

6 antwoorden
  • Hoi, Ik ben bezig om een site te maken voor me zus. Nu heb ik een layout gemaakt in adobe photoshop. Als ik de layout met de slice tool heb bewerkt en het open in dreamweaver stuit ik op een aantal problemen. Zodra ik de afbeelding van mijn content (rode) als achtergrond heb ingesteld, en wat wil ga typen, verlengd de content automatisch. Alleen zodra de content verlengd wordt vallen er een paar gaten in. :S Als ik begin te typen zie ik dat ik niet eerst een paar spaties kan doen. Dus ik denk dat verplaats ik de content een stukje. Maar hierdoor wordt het er niet beter op. [img:20d7193d49]http://img356.imageshack.us/img356/5416/untitled14do.jpg[/img:20d7193d49] Ik vraag me af wat ik niet goed doe? Alvast bedankt voor de hulp.
  • Je kunt een div maken ter grootte van dat witte vlak. De grootte geef je d.m.v. CSS. Om te zorgen dat de pagina niet meegroeit bij meer content, geef je een overflow:auto mee. Wil je dat de tekst wat verder van de rand afkomt, dan geef je ook wat padding mee. Kijk op www.w3schools.com/css/ en zoek naar de genoemde termen om te snappen hoe zoiets in z'n werk gaat... Hier een voorbeeldje.. In de <head> zet je:[code:1:a82c48d16a].content { width: 300px; height: 300px; overflow: auto; padding: 10px; }[/code:1:a82c48d16a] In de body zet je waar je content moet komen:[code:1:a82c48d16a]<div class="content"> <h1>hier de titel</h1> <p>Hier de tekst</p> </div>[/code:1:a82c48d16a] Volgens mij los je zo je probleem op...
  • Ok, hartelijk bedankt ik ga het eens proberen
  • [quote:9da468a082]<html> <head> <title>Site layout</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #333333; } .style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; } --> </style></head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Site layout.psd) --> <table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td colspan="3"> <img src="../images/index_01.gif" width="800" height="166" alt=""></td> </tr> <tr> <td width="238"> <img src="../images/index_02.gif" width="238" height="404" alt=""></td> <td width="549" background="../images/index_03.gif"><span class="style1">Dit is een test </span></td> <td width="13" rowspan="2"> <img src="../images/index_04.gif" width="13" height="434" alt=""></td> </tr> <tr> <td colspan="2"> <img src="../images/index_05.gif" width="787" height="30" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html>[/quote:9da468a082] Dit is wat dreamweaver nu heeft staan. Ik zie dat "Head" als 2e bovenste staat En "Body"eronder. Waar zet ik dat stukje dan neer? En wat je zei over dat het content niet meegroeid dat moet juist wel lijkt me. want als er meer tekst opkomt dan dat het content groot is, lijkt het me handig als deze meevergroot (alleen dan vallen er gaten in).
  • Oh, dat padding is nu gelukt.
  • Nu alleen nog een vraag over de slice functie. Is het mogelijk om de layout zo te slicen dat het rode vierkant (content) automatisch langer wordt als er meer tekst in de content komt dan dat er ruimte is. Ik heb al diverse malen het zo proberen te slicen maar elke keer komen er gaten in als het content langer wordt. Of als ik het content vlak als achtergrond verander veranderen de geslicde delen van plek. [img:3a5eeef183]http://img356.imageshack.us/img356/5544/untitled15wc.gif[/img:3a5eeef183]

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.