stretchbar ruta

5 svar · 281 visningar · startad av junkcollector 3 juni 2005

junkcollectorMedlem sedan juni 20054 inlägg

Frågan3 juni 2005 10:31#1

jag är nybörjare och har postat detta medelande på andra sajter men inte fått svar...men försöker här.....frågan kanske är för lätt för er.

Jag vill göra en stretchbar ruta, dvs skriva in text i rutan och sidorna (höger och vänster) ska stretcha så jag är inte tvungen att bara skriva 10 rader utan kan skriva 20 rader.

Jag har förstått hur sidorna stretchas men vet inte hur jag ska göra en ruta där det finns en snygg överdel som är sammanförd med sidorna utan att det blir en borderline.

Jag skickar med mitt script....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>border:none</style>
</head>

Det kanske bara komplicerar allt....

Men jag är myclkt tacksam för svar...
Linnea
jag är nybörjare och har postat detta medelande på andra sajter men inte fått svar...men försöker här.....frågan kanske är för lätt för er. jag är nybörjare och har postat detta medelande på andra sajter men inte fått svar...men försöker här.....frågan kanske är för lätt för er.

InsiderMedlem sedan jan. 2000978 inlägg

3 juni 2005 13:22#2

Jag är inte säker på hur du menar, men testa det här exemplet så ser du om det var som du ville ha det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
 <head>
  <title>Test</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <style type="text/css">
  * {
	margin:0;padding:0
  }

  #wrap {
	margin:0 auto;
	width:700px;
	background:#f00;
  }

  #header {
	background:#00f;
  }

  #left {
	float:left;
	width:148px;
  }

  #main {
	float:left;
	width:398px;
	background:#fff;
  }

  #right {
	float:left;
	width:148px;
  }

  #footer {
	clear:both;
	background:#0f0;
  }

  </style>
  </head>
  <body>
  <div id="wrap">
   <div id="header">Sidhuvud</div>
     <div id="left">vänster</div>
     <div id="main">
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf
	mitten sdfsdf sdfsdf sdfsdfsdf sdfsdf sdfsdf
	sdfsfd sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf</div>
     <div id="right">höger</div>
   <div id="footer">sidfot</div>
  </div>
  </body>
</html>

junkcollectorMedlem sedan juni 20054 inlägg

4 juni 2005 09:48#3

hej....

tack för svaret .......jag kommer spara svaret men det var inte vad jag menade.....lite för avancerat....

Jag ska försöka förklara bättre...
på siadn https://www.macromedia.com finns det text rutor som är rundande i hörnen....troligtvis om man skriver ut text i dem så kommer höger och vänster sida stretchas ut, dvs tabeln kommer vara relaterad tillen annan tables width, men den kommer vara fast, inte stretchas ut när man drari förnstret.

Jag har förstått hur man stretchar ut sidorna men det blir en border hack emmelan toppen på rutan och den stretchande delen.

vill jättegärna ha hjälp

junkcollector

DannyMedlem sedan juli 200412 913 inlägg

4 juni 2005 11:06#4

Kolla detta bra exempel:

Exempel

Jag ska själv ta och göra såna där snygga rutor på min sida bara jag får tid över. Det är klart snyggt.

junkcollectorMedlem sedan juni 20054 inlägg

4 juni 2005 18:24#5

hej...tack så mycket för förslaget....men det är för komplicerat för mig......jag är ingen programmerare utan designer och jag vet inte hur man ska programera det. är det någon som kan på ett enkelt sätt visa med programering var jag ska sätta in bilderna....jag har läst texten och förstår den så jag skulle bara behöva ett script så kan jag byta ut bilderna och måtten....

tack på förhand
junkcollector

DannyMedlem sedan juli 200412 913 inlägg

5 juni 2005 01:20#6

Du tar den där koden och byter ut bilderna "border.gif" och "box.gif" bara. Om du drar upp den i en html-editor så kan du nog lätt förstå vad du ska ändra på för att få den som du vill. Annars har jag nyligen gjort snygga boxar själv, kolla här:

http://dannesholk.se/page/photo/album/Övrigt/slides/kvällskörning.html

...nackdelen med den koden är att det är 8 bilder istället för två som var i förra exemplet. Det där förra jag visade är faktiskt riktigt bra, man skulle med lite modifiering kunna få alla fyra hörnen avrundade också om man vill.