Err
-
Posts
1,009 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by Err
-
The problem is that you are using the table cells as a whole and as a result everything you add in the middle cell moves the left and right cells down also.This should get you out of that problem: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">/*Controls default text colors*/html, body { color: black;}/*Controls Header Cell*/.header { text-align: center;}/*Controls the left "table"*/.boxes { padding: 10px; border: 1px solid black; background-color: #5E5E5E; width: 100%;}/*Controls right "table"*/.imagebox { border: 0px; padding: 10px; background-color: #5E5E5E; width: 100%;}/*Controls the middle "table"*/.content { vertical-align: top; padding: 10px; border: 1px solid black; background-color: #5E5E5E;}/*Controls Left and Right Cells*/.cellwidth { width: 120px; vertical-align: top;}/*Controls the middle "Cell"*/.contentwidth { veritcal-align: top;}a:link { text-decoration: underline; color: #ffffff; font-weight:bolder;}a:visited { text-decoration: underline; color: #ffffff; font-weight:bolder;}a:hover { text-decoration: underline; color: #999999;}a:active { text-decoration: underline; color: #999999; font-weight:bolder;}</style> </head><body><table> <tr> <td class="header" colspan="3"> Header Image </td> </tr> <tr colspan="3"> <td class="cellwidth"> <table class="boxes"> <tr> <td> <p><a href="#">Link 1</a></p> <p><a href="#">Link 2</a></p> <p><a href="#">Link 3</a></p> <p><a href="#">Link 4</a></p> <p><a href="#">Link 5</a></p> <p><a href="#">Link 6</a></p> <p><a href="#">Link 7</a></p> </td> </tr> </table> </td> <td class="contentwidth"> <table class="content"> <tr> <td> <p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec id sem ut libero scelerisque dictum. Suspendisse molestie venenatis turpis. In pellentesque. Vivamus suscipit. Fusce at justo in sem tristique tempor. Mauris sit amet metus. Fusce accumsan metus eget quam. Mauris dapibus dictum justo. Mauris neque metus, sodales ut, luctus non, ullamcorper eu, ante. Nulla pede. Ut tincidunt facilisis est. Ut cursus dignissim orci. </p> <p align="justify">O fortuna, velut luna statu variabilis, semper crescis aut descrescis; vita detestabilis nunc obdurat et tunc curatludo mentis aciem, egestatem, potestatem dissolvit ut glaciem. </p> <p align="justify">Nunc tellus erat, venenatis sit amet, malesuada luctus, cursus sit amet, erat. Suspendisse tortor ligula, facilisis id, molestie facilisis, consectetuer sit amet, erat. Nunc quis quam a turpis volutpat consectetuer. Praesent quis ipsum. Cras risus. Pellentesque mauris nulla, lacinia id, laoreet non, gravida at, lorem. Aliquam egestas. Curabitur vel nibh. Fusce ut dolor. Curabitur imperdiet mollis nunc. Donec tellus diam, sollicitudin eu, mollis semper, condimentum vitae, velit. Quisque ut lacus in lectus sodales fringilla. Integer eu purus. Aliquam mauris sem, porta at, dignissim non, aliquam ac, lectus. Etiam id lorem. Integer sed nisi. Aenean ut ligula.</p> </td> </tr> </table> </td> <td class="cellwidth"> <table class="imagebox"> <tr> <td> <img src="" alt="" style="height:80px; width:60px;"><br> <img src="" alt="" style="height:80px; width:60px;"> </td> </tr> </table> </td> </tr></table></body></html>
-
Have you tried using Tables? It could help reslove that issue. Just a thought
-
well that's good to know. But I'm sticking with tables for simplitys sake, DIV's are hard as heck.
-
I used the old fashion Notepad when did everyone start moving up?
-
Right-click on the image and click on "Copy Image Location" it should copy the URL of the object. Works with links for that matter also. Have fun leeching
-
I do something wrong?
-
Something like this?<html><head><style type="text/css">div { border: 1px solid black; text-align: center;}#bdy { width:770px;}#header { height:100px; width:100%;}#navbar { height: 130px; width: 150px; display: inline;}#navbar2 { height: 130px; width: 150px; display: inline;}#content { width: 466px; height: 130px; display: inline;}#maindiv { width: 100%; height: 130px;}</style></head><body><div id="bdy"><div id="header">Top Content</div><div id="maindiv"><div id="navbar">Left Content</div><div id="content">Main Content</div><div id="navbar2">Right Content</div></div></div></body></html> I could not get the height and width to work on firefox, it perhaps has to deal with the display being inline... I don't know. But you can add content in and perhaps adjust it accordingly.
-
If you rule images out of the question then you can't, just switch the font to one that most people have (e.g. Lucida Console).
-
Have you tried tables? It would simplify things. <style type="text/css">.maintable { width: 100%;}.topcell { text-align: center; font-size: 20px;}.middlecell { width: 73%;}.bottomheight { height: 200px;}</style><table border="1" class="maintable"> <tr> <td colspan="3" class="topcell"> Header Content Table </td> </tr> <tr class="bottomheight"> <td> Content Left </td> <td class="middlecell"> Content Middle </td> <td> Content Right </td> </tr></table>
-
I agree with the poster. You guys should make links, LOOK like links, I'm very angred by the fact that I can't even see links whenever I need to see them. It makes helping other people very diffulcult. Please do change it to a blue link, with an underline... or whatever, just make it noticable PLEASE. Thanks.
-
<style type="text/css">div { height: 500px;}</style><div>Div Content</div> OR <div style="height: 500px;">Div Content</div>
-
That diffenitly will not work. It only works if you assign a class or ID to that peticualr table that you don't want appear. EX:<style type="text/css">.noprint { visibility: collapse; display: none;}</style><table class="noprint"> <tr> <td>This table will not show. </td> </tr></table> If you don't want a table to appear try using the CSS I used, it should work. Okay, frist off, just to be clear "style" is what you use to start the CSS styles unless you are externaly linking them..stylethe period is used for Classes.#stylethe Pound or Number symbol is used for ID's. However they should not be used more then once for applying the same styles to objects. That is what classes are for. Hope that cleared up some cunfusion
-
Perhaps it's becuase you have your background-attachment to fixed, if the image you are using is too small it will not show until you scroll past a certain point. The no-repeat attribute might also complicate things. Also it might be better to set all your properties into one decloration like so: background: #000000 url(imgs/ctr.jpg) no-repeat fixed; Hope that helps out some.
-
Try this, you can adjust the spacing accordingly. <style type="text/css">ul.disk {list-style-type: disc;line-height: 10px;}</style><ul class="disk"> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li></ul>
-
Can't you do it with XHTML also, tried it? Isn't the same thing just with a / for non closing tags?
-
http://javascript.internet.com/user-detail...resolution.htmlThat should help you