Isagard Posted December 18, 2005 Share Posted December 18, 2005 I made my page in Photoshop CS 9, it has no text and uses no css. I want to try to put text into specific places on the page, but when I use CSS to position the text, the text is where I want but the rest of the pafe moved down. In html the whole thing uses a large table with lots of images which photoshop generated. When I put the text in the cell corresponding with the image I created, the whole site breaks apart. Do I need to remake my site or can I properly adjust the text some way? Link to comment Share on other sites More sharing options...
Jonas Posted December 18, 2005 Share Posted December 18, 2005 When you have only your layout, and it looks like it's supposed to look, take a screenshot and try to duplicate it with other html tags, like div. You can use one large image, or a few smaller ones. Making your site through Photoshop isn't a good idea... Link to comment Share on other sites More sharing options...
aspnetguy Posted December 18, 2005 Share Posted December 18, 2005 Photshop places the images into table cells as <img> tags it is better to use css and use background images. Use Photoshop to break up the images into the pieces you need or even have one large background Link to comment Share on other sites More sharing options...
F-Man Posted December 18, 2005 Share Posted December 18, 2005 I'd rather recommend the above suggestions, but if you don't think you're up to it, here's another one:Use absolute positionning to place your text where you want.<div style="position: absolute; top: XXpx; left: XXpx;">Text</div>(replace XX with a number of pixels)I usually would never recommend the use of the "style" attribute, but this looks like a desperate case. Link to comment Share on other sites More sharing options...
Isagard Posted December 18, 2005 Author Share Posted December 18, 2005 Yay! The absolute poitionning is just what I was looking for! I needed to make my site in photoshop because I have rollover buttons that really work well when you do it in photoshop. And CSS didn't work for me...it looked really bad...Thanks F-Man! Is there a way with absolute positioning to have your text have a scroll bar? I need alot of text to fit in a smaller area for download pages and things like that. And something sort of like margins for it... because wright now for every line of text I need a new poistining thingyExample div style="position: absolute; top: 155px; left: 355px; color:#ffffff">:_:News:_:</div><div style="position: absolute; top: 160px; left: 355px; color:#ffffff">___________________________________________</div><div style="position: absolute; top: 155px; left: 48px; color:#ffffff">:_:Quotes:_:</div><div style="position: absolute; top: 160px; left: 48px; color:#ffffff">__________________________________</div> Link to comment Share on other sites More sharing options...
F-Man Posted December 18, 2005 Share Posted December 18, 2005 There's nothing stopping you from using headings and paragraphs inside your divs. <div style="position: absolute; top: 155px; left: 355px; color:#ffffff"> <h2>:_:News:_:</h2> <p>___________________________________________</p></div><div style="position: absolute; top: 155px; left: 48px; color:#ffffff"> <h2>:_:Quotes:_:</h2> <p>__________________________________</p></div> For the scroll bars, try <div style="position: absolute; top and left blah blah; width: XXpx; height: XXpx; overflow: scroll;"> Link to comment Share on other sites More sharing options...
Jonas Posted December 18, 2005 Share Posted December 18, 2005 Oroverflow: auto; Link to comment Share on other sites More sharing options...
Isagard Posted December 19, 2005 Author Share Posted December 19, 2005 Another problem...when I use position: absolute this happensbut in a visual editor it looks right...and when i launch it in Safari from my html editor it looks right...whats wrong? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now