login  Naam:   Wachtwoord: 
Registreer je!
 Forum

100% ...

Offline dufes - 05/05/2005 00:13 (laatste wijziging 05/05/2005 00:20)
Avatar van dufesGrafische interesse ik ben voor de eerste keer een layout aant make die 'meegaat' met de text (hopelijk begrijpt ge dit)

nu is men probleem dat hoe meer text ik typ, hoe meer keren de onderste figuur er komt

link: http://users.skynet.be/dufes/richard/index.html

(kheb gezocht MET de zoekbalk, niet echt iets gevonde)

18 antwoorden

Gesponsorde links
Offline vinTage - 05/05/2005 00:27
Avatar van vinTage Nieuw lid slice je image.
Verwerk je layout in dreamweaver ofzoiets, door je slices in tabellen te zetten door er een css style over te gooien.
in elke cel kun je dan een plaatje zetten met bijvoorbeeld
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. <!--
  3. .achtergrondje {
  4. 	background-attachment: fixed;
  5. 	background-image: url(plaatje.gif);
  6. 	background-repeat: no-repeat;
  7. }
  8. -->
  9. </style>

geef dan je cel wel een class mee zoals:
<td class="achtergrondje">hier KAN je schrijven, maar hoeft niet</td>

Zo maak je voor elk plaatje een andere style aan.


ps, zo werk in met html en css, anderen prefereren divs, maar ieder zijn ding he 
Offline dufes - 05/05/2005 00:31
Avatar van dufes Grafische interesse css word volgende stap ^.^
Offline vinTage - 05/05/2005 00:35
Avatar van vinTage Nieuw lid Die codes maken is wel wreed makkelijk met dreamweaver hoor, gewoon je design panel openen en nieuw css style maken, dan opent er een popup scherm waarin je vanalles kan instellen, pruts daar gewoon wat mee, en je komt er vanzelf achter.

dat is als je dreamweaver hebt dan he 
Offline dufes - 05/05/2005 00:38
Avatar van dufes Grafische interesse kgebruik gene dreamweaver dus ...

kwil het kunne zonder dreamweaver ^.^

btw, je oplossing werkt niet : (
Offline infinity - 05/05/2005 00:41
Avatar van infinity Gouden medaille

Grafische gevorderde		 maak van dat laatste plaatje(09) iig een img dus geen background

<img src="blalblalbaballa" width="324" height="324" alt="baddsb" />
Offline vinTage - 05/05/2005 00:44 (laatste wijziging 05/05/2005 00:47)
Avatar van vinTage Nieuw lid welke oplossing ?
die ik hierboven gaf ?
je moet dan wel je lay slicen he...je moet die grijze balk (copyright bla)
als een aparte slice in een cel zetten.
En je <td class="achtergrondje">de juiste afmetingen geven, en dan moet dat wel werken hoor 

edit: @ infinity, dan kan je er ook geen text meer op zetten/echoen of iets dergelijks
edit #2 ow mischien begreep ik niet wat je bedoelde, en bedoelde je dat je juist niet een bg moest zetten sorry
Offline dufes - 05/05/2005 00:44 (laatste wijziging 05/05/2005 00:46)
Avatar van dufes Grafische interesse dat werkt ook niet infinity , heb ik al eens geprobeerd
dan komt het helemaal ergens anders te staan

@vintage: uhu dies apart gesliced, en afmetinge perfect, maar dan werkt het nog niet echt
Offline infinity - 05/05/2005 00:49
Avatar van infinity Gouden medaille

Grafische gevorderde		 moment ik probeer ook even wat. edit zo wel
Offline dufes - 05/05/2005 00:50
Avatar van dufes Grafische interesse dit is code die ik nu heb
op het laatste was ik ook ff met de <TR> tags aan spele, maar kreeg toch nix : (

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <HTML>
  2. <HEAD>
  3. <TITLE>Devinus Designs</TITLE>
  4. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  5.  
  6. <style type="text/css">
  7. <!--
  8. .bottom {
  9.     background-attachment: fixed;
  10.     background-image: url(images/images_09.gif);
  11.     background-repeat: no-repeat; 
  12. }
  13. -->
  14. </style>
  15.  
  16. </HEAD>
  17. <BODY BGCOLOR=#666060 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
  18. <TABLE WIDTH=771 HEIGHT="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER">
  19. 	<TR>
  20. 		<TD COLSPAN=3 BACKGROUND="images/images_01.gif" WIDTH=771 HEIGHT=184>
  21. 		</TD>
  22. 	</TR>
  23. 	<TR>
  24. 		<TD COLSPAN=3>
  25. 			<IMG SRC="images/images_02.gif" WIDTH=771 HEIGHT=38 USEMAP="#images_02_Map" BORDER="0"></TD>
  26. 	</TR>
  27. 	<TR>
  28. 		<TD COLSPAN=3 BACKGROUND="images/images_03.gif" WIDTH=771 HEIGHT=19>
  29. 		</TD>
  30. 	</TR>
  31. 	<TR>
  32. 		<TD BACKGROUND="images/images_04.gif" WIDTH=13 HEIGHT="100%">
  33. 		</TD>
  34. 		<TD ROWSPAN=2 BGCOLOR="#B1B1B1" WIDTH="746" HEIGHT="100%" valign="top">
  35.  
  36. <B>Layout niet door mij gemaakt ^.^<br></b>
  37. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc wisi wisi, vestibulum nec, malesuada ac, gravida eget, lectus. Ut semper sapien vel mauris. Aenean ultricies pretium magna. Integer pellentesque ipsum feugiat diam bibendum ultrices. Donec egestas malesuada sapien. In hac habitasse platea dictumst. Vivamus tincidunt tincidunt lectus. Maecenas quis ipsum. Cras dictum pede sed felis. Vivamus arcu arcu, lacinia quis, consequat non, facilisis et, est. Praesent vel ante. Donec nec augue eu sapien commodo faucibus. Etiam quis orci vitae felis lacinia malesuada. Mauris feugiat augue quis ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In porttitor, velit vitae volutpat rhoncus, mauris nibh dapibus justo, vel vulputate ante orci ut pede. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum nunc nunc, adipiscing vel, placerat quis, vehicula vel, neque.
  38.  
  39.  
  40. 		</TD>
  41.  
  42. 		<TD BACKGROUND="images/images_06.gif" WIDTH=12 HEIGHT="100%">
  43. 		</TD>
  44. 	</TR>
  45. 	<TR>
  46. 		<TD COLSPAN=3 CLASS="bottom" WIDTH=771 HEIGHT=41>
  47. 		</TD>	
  48. 	</TR>
  49. </TABLE>
  50.  
  51. <MAP NAME="images_02_Map">
  52. <AREA SHAPE="rect" ALT="Team" COORDS="379,1,430,36" HREF="team.html" />
  53. <AREA SHAPE="rect" ALT="About" COORDS="318,1,376,36" HREF="about.html" />
  54. <AREA SHAPE="rect" ALT="Contact" COORDS="241,1,315,36" HREF="contact.html" />
  55. <AREA SHAPE="rect" ALT="Pricing" COORDS="170,1,238,36" HREF="pricing.html" />
  56. <AREA SHAPE="rect" ALT="Portfolio" COORDS="74,1,167,36" HREF="portfolio.html" />
  57. <AREA SHAPE="rect" ALT="Home" COORDS="6,1,71,36" HREF="index.html" />
  58. </MAP>
  59.  
  60. </BODY>
  61. </HTML>
Offline zointer - 05/05/2005 08:13 (laatste wijziging 05/05/2005 08:27)
Avatar van zointer HTML gevorderde dufes wat ik niet begrijp staat er dit in de header "devinus design" dus je kan dan designen:?:
en op http://users.skynet.be/dufes/ staat "Dufes Designs - Coming Soon" dus je kan designen.:?:
Waarom kun je dit simpele lay niet goed maken
:?:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <HTML>
  2. <HEAD>
  3. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  4. <TITLE>Devinus Designs</TITLE>
  5. <style type="text/css">
  6. <!--
  7. .main-text {
  8. 	padding-left: 10px;
  9. 	padding-top: 5px;
  10. }
  11. -->
  12. </style>
  13.  
  14. </HEAD>
  15. <BODY BGCOLOR=#666060 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
  16. <div align="center">
  17. <table width="771" border="0" cellpadding="0" cellspacing="0">
  18.   <tr>
  19.     <td width="771" height="184"  background="images_01.gif"><br>
  20. <br>
  21. </td>
  22.   </tr>
  23.   <tr>
  24.     <td height="38" valign="top"><img src="images_02.gif" border="0" usemap="#Map"></td>
  25.   </tr>
  26. </table>
  27. <table width="770" border="0" cellpadding="0" cellspacing="0">
  28.   <tr>
  29.     <td width="770" height="19" valign="top" background="images_03.gif"></td>
  30.   </tr>
  31.   <tr>
  32.     <td height="20" background="bg.jpg" class="main-text"><p>Dit zal en kan mee rekken en door midel van css kun je bepalen waar je text begint en maakt een bg image van 1px hoog om hier in tezetten </p>
  33.       </td>
  34.   </tr>
  35. </table>
  36. <table width="771" border="0" cellpadding="0" cellspacing="0">
  37.   <tr>
  38.     <td width="771" height="41" valign="middle" background="images_09.gif">
  39. </td>
  40.   </tr>
  41. </table></div>
  42. <map name="Map">
  43.   <area shape="rect" coords="12,9,70,31" href="#">
  44.   <area shape="rect" coords="78,10,166,32" href="#">
  45.   <area shape="rect" coords="174,9,237,32" href="#">
  46.   <area shape="rect" coords="246,10,315,30" href="#">
  47.   <area shape="rect" coords="320,9,375,32" href="#">
  48.   <area shape="rect" coords="383,8,431,34" href="#">
  49. </map>
  50. </BODY>
  51. </HTML>

natuurlijk kun je ook de achtergronden in css zetten zoals vinTage zei
@vinTage dat kun je door ImageReady in table tezetten:p

[edit]stomme copy fout er uitgehaald^^ [/edit]
Offline Button - 05/05/2005 10:29 (laatste wijziging 05/05/2005 10:29)
Avatar van Button PHP ver gevorderde @vintage: moet je met jouw oplossingen dan niet voor elke cel een andere class aanmaken? want in je class verwijs je altijd maar naar één plaatje niet? en aagezien je dan bv. 10 verschillende cellen hebt... je begrijpt me wel?
Offline vinTage - 05/05/2005 10:40
Avatar van vinTage Nieuw lid @ButtonMan
Jup voor elk ander plaatje moet je een apparte class maken.
Offline Button - 05/05/2005 10:50 (laatste wijziging 05/05/2005 10:54)
Avatar van Button PHP ver gevorderde kan je er dan ook niet voor zorgen dat ps het automatisch als background zet of zo? 'k ben te lui... -_-' 
Offline zointer - 05/05/2005 10:54
Avatar van zointer HTML gevorderde ps niet wel in ImageReady daar kun je bepalen waar table wil enz.....
Offline dufes - 05/05/2005 11:03 (laatste wijziging 05/05/2005 11:07)
Avatar van dufes Grafische interesse @zointer , deze site is voor vriend van me, en kheb op mijn site coming soon staan omdatk nog aant leren ben ^.^
+ bij jouw script, dan is die site niet meer over de hele pagina
Offline Button - 05/05/2005 12:26
Avatar van Button PHP ver gevorderde ja zointer: nu weet ik wel dat dat gaat maar welke instellingen dan L-O-L...
Offline zointer - 05/05/2005 13:33
Avatar van zointer HTML gevorderde ButtonMan door eerst niet lui te zijn en lees dit eens
http://www.comp...ferrerID=1
Kijk hier een image van de slice tool
http://portfoli...eready.gif

@dufes
Citaat:
deze site is voor vriend van me

Oow het is voor een vriend van je die kan designen:?:
Citaat:
ik heb op mijn site coming soon staan omdatk nog aant leren ben

Dat kan en wil ik geloven "soon" 'tja
Citaat:
+ bij jouw script, dan is die site niet meer over de hele pagina

Dan pas je de table toch gewoon aan in de hoogte:s
zie meer info
http://www.apptools.com/examples/tableheight.php
http://www.goog...n&meta=
en als ik me niet vergis is het hier al aanbot geweest
Offline dufes - 06/05/2005 01:31 (laatste wijziging 06/05/2005 01:31)
Avatar van dufes Grafische interesse kheb opgelost*

eindscript:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <HTML>
  2. <HEAD>
  3. <TITLE>Devinus Designs</TITLE>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  5. <style type="text/css">
  6. <!--
  7. .main-text {
  8.     padding-left: 10px;
  9.     padding-right: 10px;
  10.     padding-top: 5px;
  11.     font-family: Arial, Helvetica, sans-serif;
  12.     font-size: 10px;
  13.     color: #565656;
  14. }
  15. -->
  16. </style>
  17.  
  18. </HEAD>
  19.  
  20. <BODY BGCOLOR=#666060 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
  21.  
  22. <TABLE WIDTH=771 HEIGHT="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER">
  23.     <TR>
  24.         <TD COLSPAN=3 BACKGROUND="images/head.gif" WIDTH=771 HEIGHT=184>
  25.         </TD>
  26.     </TR>
  27.     <TR>
  28.         <TD COLSPAN=3>
  29.             <IMG SRC="images/menu.gif" WIDTH=771 HEIGHT=38 USEMAP="#menu_Map" BORDER="0"></TD>
  30.     </TR>
  31.     <TR>
  32.         <TD BACKGROUND="images/content.gif" WIDTH=771 HEIGHT=19>
  33.         </TD>
  34.     </TR>
  35.     <TR>
  36. 	<td background="images/main.gif" height="100%" class="main-text" valign="top">
  37.  
  38. <p>
  39. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent rhoncus sagittis turpis. Mauris quis tellus id elit auctor pulvinar. Ut hendrerit consequat urna. Mauris id est in massa pharetra hendrerit. Praesent egestas. Quisque at ante. Donec pulvinar sagittis felis. Maecenas porta condimentum est. Quisque volutpat dui a nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum erat est, scelerisque sit amet, accumsan sit amet, hendrerit et, ligula. Integer ut libero eu diam gravida mattis. Morbi risus risus, ultrices a, faucibus quis, tristique quis, nibh.
  40. </p><p>
  41. Pellentesque auctor, risus vel mattis laoreet, magna erat vehicula urna, et faucibus enim neque ut magna. Duis facilisis, nunc vitae eleifend congue, lacus magna nonummy arcu, at blandit augue massa ultricies lacus. Maecenas ullamcorper. Sed metus. Aliquam dignissim elit accumsan risus mollis ultricies. Integer ut eros. Donec dictum felis vitae enim. Nam enim tortor, consectetuer laoreet, accumsan ut, sagittis id, diam. Pellentesque pulvinar. Etiam felis tortor, dictum vel, pellentesque vulputate, posuere eu, neque. Nunc ullamcorper urna eget magna. Mauris viverra. In risus justo, vulputate nec, fringilla in, molestie id, sem. Fusce semper pellentesque lectus. Integer sollicitudin, quam quis euismod mattis, sem velit placerat ante, eu lacinia wisi purus at arcu. Mauris orci massa, dignissim in, hendrerit at, nonummy vitae, urna. Proin quis nunc ut nibh suscipit dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin elit neque, elementum ac, semper a, condimentum sed, elit. Phasellus porta mi in massa.
  42. </p><p>
  43. Phasellus iaculis arcu. Sed porta imperdiet velit. Nulla facilisi. Cras pharetra, purus et eleifend pharetra, leo enim pharetra turpis, id accumsan est ligula non tortor. Nulla ipsum. Donec urna. Morbi id pede. In malesuada quam in tellus. Cras eleifend feugiat sapien. Integer tempor mauris eget metus. Donec luctus eleifend orci. Cras feugiat nibh non libero. Suspendisse hendrerit odio eget eros.
  44. </p><p>
  45. Nam et sem vel ligula luctus malesuada. Nunc sem neque, cursus eget, blandit in, convallis a, erat. Praesent ut leo. Donec id turpis. Morbi dolor sem, pretium sit amet, adipiscing sit amet, feugiat sit amet, magna. Cras consequat. Phasellus tellus. Maecenas fermentum turpis sit amet diam elementum ultrices. In sit amet erat ut arcu imperdiet rhoncus. Sed commodo, tortor vitae tempor dictum, arcu lorem condimentum quam, ut tincidunt turpis sem commodo mi. Quisque sem dui, mollis id, nonummy eget, vulputate quis, ante. Quisque adipiscing facilisis mi. Quisque blandit urna. In non nibh. Etiam eleifend risus eu erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus in nulla. Integer rutrum, risus vitae mollis posuere, neque lacus feugiat lacus, vitae blandit justo turpis sed sem.
  46. </p>
  47.  
  48.     </td>
  49.  
  50.     </TR>
  51.     <TR>
  52.         <TD COLSPAN=3 BACKGROUND="images/bottom.gif" WIDTH=771 HEIGHT=41 style="background-position: bottom; background-repeat: no-repeat;">
  53.         </TD>    
  54.     </TR>
  55. </TABLE>
  56.  
  57. <MAP NAME="menu_Map">
  58. <AREA SHAPE="rect" ALT="Team" COORDS="379,1,430,36" HREF="#" />
  59. <AREA SHAPE="rect" ALT="About" COORDS="318,1,376,36" HREF="#" />
  60. <AREA SHAPE="rect" ALT="Contact" COORDS="241,1,315,36" HREF="#" />
  61. <AREA SHAPE="rect" ALT="Pricing" COORDS="170,1,238,36" HREF="#" />
  62. <AREA SHAPE="rect" ALT="Portfolio" COORDS="74,1,167,36" HREF="#" />
  63. <AREA SHAPE="rect" ALT="Home" COORDS="6,1,71,36" HREF="#" />
  64. </MAP>
  65.  
  66. </BODY>
  67. </HTML>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.249s