Reklama

Goshia · Dołączyła: 08 Sty 2011 Posty: 9

Mam problem. Nie wiem jak przekształcić prawą część kodu tak, żeby ramka nie uciekała na prawo.

Kod:

Kod:

<table width=620 align=center cellspacing=4 cellpadding=2 border=0>
<tr>
<td valign=top>
<p align="left"><font size=1><font color=#855E42>
<img src=http://s5.ifotos.pl/img/linkipng_rpeppxe.png>
<br>
√ <a href="http://www.newyork.czo.pl/topics1/569.htm"> Regulamin</a>
<br>
√ <a href="http://www.newyork.czo.pl/postlink/565.htm#565"> Partnerstwo</a>
<br>
√ <a href="http://www.newyork.czo.pl/postlink/324.htm#324"> Fabuła</a>
<br>
√ <a href="http://www.newyork.czo.pl/topics88/207.htm"> <b>POSTACI FABULARNE</b></a>
<br>
√ <a href="http://www.newyork.czo.pl/postlink/350.htm#350"> Zajęte wyglądy i rezerwacja </a>
<br>
√ <a href="http://www.newyork.czo.pl/topics89/228.htm"> Wzór karty postaci</a>
<br>
√ <a href="http://www.newyork.czo.pl/postlink/369.htm#369"> Jak wypełnić kartę postaci?</a>
<br>
√ <a href="http://www.newyork.czo.pl/postlink/416.htm#416"> Opisy grup</a>
<br>
<center><img src=http://s4.ifotos.pl/img/pogodapng_rpeppnx.png>
<br>
<img src=http://www.twojapogoda.pl/images/weatherIcons/15/schl.png?1297343691></center>
<font size=1>
<center> + 15 °C w dzień</center>
<center> + 9 °C w nocy</center>
<br>
<img src=http://s2.ifotos.pl/img/wydarzeni_rpeppnw.png>
<br>

<center><b>Co: Zawody w piciu </b></center>
<center><b>Data:</b> 16.04.2011 </center>
<center><b>Miejsce:</b> <a href="http://www.newyork.czo.pl/topics73/53.htm"> <b>Pink Rose</b></a> </center><br>
<center><b>Co: Piana Party </b></center>
<center><b>Data:</b> 23.04.2011 </center>
<center><b>Miejsce:</b> <a href="http://www.newyork.czo.pl/topics126/156.htm"> <b>Ice Rose</b></a> </center>
</font><font size=1>

</font>
</p>
</td>
<td width=480px background="http://s2.ifotos.pl/img/tlopng_rpnqqhs.png">
<img src=http://s5.ifotos.pl/img/iveryplac_rpeppna.png>
<br>
<center><img src=http://img857.imageshack.us/img857/7329/animation2e.gif></center>
<br>
<center> <br><p align="justify"><center><font style="color:#d5d5d5; text-shadow: black 1px 1px 1px; font-family : georgia; size: 12pt;">
Masz już dość grania wyłącznie rozpieszczonymi studentami nowojorskiego uniwersytetu? My również! Dlatego chcemy dać Ci szansę na coś zupełnie innego. Coś, z czym nie można się było spotkać na żadnym forum! Jeśli jesteś zainteresowany, czytaj dalej, a nie pożałujesz!
Na naszej stronie dajemy Ci możliwość wcielenia się w kogo tylko sobie zapragniesz. Może królowa liceum? Albo nie, lepiej! Wyrzutek East High School, który stara się wkupić w łaski popularniejszych kolegów. Może gwiazda? Model, piosenkarz, aktor, projektant, fotograf albo po prostu lekarz bądź prawnik? Śmiało, nie krępuj się!
Tutaj nie ma żadnych ograniczeń. Masz pełne pole do popisu. Zdecyduj się na matkę z dzieckiem, bądź szarego licealistę! Chcemy stworzyć coś, co jest podobne do rzeczywistości. Dlatego nie spotkasz tutaj wyłącznie podobizn Paris Hilton. Zróżnicowanych postaci jest u nas pod dostatkiem, zapewniamy. Zatem nie czekaj i kliknij myszką na ”Rejestracja”, którą znajdziesz na górze strony i dołącz do nas! Gwarantujemy grę na poziomie w miłej atmosferze! Bo w końcu o to w tym wszystkim chodzi!:)
<font color=#006633><b>
</b></font>
<br></p>

<td valign=top>
<p align="right">
<img src=http://s4.ifotos.pl/img/administr_rpeppeh.png><br>

<center>
<body>
<style>.NOMPA{color:#D9D919;font-size:52px;font-family:Verdana;letter-spacing:6px;text-transform:uppercase;text-shadow: 1px 1px 2px #656662; }
.NOMPA1{color:#d8d5d6;font-size:32px;font-family:Verdana;letter-spacing:-2px;text-transform:lowercase; margin-left:140px;margin-top:-20px;}

.BARREPA{border-top: 5px dotted #e6eaee;margin-left:10px;margin-right:10px;}
.TEXTE {text-align: justify ;font-face:Segoe UI;font-size: 10px;}
.ETOILE{color:#D9D919;}
.TEXTE2 {;font-family:georgia;letter-spacing:7px;text-transform:lowercase !important;font-weight:bolder;color:#336699;font-size: 12px;}

.BARREPA1{border-bottom:10px solid #e1cbfe;margin-left:20px;margin-right:20px;}

.LIEN{font-size:18px;font-family:Verdana;text-align:center;text-transform:lowercase;letter-spacing:-2px;margin-right:5px;margin-left:5px;text-shadow: 1px 1px 1px #AAAAAA;color:#7f6e8d;}

.PAPART1{width:360px;height:220px;background-color:#222222;font-size:12px;font-family:Verdana;text-align:justify;}
div.infobulle{
position: relative;
color: #OOFFOO;
text-decoration: none;
font-size: 11px;
font-family:Verdana;
border-bottom: none;}

.PAPART2{width:200px;height:220px;background-color:#222222;font-size:12px;font-family:Verdana;text-align:justify;}
div.infobulle{
position: relative;
color: #D9D919;
text-decoration: none;
font-size: 11px;
font-family:Verdana;
border-bottom: none;}

div.infobulle span{
display: none;
width: 200px;}

div.infobulle:hover{
background: none;
z-index: 999;
cursor: defaut;}

div.infobulle:hover span{
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 20px;
background-color: #e3e3e3;
text-decoration: none;
color: #000000;
padding: 5px;
width: 220px;
border-top: 4px solid #ffcc99;
border-bottom: 4px solid #ffcc99;
border-right: 4px solid #ffcc99;
border-left: 4px solid #ffcc99;
font-size: 11px;
-moz-border-radius: 5px;
-webkit-border-radius:0px 0px 3px #000000;
-moz-box-shadow:0px 0px 3px #000000;
-webkit-box-shadow:0px 0px 3px #000000;}

.CONTOUR{border:4px solid #ff6633; -moz-border-radius:3px;-webkit-border-radius:4px; width:100px; height:50px; }
.CONTOUR2 {border:4px solid #ff6633; -moz-border-radius:3px;-webkit-border-radius:4px; width:100px; height:50px; }

.NOMSTAFF{font-size:24px;font-family:Verdana;letter-spacing:-2px;;margin-top:5px;font-weight:bold;}

.STATUT{font-size:18px;font-family:Courier;text-align:center;text-transform:lowercase;letter-spacing:-1px;margin-right:5px;margin-left:5px;text-shadow: 1px 1px 1px #Red;color:#OOFFOO; margin-top:-5px;}

.DC {font-size:10px;color:#ff9966;}

</style>

<TD style="TEXT-ALIGN: justify" width=0> <div style="background-image:url('http://s2.ifotos.pl/img/tlopng_rpnqqhs.png'); <border: 1px solid #ff9966; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px; width: 225px; padding-leftt: 0px; padding-right: 0px; font-family: arial; height: 225px;"><table style="none;"><tr><center><td style="padding-bottom: auto;" align="center"><div class="infobulle"><img src="http://s2.ifotos.pl/img/rachel-kt_rpnwnse.png" width="100" height="50" class="CONTOUR gradualfader"><span><center><img src="http://s2.ifotos.pl/img/rachelave_rpnqaax.png"><div class="NOMSTAFF" style="color:#ff3300;">Julia Cooper</div><div class="STATUT">Administrator</div><a href="http://www.iveryplace.czo.pl/profiles/3.htm">Kontakt</a><br>
<a href="link link link">O mnie</a></div></center></span></div></td><br><td><div class="infobulle"><img src="http://s3.ifotos.pl/img/ed-ktospn_rpnwesw.png" class="CONTOUR2 gradualfader"><span><center><img src="http://pics.livejournal.com/bitche/pic/000yy991"><br><div class="NOMSTAFF" style="color:#ff3300;">M.J Curtis</div><div class="STATUT">Administrator<br>Grafik</div><a href="http://www.iveryplace.czo.pl/profiles/2.htm">Kontakt</a><br>
<a href="link link link">O mnie</a></div></span></div><center>
</body>
</center>
</td>
</table>

Błąd jest chyba w tej części od dłuższej przerwy (spacjalnie taką zrobiłam, żeby można było łatwiej znaleźć.

Screen:
http://s5.ifotos.pl/img/screenpng_rpeppwh.png

Chodzi o tą uciekającą ramkę, chciałąbym ją wyrównać pod napis 'administracja'.

Mich@ł · Wysłany: 2011-11-17, 15:58

Goshia, poszukaj nie domkniętego tagu. Czyli jak masz np <td> to zaraz po jakiejs treści musi być </td>.

Najlepiej ściągnij sobie jakiś edytor html z kolorowaniem składni np edit plus lub pajączek.