|
HTML - Header, Dynamic Line Behind Text
Hi,
I want to create a header (<h1>,<h2>,...) like on the picture (see attachment) with html and css. It is possible to create sth like that without using pictures? Thanks Similar TutorialsI am new to HTML coding I am trying to remove the line break, after my header and not sure how to do it. Here is my code: <h5 style="background-color:red;"><a href="java script:alert('Find & Click on your old Printer' + '\n' + 'Select '+ 'OPEN' + ' ...Do you want to open or save this file?' + '\n' + 'Select ' + 'RUN' + ' ...The Publisher could not be verified.')">Click Here for Directions on REMOVING your printer</a></h5> I would like to remove the blank line that the header creates. Thank you Hi, When I put some text in a <h1> tag it automatically starts a new line after </h1>. Can I stop this from happening as I want text after it as part of the same sentence. Thanks Paul here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. I am designing a header for my website and need to put text on both the left and right hand side of the topline for the website. When I try to put the code it overspills to next line so when I save it all the information I need on the same line goes over to the next line. How can I put the code in a different line in my coding but display it on the same line on a browser? Well, I think that's what it would be considered. Anyways, I have a simple project where I'm making a website that has a drop down menu with a list of items. I also have a table which will define the items. What i want to know is how to change the text in one of the table boxes when a new item in the drop down menu is selected. This is the code i have so far... Code: <html>
<head>
<title>
My Definitions
</title>
</head>
<body>
<script type="text/javascript">
var define= new array()
define["Unicode"] = "unicoded"
define["Hexadecimal"] = "hex"
define["Binary"] = "bin"
define["Compiler"] = "compil"
define["Interpreter"] = "inter"
define["Topology"] = "top"
define["Server"] = "ser"
define["Overflow Error"] = "of"
define["Phishing"] = "phish"
define["Network"] = "net"
function definition(def)
{
}
</script>
Select a definition from the list:
<select id="list">
<option>Unicode</option>
<option>Hexadecimal</option>
<option>Binary</option>
</select>
<br>
<br>
<table border="1" width="100" cellpadding="5">
<th>Definition:</th>
<th>Pictu </th>
<tr><td>two</td>
<td>one</td></tr>
</table>
</body>
</html>
any help would be greatly appreciated. http://credmond8.awardspace.com/home.phtml How can I get "Site Theme" and "Time" on the same line? Hi all, I have the following code... <BODY> <ul> <li><h3> hello world</h3> I love you </li> </ul> </BODY> Right now this comes out on two separate lines. Is it possible for both texts to be on the same line? Thanks. Hey everyone and thanks ahead of time for takin a look see at this! I'm working on creating a headline for one of my pages that I want to have some sort of 'text' decoration on each side of it like this: -----[blah blah]------ Now I want the title ('blah blah' in this case) to be in a <h1> tag...but not the decoration on the outside. However when I set it up like: Code: ----[<h1>blah blah</h1>]---- As you would guess the result is: -----[ Blah Blah -----] Is there someway I can keep these inline, but still have an <h1> tag wrapped only around the title? THANKS!! Right - I am looking for way to do the following... I want to have a 3 URLs on a page > something like Code: <a href="http://www.somesitesomewhere.com" alt="no 1">Click here for option 1</a> <a href="http://www.somesitesomewhere.com" alt="no 2">Click here for option 2</a> <a href="http://www.somesitesomewhere.com" alt="no 3">Click here for option 3</a> which will take the viewer to another website landing page which will have a body of text that will contain an area that will be changed depending on which of the above links has been clicked... i.e.: Code: <p>this is copy for the body of the landing page. You clicked option {dynamic_text}, nice choice.</p>
So the "alt" state appears dynamically - I know that the link will have the dynamic text elsewhere in the anchor tag (not in the 'alt' tag) - but am not sure where/how to implement. Can anyone help? Cheers YB Is there a way to dynamically create text in html/jsp based on a value the user chooses? I have the following code in a jsp and based on the value of the returntype that the user chooses. The value SSN: has to change to SSN/FEIN: depending on what is choosen in the return type drop down (note, the change has to be in the text and not the inputType field). Is there an easy way to do this? Here is the form code... <form action="CompareData" method="post"> <center> <table cellspacing="5" border="0"> <col width=450> <tr> <td align = "LEFT" colspan=2><b>Please enter the parameters below to retrieve the information:</b></td> </tr> </table> </center> <center> <table cellspacing="5" border="0"> <col width=200> <col width=100> <tr> <td align = "LEFT"><b>SSN:</b></td> <td><input type="text" name = "SSN" value="000000000" ></td> </tr> <tr> <td align = "LEFT"><b>End Year:</b></td> <td><input type="text" name = "ENDYEAR" value="2007" ></td> </tr> <tr> <td align = "LEFT"><b>Num of Years:</b></td> <td><input type="text" name = "NUMYEARS" value="2" ></td> </tr> <tr> <td align = "LEFT"><b>Return Type:</b></td> <td> <select name="ReturnTypeDropDown" > <option value="WI">WI</option> <option value="IRS">IRS</option> <option value="Informational">Informational</option> </select> </td> </tr> <tr> <td><input type="hidden" name="RETURNTYPE" value="" ></td> <td><input type="button" value="Retrieve" onClick="validate(this.form)"></td> </tr> </table> </center> </form> please, check http://members.dodo.com.au/~rouslan/...ite/index.html I need to know how to get rid off strange effect down the bottom and how do I make text and image aligned on the same "line", "level" e.g. image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text I am trying to do something pretty basic, but I dont understand the behavior or how to fix it. I want something to look like (where the '*' are centered): Code: *
*
test *
*
*
*
and am using the code: Code: <CENTER>*</CENTER> <CENTER>*</CENTER> test<CENTER>*</CENTER> <CENTER>*</CENTER> <CENTER>*</CENTER> <CENTER>*</CENTER> But the output looks like: Code: *
*
test
*
*
*
*
Hi, I am writing various things on one line - such as Previous, Back to Main Menu and Next - but would like to align the differently e.g. I would like "previous" to be aligned to the left of the page, "back to Main Menu" in the middle and "Next" on the right side. I have tried pressing space bar - but am only able to do one space in Dreamweaver. Any ideas? Thanks. Hi guys, can someone help me. I'm trying to get my text to sit like this: however it sits like this: www.studioeighty.co.uk thanks Steve Hi all, I'm new to this site, I hope someone can help me figure out what on Earth I've done wrong. I've been editing this website to a new, CSS layout with DIVs instead of frames and tables. In my browser, IE6, it looks PERFECT, but in IE7, the DIV with the navigation text is overlapping the DIV with the header image, and in Firefox 2.0.0.16, the DIVs might as well not even be there--all the text runs right on top of the image! A screencap of what it looks like in my browser is he http://i44.photobucket.com/albums/f3...ta-browser.gif A screencap of how it's turning out in IE7: http://img.photobucket.com/albums/v6...IE7Version.jpg Firefox screencap: http://i44.photobucket.com/albums/f3...layout-cap.jpg I have no idea what I've done wrong, or why it shows up perfectly in one browser, but not in any other. The page used in the example is here, so you can see how it is on yours and peruse the code for mistakes: http://cityofdemons.com/lmr.html Thanks in advance for anything you can tell me! Hello. I'm new here so I'd like to apologise for two things: 1. The possibility that I've posted in the wrong forum section - the problem contains what I believe to be an HTML issue primarily, as opposed to CSS; although I'm probably wrong due to my inexperience with web design. 2. That I haven't worded my title properly or that this problem has already been resolved. I've tried searching numerous forums but I'm having difficulty expressing myself articulately and consequently, I can't find anyone with a similar problem. Here's my problem: I'm building a website which contains the owner's latest tweet on the page, in this instance it's at the top. I'd like this text: 'Latest tweet:' to appear on the left-hand side of the actual tweet and for both items to be aligned to the centre of the X axis. Typically, all the options I've tried have resulted in 'Latest tweet:' appearing above the tweet or being occluded by the tweet. A simple solution would be to create a div containing 'Latest tweet:' and position it next to the div containing the tweet. The problem here is that the 'Latest tweet:' text will remain stationary, whilst the tweet will grow or shrink dynamically, depending upon the number of characters in the tweet. This will usually leave an unsightly gap between 'Latest tweet:' and the tweet. Is there any way I can get 'Latest tweet:' to appear right at the start of the tweet, regardless of its size? Here is a crude illustration of the gap:- Latest tweet:____________"This is a relatively small tweet." Here is what I'd like to happen:- Latest tweet: "This is a relatively small tweet." The relevant (I think) code is pasted below. I'd really appreciate the help of anyone who's reading this - even if you're not sure yourself! If you need more information or code then please let me know. I don't have a working link yet but I could upload it if necessary. Best wishes, thereisnoteapot. PS HTML <div id="twitter_div" style="position: relative; top: -35px; height: 35px; font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; font-size: 14px; display:inline;"> Latest tweet: <p id="twitter_update_list"> </p> </div> CSS #twitter_update_list { list-style-type: none; } #twitter_update_list span a { display: inline; color: #fff; } Good day guy's. Im very new to html programming and scripting, but I was wondering if it would be possabe to insurt a dynamic label field in you body where to content must be fetch from a notepad or wordpad ( /docs/someting.txt ) Thanks Hello Everyone, Can anyone help me with my html problem?? I have a form showing one chunk record at one time. This record is from a table. I want this form to bold certain text from that chunk of record. Since the record is not hardcoded/type inside the form. I want the bold funtion to be dynamic. Let say, Record one: I have an apple. I want to eat it now. Record two: I have a strawberry. I dun want to eat it now. First case, I want to bold the whole first line,with the word 'have' in it.. But this line can be anywhere in the page.. It doesn't always have specific position as long as the sentence have the word 'have' in it. Second case, I want the script to bold the word 'want' every time it finds it.. And only that word! Can anybody help me on how to do this.. I really dunno how to? Hi I am having trouble on this topic, can't think of a way to clearly explain this so i ll just throw an example: I'm aiming for this in a table: XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXX______________________________ without the need to do line break or start a new <span><div>or<td>, so basicly the text content (the "X"s) is continuous and the underline needs to fill the whole horizontal width, making <u> an invalid solution. Does anyone know how to make this possible, Thanks in advance! P.S. I am using query to auto fill the text content so the length of the text is not fixed and will change base on the database record Hi, I am doing a small project. In that I am displaying percentage visually with the help of horizontal line using width. when the user places cursor on that line, is there any chance to show percentage of that line. Eagerly waiting for your replies. Thanks in advance, |
|||||||