No scrollbar and just a border.. Options

[misfit]

Ok for my div layout,I have well this rectangular div box and I have a photo in it thats nearly the same size as the box,but you have to scroll down to see the rest of it,I already made the pic smaller.I just want to have it so it looks like theres just a border around itand for it to have no scroll bar in it,also I want to put links in it too,so it all fits...I'd probbaaly have to resize it?
Here's what I mean..
http://profile.myspace.com/index.cfm?fusea...iendID=38997903

And what size would yoou think i'd need to resize the div box to,to be able to fit links and stuff in as well?
Also with the pic in it,well I have it centered,maybe I don't need to have it centered since its in teh div box,I don't know..And there's a fair gap between the top of the top div and the pic?!

Thanks!

[freeflow]

For the image do
<img src="urlhere" height="200">
Change the height # it will resize it.

Make it smaller till both links + pic fit in the box or make the div box longer.


You can make the height the height of the pic originally + lmaybe 10-20 px to fit the links into too.

[misfit]

I resized the pic that way you said, but it just stretched it and looks funny and it added another scroll bar in...I suppose I just want to make the div box bigger so the pic and the links fit in and so there is no scroll bar?
Either way i think there's going to be a gap..

[freeflow]

Just do
<img src="urltoimage">

Then find the code w/ the div of the picture and links.
Take out the part that says "overflow: auto;" (if it has it)
Then make the height bigger until both fit w/out a scrollbar.

[misfit]

Aw I nearly got it lol.I didnt put the links in yet just put a few words under it to see and it seems it has overlapped or something?
http://profile.myspace.com/index.cfm?fusea...iendID=38997903

All though...I could put the link in that extra box...but i'm not sure how? lol

[misfit]

*bumps*...
sorry,my topics already gone to the second page....hope it will get a reply?

[freeflow]

Wait three days before bumping.
Anyways um whatever box those words are in you mve that box down.
Actually you have to move all the boxes down to make the top one bigger.

[misfit]

And how would I do that?lol...There's no pointm e positioning them if that middle box doesn't actually exist in the code o.o

[freeflow]

Can you post your code please?

If you don't have positioned divs and just regular divs you can add <br> tags after each code maybe like 3-6 of them to make line breaks. If that really doesn't work you need to get positioned divs..

[misfit]

<style type="text/css">
body {background-color:transparent; background-image:url("http://i46.photobucket.com/albums/f101/k8erz/bg4.gif"); background-repeat:repeat; background-position:center center; background-attachment:fixed;}
td, .text, div, input {color:FFFFFF !important;}
span, b {color:FFFFFF !important;}
a {color:FFFFFF !important;} img {border:0px;}
table, tr, td, tbody {background-color:transparent; border:0px;}
table table table td {visibility:hidden;}
marquee, table table table div td {visibility:visible;}
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed {position:static;}
table div div, table tr td div font a {visibility:hidden;}
.div1 div, .div2 div, .div3 div, .div4 div,
.div1 a, .div2 a, .div3 a, .div4 a {visibility:visible !important;}
.text, table table table table a,
table table table table div,.frm1 {visibility:hidden;}
table table table table div a, .frm1 input {visibility:visible;}
.herpe {content:"herpe's comments in div";}
a.text, .nametext, .contactTable, .lightbluetext8,
.comt td td td table, .btext, .orangetext15, .redlink {display: none;}
.comt table {position: relative; top: -45px; width: 400px;}
* html .comt table {top: -35px !important;}
.comt td {visibility: visible; background-color: transparent; border: none;}
.comt b {position: relative; top: -50px;}
.comt td td td b {top: 0px;}
.comt {
visibility: visible; width: 450px; height: 400px;
position:absolute; overflow: auto; left:50%; top:0%;
border:2px solid; border-color:FFFFFF;
margin-top:1000px; margin-left:-225px; background-color:transparent;
}

.div1 {
background-color:transparent; color:FFFFFF;
border:2px solid; border-color:FFFFFF;
width:600px; height:300px;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-300px; margin-top:150px; text-align:center;
visibility:visible;}

.div2 {
background-color:transparent; color:FFFFFF;
border:2px solid; border-color:FFFFFF;
width:600px; height:500px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-300px; margin-top:400px; text-align:center;
visibility:visible;}

.bbzDiv {content:"Overlay Generator beta";}
</style>
<div class="frm1"><table><tr><td><table><tr><td><table><tr><td>


Hm yeah I was thinking of trying the br...not sure though since one of the boxes don't even exist but i'll try now thanks

[misfit]

Grr it won't update my last message when I tried to edit it??

Anyway I sort of got it how I wanted
http://profile.myspace.com/index.cfm?fusea...iendID=38997903
I just put < br>'s here and there.The middle column somehow seems to be apart of the second div,because I typedlinks in after putting a few of the br's in and I then viewed it and the links were in the middle part,so I then thought how can I get writing in the actual second div?.So I put br's after the links and then I managed to get text in the actual second div.But for some reason the text seems to be in the center,but I don't have any center in the code so..And now the middle column is too wide..I took a few of the br's out but it didn't make a difference...I'm so confused lol..


Anyway now that i've fiddled around with it a bit heres the whole code.


<style type="text/css"> body {background-color:transparent; background-image:url("http://i46.photobucket.com/albums/f101/k8erz/bg4.gif"); background-repeat:repeat; background-position:center center; background-attachment:fixed;} td, .text, div, input {color:FFFFFF !important;} span, b {color:FFFFFF !important;} a {color:FFFFFF !important;} img {border:0px;} table, tr, td, tbody {background-color:transparent; border:0px;} table table table td {visibility:hidden;} marquee, table table table div td {visibility:visible;} table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} table table table embed {position:static;} table div div, table tr td div font a {visibility:hidden;} .div1 div, .div2 div, .div3 div, .div4 div, .div1 a, .div2 a, .div3 a, .div4 a {visibility:visible !important;} .text, table table table table a, table table table table div,.frm1 {visibility:hidden;} table table table table div a, .frm1 input {visibility:visible;} .herpe {content:"herpe's comments in div";} a.text, .nametext, .contactTable, .lightbluetext8, .comt td td td table, .btext, .orangetext15, .redlink {display: none;} .comt table {position: relative; top: -45px; width: 400px;} * html .comt table {top: -35px !important;} .comt td {visibility: visible; background-color: transparent; border: none;} .comt b {position: relative; top: -50px;} .comt td td td b {top: 0px;} .comt { visibility: visible; width: 450px; height: 400px; position:absolute; overflow: auto; left:50%; top:0%; border:2px solid; border-color:FFFFFF; margin-top:1000px; margin-left:-225px; background-color:transparent; } .div1 { background-color:transparent; color:FFFFFF; border:2px solid; border-color:FFFFFF; width:600px; height:300px; position:absolute; z-index:2; left:50%; top:0%; margin-left:-300px; margin-top:150px; text-align:center; visibility:visible;} .div2 { background-color:transparent; color:FFFFFF; border:2px solid; border-color:FFFFFF; width:600px; height:500px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-300px; margin-top:400px; text-align:center; visibility:visible;} .bbzDiv {content:"Overlay Generator beta";} </style>

<div class="frm1"><table><tr><td><table><tr><td><table><tr><td>




</td></tr></table></td></tr></table></td></tr></table></div> <br> <br> <br> <br> <br> <br> <br> <div class="div1"> <font size=5></font> <br><br> <img src="http://i46.photobucket.com/albums/f101/k8erz/menmybub.gif"> <br>Kate. </div> <br> <br> <div class="div2"> .Message Me. Add Me.Comment Me. <br><br><br><br><br><br><br>Hey my name is Kate </div> <style type="text/css"> .frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";} </style> <div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

[freeflow]

Text is center because of the bold.

div1 {
background-color:transparent; color:FFFFFF;
border:2px solid; border-color:FFFFFF;
width:600px; height:300px;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-300px; margin-top:150px; text-align:center;
visibility:visible;}

.div2 {
background-color:transparent; color:FFFFFF;
border:2px solid; border-color:FFFFFF;
width:600px; height:500px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-300px; margin-top:400px; text-align:center;
visibility:visible;}

[misfit]

I took them out and it didn't make a difference :(
http://www.myspace.com/38997903

[freeflow]

You have to take it out the ENTIRE code meaning all codes.

This is why you don't use generators.

[misfit]

Well I don't see anything wrong with using generators and I did take it out of all of the codes

[freeflow]

Generators are find I mean its just when you have a problem you don't know where its at.
Whats your new code w/out it?

[misfit]

</td></tr></table></td></tr></table></td></tr></table><style type="text/css"> body {background-color:transparent; background-image:url("http://i46.photobucket.com/albums/f101/k8erz/bg4.gif"); background-repeat:repeat; background-position:center center; background-attachment:fixed;} td, .text, div, input {color:FFFFFF !important;} span, b {color:FFFFFF !important;} a {color:FFFFFF !important;} img {border:0px;} table, tr, td, tbody {background-color:transparent; border:0px;} table table table td {visibility:hidden;} marquee, table table table div td {visibility:visible;} table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} table table table embed {position:static;} table div div, table tr td div font a {visibility:hidden;} .div1 div, .div2 div, .div3 div, .div4 div, .div1 a, .div2 a, .div3 a, .div4 a {visibility:visible !important;} .text, table table table table a, table table table table div,.frm1 {visibility:hidden;} table table table table div a, .frm1 input {visibility:visible;} .herpe {content:"herpe's comments in div";} a.text, .nametext, .contactTable, .lightbluetext8, .comt td td td table, .btext, .orangetext15, .redlink {display: none;} .comt table {position: relative; top: -45px; width: 400px;} * html .comt table {top: -35px !important;} .comt td {visibility: visible; background-color: transparent; border: none;} .comt b {position: relative; top: -50px;} .comt td td td b {top: 0px;} .comt { visibility: visible; width: 450px; height: 400px; position:absolute; overflow: auto; left:50%; top:0%; border:2px solid; border-color:FFFFFF; margin-top:1000px; margin-left:-225px; background-color:transparent; } .div1 { background-color:transparent; color:FFFFFF; border:2px solid; border-color:FFFFFF; width:600px; height:300px; position:absolute; z-index:2; left:50%; top:0%; margin-left:-300px; margin-top:150px; visibility:visible;} .div2 { background-color:transparent; color:FFFFFF; border:2px solid; border-color:FFFFFF; width:600px; height:500px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-300px; margin-top:400px; visibility:visible;} .bbzDiv {content:"Overlay Generator beta";} </style> <div class="frm1"><table><tr><td><table><tr><td><table><tr><td>


<div class="comt"><table><tbody><tr><td><table>

</td></tr></table></td></tr></table></td></tr></table></div> <br> <br> <br> <br> <br> <br> <br> <div class="div1"> <font size=5></font> <br><br> <img src="http://i46.photobucket.com/albums/f101/k8erz/menmybub.gif"> <br>Kate. </div> <br> <br> <div class="div2"> .Message Me. Add Me.Comment Me. <br><br><br><br><br><br><br>Hey my name is Kate </div> <style type="text/css"> .frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";} </style> <div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

[freeflow]

They shouldn't be centered.
The only other thing I guess you can do is add text-align:justify; where text-align:center; used to be if not I guess theres nothing much you can do..

[misfit]

Ok now the pic and the text has moved to the far left and I put center infront and at the end of the image and it centered that because teh text aaligen had moved it to the left also,I wish I was just able to put the text where I wanted,it has huge gaps,then the writing.