|
HTML - How To Allow The Line To Rest Directly On Top Of My Font
hi, as shown in the pic, the line and the word "Hello" has a gap in between, how can i remove the gap or space to allow the line to sit directly on top of the word Hello ?? Similar TutorialsHi all, long time no post for me, good to see still a vibrant forum. I have been helping a friend with their existing site they built with Weebly. Weebly uses the deprecated html <font> tag to set the size of text the user sets via the GUI. Ive found the font tag does not play nice with line-height, I.e. when line-height is set to a value other than "normal", the actual size of the font in the <font> tags does not figure in the line-height calculation and if the font tag has a large size set, you get major bleeding - i.e. the line-height is too small. At least in Opera Chrome FF. I came up with a solution which seems to work but I thought this should be a known problem but could not find anything. Thought Id check see, may be there is a better fix, or I m missing something. Current solution is: font[size="1"] { font-size:xx-small; line-height:100% } font[size="2"] { font-size:small; line-height:100% } font[size="3"] { font-size:medium; line-height:100% } font[size="4"] { font-size:large; line-height:100% } font[size="5"] { font-size:x-large; line-height:100% } font[size="6"] { font-size:xx-large; line-height:100% } font[size="7"] { font-size:40pt; line-height:100% } Can you see any problem with this. Cheers, Sam. Does anyone know of a font face generator that can convert a TTF or OTF font file into the 4 formats (woff, svg, eot, ttf), that's not font squirrel? That site only supports English fonts with a very low file size limit, and can't convert any foreign fonts. Already tried http://onlinefontconverter.com as well, doesn't work either as I waited like an hour then the server simply deleted my uploads without so much as an error pop-up lol, and now the website is not responding. This is for usage in CSS using the @font-face function. Thanks. Hello, When I try to set a font in HTML it works, but if I set a rule in my CSS to set the same font, it doesn't. Here are the three things I do (not at the same time of course): <font face="Verdana, Tahoma, Arial, Helvetica"> ... ... ... </font> vs body { font-family: Verdana, Tahoma, Arial, Helvetica; } or even... body { font: Verdana, Tahoma, Arial, Helvetica; } Out of all of those, only the first can change the font in my browser...is this a CSS issue because, somehow, the browser has superiority over CSS, and HTML has superiority over the browser? I would appreciate input. Thanks. This is probably the simplest thing in the world but I can't figure out what to do to make it happen... I need to have an "enter zip code" box with submit button, that opens a link in a new window...where the zip code entered is passed into the link... So, I enter my zip code: 28052 and get this link in a new window when pressing submit: thesiteaddresshere.com/ login/ minisearchpost.cfm? something=1&zipcode=28052 &signup=ouraffiliatecode Thanks in advance for any and all help! David T. Hello, I am a beginner at HTML. I am new to this forum so I am sorry if this is posted in the wrong section. I'm trying to create a website that consists of a name and message input, and after you click send message, it sends it instantly to the current page under this input. So far I have this for my form: Code: <form method="post" action="" > <textarea cols="25" rows="1">Name</textarea> <br> <textarea cols="200" rows="10">Message</textarea> <br> <input type="file" /> <br> <input type="submit" value="Send Message" /> </form> How can I edit this code so that when one sends a message, it appears directly under this form and will place above any previously made messages, so that basically the most recent message appears at top. This is much like facebook messaging, when you send the message it appears above the message box and appears instantly. Thanks for the help. Can anyone tell me what i did wrong? I havent coded in a while but i think i didd it right. Its for my friends uncle. Can anyone tell me why this works fine in ff (my browser) not IE, or safari? The page should be centered and be connected at the top. No other spaces. krrose27.com/flip/ Can someone tell me how I would code for a webpage to open directly into a form where the cursor just sits there flashing awaiting input form the user. just like this google page does: http://maps.google.co.uk/maps I have the webpage and the form, but just need to know hot get the cursor to go straight to the form? Is this possible? I remember seeing this somewhere but I don't really remember how to place the info in the address. Is it something like http://test.com@username:password ? Thanks! Ok, I have a button in the main site and when it is clicked a pop up window opens and the user can navigate and do whatever. Then they can go back to the main site and click another button which is supposed to then give focus to the pop up window again (just a different part). Here's the thing: It works just fine in Safari. Whenever a button is clicked the focus goes back to the popup window, yet every other browser seems to keep the popup window behind. Any idea of how to FORCE the popup window to have focus? Thanks. Hi! I'm a Opera diehard since I know it's the only browser that does all measures (height/width/etc) 100% correct. And usually when something doesn't show up right in another browser I have different kinds of 'backups' ready, but this time I'm pretty lost. This is the thing I'm busy with: test.html (As you might notice it's pretty much based on the old YouTube menu.) It really only shows up fine in Opera but just to show you guys what it looks like in the other browsers: All Browsers - Picture The codes (test.html): Quote: <html> <head> <title>TEST</title> </head> <body style='background:white'> <center> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="177" height="28"></td> <td width="130" height="28" align="center" valign="middle" background="active.png"> <font color="#333333" size="2" face="sans-serif"><b>Link 1</b></font></td> <td width="130" height="28" align="center" valign="middle" background="inactive.png"> <a href="link2.html" style="text-decoration: none;"> <font color="#003399" size="2" face="sans-serif"><b>Link 2</b></font> </a></td> <td width="130" height="28" align="center" valign="middle" background="inactive.png"> <a href="link3.html" style="text-decoration: none;"> <font color="#003399" size="2" face="sans-serif"><b>Link 3</b></font> </a></td> <td width="130" height="28" align="center" valign="middle" background="inactive.png"> <a href="link4.html" style="text-decoration: none;"> <font color="#003399" size="2" face="sans-serif"><b>Link 4</b></font> </a></td> <td width="177" height="28"></td> </tr> <tr> <td background="bar.png" colspan="6" width="874" height="37" align="center" valign="middle"> <form id="form" method="post" action="formcorrect.php" enctype="multipart/form-data"> <font color="#333333" size="2" face="sans-serif">URL:</font> <input type="text" name="url" size="40" value=""> <input type="submit" name="submit" value="Send"> <input type="hidden" name="config" value="0""></form> </td> </tr> </table> </center> </body> </html> (Also available over here.) The form isn't active, nor are the pages linked to Link 2-4. The meaning obviously is that the input is centered (align and valign) in all browsers. The pictures used: 1x active.png: 130 x28px (white on the sides included) 3x inactive.png: 130 x28px 1x bar.png: 874 x37px (colspan=6) 2x 177 x28px (= free space on both sides of top row) Calculation: 177 + 130 + 130 + 130 + 130 + 177 = 874 Well, I think that's all I can say. Hope someone could help me out! Thanks a lot in advance! Hi everyone Let me first say how awesome it is for the web to have a place like this where other html coders can relate. I've been lurking here for a couple months and now I come in with a bang, ha, yes a question. Nonetheless...I'm very greatful to be here. So onto my question.. I'm an assistant on a web design project and I'm having trouble aligning text on a website. I used divs on a WYSIWYG editor to place the text and when I opened the page everything looked fine, of course that was because it was done on this computers resolution specs. Now if you look you will see that when you are either: A) On a different resolution on another computer the text look ambiguous and doesn't align propery B) Minimizing the window or changing its shape the text also doesn't align. So my question is, how do I resolve this matter. Any html pro's or programmers in whatever arena would be truly appreciated in taking a look at this issue for me. Oh and about styles..I don't know much about css as I'm still a beginner and I'm thinking I can't even use styles since I already have that <style> code in there already, but it's not a css one. So I've written that off. Here is the website so you can see the issue (assuming you're not on 1280 for your width in resolution and not in full screen). URL - http://blendsphere.com/mailconnect/ Once at the site you can pull up the html code to see it too. Again thanks for any support or solutions on this. I am relatively new to the web design world so if you do have any solutions if you could make it brief that would be fantatstic. Ok thanks again. Please enlighten this noob, so far I've been enjoying html and hope to do so for much longer. I've kept up with things and it's no surprise that after all these years HTML is still so damned popular. Alright then. can i have fixed layout for only some part of a table? I want the first column of my table to be "auto" and the other columns to be "fixed" llike style='table-layout:fixed;'. How can I achieve this? Thanks! Hi. I am creating web service. But the problem must be somewhere on HTML page. When I submit form, the data send by web service (java program) to the page does not show up. If I do not submit form, then the program works; results appear on the page. The form is submitted invoking pushSubmit() javascript function. This method is invoked from setMessage() javascript function. I submit form cause in this way I discover what value is selected on drop down list. This is done using JSP code. Can I do it somehow else. Next action using retrieved data is to invoke Java class on server side. What might be the problem? This is the code: Code: <%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" pageEncoding="UTF-8" %>
<%@ page import="mart.ebay.database.ReadsCategoryTable" %>
<jsp:useBean id="categoryList" class="mart.ebay.database.ReadsCategoryTable" scope="request" />
<jsp:setProperty name="categoryList" property="*"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>eMart</title>
</head>
<body class="create"> <!-- shows items from that country by default -->
<%
// String strSiteId = "EBAY-GB";
// Object categoryList = session.getAttribute("items"); // receives result from servlet
// out.println(categoryList + " result ++++++++++++++++++++++++++++");
// strSiteId = (String)session.getAttribute("siteId");
// strSiteId =(strSiteId == null)? "": strSiteId;
// out.println(strSiteId+ " strSiteId +++++++++++++++");
%>
<%
String result= "";
String strSiteId = request.getParameter("siteId");
strSiteId =(strSiteId == null)? "": strSiteId;
if(strSiteId.equals(""))
{
out.println(strSiteId+ " global ID is empty");
result= categoryList.readTable("EBAY-GB");
}
else
{
out.println(strSiteId+ " this is global ID");
result= categoryList.readTable(strSiteId);
}
%>
<div id="container">
<div id="header">
<h1>Header</h1>
<!-- end of header--> </div>
<div id="mainContent">
<h1>Main content</h1>
<!-- onsubmit="run()" -->
<form name="form" id="form1" action="index.jsp" method="post" >
<table id="input" border="0" cellpadding="0" cellspacing="5">
<tr>
<th align="left">Looking for</th>
<th align="left">Location</th>
<th align="left">Category</th>
</tr>
<tr>
<td align="left"><label><input style="width: 230px" type="text" name="message" id="message" /></label> </td>
<td>
<select name="siteId" id="siteId" >
<option <%=(strSiteId.equals("EBAY-AT"))?"selected":""%> value="EBAY-AT">Austria</option>
<option <%=(strSiteId.equals("EBAY-AU"))?"selected":""%> value="EBAY-AU">Australia</option>
<option <%=(strSiteId.equals("EBAY-CH"))?"selected":""%> value="EBAY-CH">Switzerland</option>
<option <%=(strSiteId.equals("EBAY-DE"))?"selected":""%> value="EBAY-DE" >Germany</option>
<option <%=(strSiteId.equals("EBAY-ES"))?"selected":""%> value="EBAY-ES">Spain</option>
<option <%=(strSiteId.equals("EBAY-FR"))?"selected":""%> value="EBAY-FR">France</option>
<option <%=(strSiteId.equals("EBAY-FRBE"))?"selected":""%> value="EBAY-FRBE">Belgium (French)</option>
<option <%=(strSiteId.equals("EBAY-NLBE"))?"selected":""%> value="EBAY-NLBE">Belgium (Dutch)</option>
<option <%=(strSiteId.equals("EBAY-FRCA"))?"selected":""%> value="EBAY-FRCA">Canada (French)</option>
<option <%=(strSiteId.equals("EBAY-ENCA"))?"selected":""%> value="EBAY-ENCA" onclick="pushSubmit()" >Canada (English)</option>
<option <%=(strSiteId.equals("EBAY-GB"))?"selected":""%> value="EBAY-GB" selected="true">United Kingdom</option>
<!-- <option value="EBAY-HK">Hong Kong</option> -->
<option <%=(strSiteId.equals("EBAY-IE"))?"selected":""%> value="EBAY-IE" onclick="pushSubmit()" >Ireland</option>
<option <%=(strSiteId.equals("EBAY-IN"))?"selected":""%> value="EBAY-IN">India</option>
<option <%=(strSiteId.equals("EBAY-IT"))?"selected":""%> value="EBAY-IT">Italy</option>
<!-- <option value="EBAY-MOTOR">Motors</option> -->
<option <%=(strSiteId.equals("EBAY-NL"))?"selected":""%> value="EBAY-NL">Netherlands</option>
<option <%=(strSiteId.equals("EBAY-NLBE"))?"selected":""%> value="EBAY-NLBE">Belgium (Dutch)</option>
<option <%=(strSiteId.equals("EBAY-PH"))?"selected":""%> value="EBAY-PH">Philippines</option>
<option <%=(strSiteId.equals("EBAY-PL"))?"selected":""%> value="EBAY-PL">Poland</option>
<option <%=(strSiteId.equals("EBAY-SG"))?"selected":""%> value="EBAY-SG">Singapore</option>
<option <%=(strSiteId.equals("EBAY-SE"))?"selected":""%> value="EBAY-SE">Sweden</option>
<option <%=(strSiteId.equals("EBAY-MY"))?"selected":""%> value="EBAY-MY">Malaysia</option>
<option <%=(strSiteId.equals("EBAY-US"))?"selected":""%> value="EBAY-US">United States</option>
</select>
</td>
<td>
<select name="Category" >
<option value="100" ><%= result%></option>
</select>
</td>
<td> <label> <input type="button" value="Start" onclick="run()"/></label></td>
</tr>
</table>
</form>
</div>
<div id="footer">
<p>Footer</p>
</div>
<!-- the end of container--></div>
<script type="text/javascript">
function getXmlHttpRequest() {
try
{
// Firefox, Opera 8.0+, Safari
return new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
return new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return null;
}
}
}
}
function setLocation(location)
{
strSiteId = location;
var xmlHttp = getXmlHttpRequest();
xmlHttp.open("GET","app/messages/location/" + location,true);
xmlHttp.send(null);
}
function setCategory(category)
{
var xmlHttp = getXmlHttpRequest();
xmlHttp.open("GET","app/messages/category/" + category, true);
xmlHttp.send(null);
}
function setMessage(index)
{
var xmlHttp = getXmlHttpRequest();
//alert(index)
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
// document.write(xmlHttp.responseText.indexOf("<body>"));
if(xmlHttp.responseText.indexOf("<body>") != -1) {
s = xmlHttp.responseText.substring(xmlHttp.responseText.indexOf("<body>") + 6, xmlHttp.responseText.indexOf("</body>"))
document.getElementById("output").innerHTML=s;
} else {
document.getElementById("output").innerHTML=xmlHttp.responseText;
}
pushSubmit() // submits form
}
}
xmlHttp.open("GET","app/messages/" + index,true);
xmlHttp.send(null);
}
function run(){
setCategory(document.form1.Category.value)
setLocation(document.form1.siteId.value)
setMessage(document.form1.message.value)
alert(document.form1.Category.value+" "+document.form1.siteId.value+ " "+document.form1.message.value)
}
function pushSubmit() {
document.getElementById('form1').submit();
}
</script>
<%
// sessionObj = null;
//arlItems = null;
//session.removeAttribute("items");
//session.removeAttribute("siteId");
%>
<h3>result</h3>
<div id="output" style="border: 1px solid black; color: black; height: 18em; width: 100%"></div>
</body>
</html>
Hello; I have text box & submit button in page_1 & I have text box & submit button in page_2. I want when write text in text box in page_1 it go directly to text box in page_2 & I want when click on submit button in page_1 it is like click on submit button in page_2. Assume page_2 located in other site www.page_2.com. How to do that.?? Ok so I am stuck between two fonts TREBUCHET MS and Verdana. Which looks better? Click here to see them. I would like to put some custom made font on my client web site, but of course the font change when is on server. That is totaly normal. Once I found one javascript that made shure that font stay the same regarding ho is looking at the site. Does anyone have that javascript or know where I could find it? Maybe some other trick? Google wasn't helpful this time. I am setting up a newsletter.I have validated it and have this one annoying error. document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag Now, I dont want to use css since as im not sure how many email programs will pick it up..so to be safe im using just the basic font tag system. I get the above error from this example. <font face="Verdana, Arial, Helvetica, sans-serif" size="2"> <P>Testing testing </> </font> I also tried putting a style in the body but the outlook doesnt pick it up,well mine anyways since its outlook 2000. any advice thanks Im not too sure where this should go or how feaable this is to do but ill try. Ive used a custom font called "Bauer". Obviously everyone doesnt have this font and ive heard it is possible to upload the font and have it auto download to the fonts folder. Is this possible and if so how is the best way to do this? Is there a way of putting a font into a website viewers temp file so it can be used on the website. As I would like to make my own font to go on my website but if that viewer didn't have it, then it wouldn't show. I don't really like the idea of having somebody download the font and then have to put it into their font file so if that could be avoided. Thanks. |
|||||||