|
HTML - Paragraph Spilling Out Of Container
http://www.iankovi.com/htmlllll.html
http://www.iankovi.com/csssss.css Any suggestions? Similar TutorialsHi I'm new to web design but have created a 1st shot. Unfortunately the 9 navigation buttons (spread horizontally) spill over onto a 2nd row. My guess is tat this is because the wording for some of the buttons is a bit wordy. I don't want to lose the words at this time. Any ideas of how I can arrive at a neat solution. Ideally I would prefer that all the buttons fitted into a single row. Is there any way of achieving this? (even if the text within certain cells is split over 2 rows within the cell) Thanks for any help you can give Chris you can see the sort of results I'm getting at www.universal-campus.net Below is the tswtabs.css style sheet referred to in the code for each web page and which contains the settings for the navigation buttons /* tswtabs.css 1.0.2 Please use the CSS Menu Button Wizard at http://www.thesitewizard.com/wizards...-buttons.shtml to generate your own customized menu buttons. */ #tswcsstabs ul { margin: 10 ; padding: 0 ; list-style: none ; display: inline ; } #tswcsstabs ul li { margin: 0 ; padding: 0 ; display: inline ; text-align: center ; list-style: none ; font-family: Arial, Helvetica, sans-serif ; } #tswcsstabs li a { color: #000 ; background-color: #36b4d6 ; border: 1px outset #00f ; padding: 8px ; text-decoration: none ; display: inline ; } #tswcsstabs li a:hover { color: #ff0 ; background-color: #0000c0 ; } Below is the code I'm using on each page to set out the navigation buttons <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="http://www.universal-campus.net/tswtabs.css"> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>about</title> </head> <body> <ul> </ul> <table style="text-align: left; width: 1360px; height: 282px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td><a href="worldheader.jpg"><img style="border: 0px solid ; width: 1348px; height: 265px; float: left;" alt="" src="worldheader.jpg"></a></td> </tr> </tbody> </table> <table style="text-align: left; font-family: Arial; font-weight: bold; width: 100%;" border="1" cellpadding="2" cellspacing="5"> <tbody> <tr> <td> <div id="tswcsstabs"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Global Campus</a></li> <li><a href="portfolio.html">Our own Business Portfolio</a></li> <li><a href="business.html">Getting more from your Business</a></li> <li><a href="investment.html">Maximising your Investments</a></li> <li><a href="coach.html">Your Coach & Mentor</a></li> <li><a href="exit.html">Making the most from your exit</a></li> <li><a href="feedback.html">Contacting Us</a></li> <li><a href="associate.html">Working as one of our Associates</a></li> </ul> </div> </td> </tr> </tbody> Hello guys . As everybody knows , <DIV> and <P> are really necessary elements in web pages . Bye the way , I wanna have a limited paragraph . Imagine , I have paragraph ( 300 X 400) . I wanna limit text to this paragraph . I mean , when I put a lot of words and characters in this paragraph , the text goes to next line automatically . Like this forum . When you put your text here , If it's a long text , it'll be separate to several lines and doesn't take one long line . for example , please check me personal web site . first post of this site has taken a long line and destroyed everything . I put it the text in limited paragraph , div , table and etc but it didn't work and again shattered boarders and didn't attention to size of elements ( width and height ) . http://ehsanrajabi.ir I have a simple website at justinrepairs.com. The code is all plain old HTML. I have tried adjusting everything I can think of to make the owner's name in column 1 fit on 1 line. I've widened rows, columns, etc. Please help if you can. The source code should be right there for you to see. Thanks so very much for any and all help! I am needing to place my paragraph alongside my title.. I am using the following code..
Code: <div align="justify"><strong><font color="#306">TopicHere</font></strong><br />TextHere</div> The above is not giving me what I need, What I need is shown here .. What I need is here Thank You for your help David Hi, is there anyway to make a sup on a paragraph? if so, could you tell me how, please? Paul Weinstock Hello, First post here. I have a quick question regarding the default manner in which Firefox handles different <h> tags. In an html page if I have the following code... Code: Some Text <h3>Headlines!</h3> More Text In Internet Explorer it renders how I want it to like this... --------------------------------- Some Text HEADLINES! More Text --------------------------------- But in Firefox it throws in a hard return before and after the <h3> as such... --------------------------------- Some Text HEADLINES! More Text --------------------------------- I know I need to define an additional property in my h3 class but I am honestly not sure what that would be! Any help is appreciated. Ok I am having a really weird problem. I have a simple div that has some images in it and I am trying to center them. I added text-align: center to the div that wraps the images but it doesn't center the images like it should. Also, I have a radio button below the image that is wrapped in <p> </p> tags. It looks right in FF of course, but in IE7 it puts the radio button to the side of the picture instead of below like it should when it is wrapped in paragraph tags. Anyone have any idea why this might be happening? http://www.mesquitechristmas.com/loc...?action=images The link is a secure page but I have removed the session and disabled the function so the page should display. -Thanks Hi everyone, not sure if this is possible but I would like to have a page that has two textboxes - "1: Input" and "2: Output" So if you copy a few paragraphs from MSWord into that first input box, then click a button that says "Convert", the second Output box shows up with the same text only with a full line break in between paragraphs (not put html tags like <BR> in it) My reasoning is that in word, you can distinguish between paragraphs because of tabbing, but when you copy/paste it into a forum post, it just mushes together and becomes very difficult to read, making line breaks the best way to separate. Example: Input: Code: Once upon a time blah blah blah. The next day thirty people died. It was sad. Output: Code: Once upon a time blah blah blah. The next day thirty people died. It was sad. Thank you! Hello everyone, I am new here and I am have a very odd problem with one of my paragraph tags. It is placed at the bottom of the main content just before the footer. Yet it thinks it encompasses all of the content in the main content div. When I use css to make the font bigger, only the paragraph changes font size. None of the other text, such as links, changes font size. That's what's supposed to happen. But when I add a top margin to the paragraph to try to move it down, all of the content in the main content div moves down. I am thoroughly confused. Can somebody help me understand why this is happening? I confess that I am a total 'noob' at 74 years old, and will probably get flamed for this question - but here goes - I have taken the on-line HTML course for basic set up and have built a web page; however, it is so bad I do not want to launch it until I can get some issues corrected. PROBLEM 1 - I built the file in 'notepad' text writer. When I look at my internet at 'open', 'brouse', 'index.html' file, and select 'OK', the features show up as I want; however, when I upload the file to my web page, the image is a square with a red X. I set up the image by adding the following line to the file: <img src="xxx.jpg"> PROBLEM 2- In spite of adding <p> </p> at the beginning and ending of my paragraphs, after uploading, the webpage displays each paragraph of text as one long line of text. Can someone advise where I am going wrong? Bob I''m trying to center the main title of the page: Combative Conditioning $50 per month http://lmiinc.com/combat_conditioning.html It seems to be off to the right a lot... But I have it text-align: center; Any ideas? Thanks. This is frustrating, I'm looking for that code, working in IE and Firefox. Please help! Hi I noticed that ie6 renders paragraph breakline spaces bigger than ie7 or FF. I got around it by using <br /><br /> instead of <p></p>, but is there a proper workaround to make ie6 conform? Also also tried stipulating the CSS for the p tags, but to no avail: .maintext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#fff; text-align:justify; line-height:100%; } .maintext p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#fff; text-align:justify; line-height:100%; } Cheers Shaun NOTE: This is on a WAMP localhost wordpress setup. I have code in a "static" page that I put there in "edit page" view, HTML tag, in wordpress/dashboard that looks like this: Can someone tell me why image2 shows up "INSIDE" the paragraph block when I look at it in "view page" mode? Code: <div class="promo"> <img class="image1" yada yada yada /> <p> yada yada yada </p> <img class="image2" yada yada yada /> </div> I also have this styling in style.php: Code: .image1 {float: left;}
.promo p {float: left;}
.image2 {float: left;}
My intent was to put the paragraph block between the two images. Image1 floats fine; the paragraph floats just fine; image2 floats fine, but, image2 shows up "INSIDE" the paragraph block, not outside it like image1 does. I want image2 outside and to the right of the paragraph block. Both images float fine without the paragraph block, but when I insert the paragraph block between them, image2 leaps inside the paragraph block. Any help on this will be greatly appreciated. I am in the process of re-designing my website. old site www.ghilliesuitsource.com new site still a work in progress www.ghilliesuitsource.com/gss_test I am struggling with 2 things on my new site. 1) The parallelogram (tilted rectangle) images in the background are seperated by paragraph breaks so that I can alternate between left and right aligned. While all of the forground "stuff" text and product images are AP DIV elements so they hold their spacing. Page looks like I intend it to in IE but netscape/firefox appear to use a different paragraph break line size causing the forground "stuff" to appear lower and lower with respect to the parallelograms, and it gets worse the further down the page you go. 2) It appears as though IE will not change text size inside an AP DIV element when you go to "view-Text Size" This is good because I am using a graphic to act as a border around text. Netscape and Firefox do change font sizes in AP DIV elements so when you select a larger fontsize the text "spills" out of the border. If you can help me out with either of these problems I would certainly appreciate it. How can I prevent search engines from indexing a paragraph? I know that with <META NAME="ROBOTS" CONTENT="NOINDEX"> you can prevent search engines from indexing a page. But I just want to stop them from indexing one paragraph in a page, not the whole page. Okay so I'm trying to get cutenews to post in rows, and I know I've done it before utilizing a div container, but I can't remember what it was I did lo those many years ago. Can anyone help me out? I'm looking for an end result like this Much appreciated anyone who gives this a look and/or reply =] hey forum, does adding an image with a link in a div container make it null?? Problem: PHP Code: <div id="container"> <div id="top-left-box"><img src="images/rss_tab.png" width="201" height="45" longdesc="http://betyoulikeit.com/tinc?key=gNu6zzEm"></div> look cottonhead no slices thanks... -tikki- My container kinda works, but kinda doesn't. I've had this problem before and I can't remember how I solved it, anyway.. My container is keeping my "reading" and "sidebar" divs in place, but the background of the container div isn't following down the other divs, it's just on top of the container. Here's my website : http://djance.net/wordpress (the layout is NOT done if you were wondering). And my Css : http://djance.net/layouts/14/css.style I think it's the Css, but anyway Help appriciated ! |
|||||||