Jump to content

Search the Community

Showing results for tags 'text'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 34 results

  1. I would like to call the jquery text() method with a string argument that includes the HTML character entity for the copyright symbol (©). I've tried numerous variations of the following theme: $('#copyright').text('© ' + date.getFullYear() + ' John Doe'); So far, nothing I've tried has produced the desired result. Specifically, the HTML "& copy;" entity is not getting translated into the copyright symbol. Is it possible to pass an HTML character entity in this way?
  2. I have some knowledge about html and css and I am confident in beeing able to hack through most problems through trial and error, but in this case I dont even have an idea on how to fix it and I am afraid it's really simple. So I simply want this black background behind the text and it's supposed to be equal on both sides, but the padding starts virtually too late for that to work. body {position: relative;} body,html,h1,h2,h3,h4,h5,h6,p {font-family: "Lato", sans-serif;} body, html { height: 100%; color: #777777; line-height: 1.8;} html {font-size:1rem;} body {font-size:100%;} h1 {font-size: 1.777em; text-align: center; color: white;} .headline2 {letter-spacing: 0.8em;} .w3-wide {letter-spacing: 0.625em;} <div class="bgimg-1 w3-display-container w3-opacity-min" id="home"> <div class="w3-display-middle"> <h1><span class="w3-black w3-padding-large w3-wide w3-animate-opacity">THORSTEN ERDT</span></h1> <h1><span class="headline2 w3-animate-opacity">ILLUSTRATION</span></h1> </div> </div>
  3. I want to have any text that is bold, italic etc. to be a specific color. And yes, this if for ALL of my website. I've been using p.italic, p.bold etc. Is there a shortcut to do everything but normal text?
  4. iwato

    Page Gradient Text

    BACKGROUND: I like gradients because they are both colorfully attractive and easy on the eyes. They are also suggestive of binary thought and all that lies between the two polar extremes of 1 and 0. For these reasons I often employ gradients as the background colors of my <div> elements. Background gradients suffer from an important weakness, however: monochromic text is easy to read at one end of the gradient, but difficult to read at the other. QUESTION: Does anyone know of a way to cause text to change color as it is displayed across the width and height of the element that contains it? Roddy
  5. Hello, I'm a beginner website designer and am currently studying HTML5 and CSS at school. As of this, I have been assigned with a project in which I have to design and create a website on a specific topic. Using W3, I've come up with a navigation bar which is fixed and has links to other pages. I then wanted to add a cover photo/hero image too, but i cannot do both Navbar and Hero Image. If I have Navbar appear first in the <style> tag, then Hero doesn't work. Alternatively, If i use a Hero Image before Navbar, i cannot use the navbar. My question is, Is there a way to use both? I am very confused and would appreciate all the help i could get Regards,
  6. I think I read somewhere that ALL text should be enclosed inside paragraph tags. But what I don't recall is it literally ALL text regardless of other tags? For example, inside <h-> tags, inside <div> tags, inside <li> tags, etc etc etc, should literally ALL text be enclosed in paragraph tags? In <li> tags if I use <p> tags then the text is dropped one line below the list item marker symbol, which is bad, so I don't use paragraph tags inside <li> tags. In <div> tags I have used paragraph tags only when there have been more than one paragraph. For years now I have been using paragraph tags for paragraphs outside of other tags, such as those I already mentioned, but should I be enclosing text in <h-> and <li> in paragraph tags? My goal is to write the most accurate markup possible.
  7. Hi, I just need a simple code to add space between words. I have some text above a pic so I would like one word to align to the left and the other to the right. So it would be (if you refer to the image) Seca 674 Information. One of my words is actually a link to another page though so not sure what I can use. I thought of using <p>...</p> but then the height spacing is too big (like the top image in the picture attached). Help! Thanks in advance for all your suggestions.
  8. HTML CODE:- <body> <main> <article> <header> <h1>Azure Kingfisher</h1> </header><hr> <p>This stunning little kingfisher is common on waterways across the <a title="Top End Australia Video"; href=" " target="_blank">Top End</a>, but can be difficult to see well. this is some text about the kingfisher this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.sdnf iuhrwei hear hoheo eogflkvoiejar glk oisdfj w oaif iasdfi asoif asidfjsaifdj osaijdfiasdf insadfoi</p> <p> <figure> <a href="azure.html" target="_blank"> <img title="Click to enlarge" src="thumbnails/birdpict.png" alt="thumbnail" style="float:left; height:150px; width:110px" /></a> </figure> </p> <p id="arc2">this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.sdfh osadf' sfoi jsdfj sdofj sdfw'ej fsdlkf aslkfl askdfn sadf sadf oifn afoin asdfn saodifnwieafn'o iwnfkanef iewfan</p> </article> </main> Linked CSS:- body{ background-color: #1eed8c; margin-right: 20%; margin-left: 20%; border: 2px dotted blue; font-family: sans-serif; line-height: 180%; } h1{ color: blue; text-align: center; } p#arc2{ padding-left: 5px 5px 5px 5px; } article{ color: green; padding: 5px 5px 5px 5px; border-bottom: 1px solid rgb(88, 88, 88); } img{border: 2px solid black;} footer{ margin-left: 74%; } a:link {color: blue; background-color: transparent; text-decoration: none;} a:visited {color: maroon; background-color: transparent; text-decoration: underlined;} a:hover {color: yellow; background-color: transparent; text-decoration: none;} The pic of the kingfisher, which is a thumbnail, is right beside the text= arc2. There is no space between the image and the text. I tried padding the #parc2 (second article that was beside the image but still no effect). The image has a black border that I don't want to remove. If I add padding to the image the border sticks to the text(arc2).
  9. Hi all I have a html code: <a href="link" > <img style="position:absolute; top:400px; left:150px; width:200px; height:100px" src="images/funk.jpg" /> </a> I want to write a text below this image. How can i do this? Regards
  10. Calixtei

    Changing text color

    I'm trying to change the text color scheme of the following, plus i would also like to bold. Web page displays (just text) but only (Update cart) is linked: Update cart or This is the code for above: <input type="submit" id="update-cart" name="update" value="{{ 'cart.general.update' | t }}"> "cart": { "general": { "title": "Cart", "update": "Update cart", "or": "or", "checkout": "Check out", The "Check out" is a Button (I didn't include code, because I didn't want to change it) I'm not sure what tag(s) I should use, I've tried <h3>, <h3 style>, <div>, <div style>, <span> and they all give me errors. I'm editing within Shopify html editor, they use (.liquid) top code, and (.json) bottom code Any suggestions would be much appreciated, thanks so much.
  11. Hello, I'm attempting to re-create this Wix page - http://gtnphotography.wix.com/collectivecp#!new-equipment/c10au -in WP using the genesis theme. However, I'm having issues with spacing and alignment. Here's the code I have: <style> div.container{ position: relative; } p { text-align: center; margin-bottom: 60px; } div.container img{ position: absolute; top: -30px; left: -10px; right: -10px; } </style> <div class="container"> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Red-One-e1436565960605.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/C100.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Titla.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Tilta-2.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/24-105mm.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Rokinon-14mm.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Fostex.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Windshield.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Wireless-Mics.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Tascam.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Fluorescent-Banks.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Tungsten-Fresnels.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Green-Screen.png" /> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Client-Monitor.png" /> </div> Any help would be great. Thanks, Kelsey
  12. Hi there! I'm new! Got my first qustion. I originally wanted to use the <marquee> tag to move multiple words across my page, thus moving them offscreen, in a continuous loop. However, I found out the marquee tag is obsolete, and now I have to use the CSS3 Animations and Transitions to do the same thing. However, I can't find a way to make the word slide off screen entirely, and then simply reloop, like a regular marquee. Can someone please help me do this, in the simplest way possible? Also, since I'm new to this particular section, please give all your advice in the simplest way! I want to say thank you in advance as well.
  13. ThatAdrian

    Default font styles

    Hello, I'm working at a site in wordpress, I use 'inspect element' a lot, and I want to know how can I see all the default font styles and their preview, so I can choose it more easily. In inspect element it only shows me the one available for font-family : serif, sans-serif, monospace, fantasy etc. Is there maybe a site or something (or a chart) where I can instantly see all those default text styles (so not something I have to download), and their preview? Thanks.
  14. I am creating an app with much text-information. So what is an easy way to link all the text and pictures to the index.html file? Using iframe? When using iframe only 3-4 cm of the text shows… <iframe id="iframeGeo" src="teoritekst/page7Geology.html" frameborder="0" height="100%" width="100%"></iframe> In the index.html file I have this code: <div data-role="page" id="page8Production"> <div data-role="header" id="txtHeader"> <h1>Produksjon</h1> <a data-role="button" id="btnBack" href="#page6Knowledge" data-inline="true">Back</a> </div> <div data-role="content"> <div class="div-widget"> <div> <blockquote class="txthistorie"> <span id="txtInfo"><h1>Utvinnning</h1></span> <a href="" class="thumbs"><img src="images/plattform.png style="width:304px;height:228px"/></a> <p>very much text here, therfore I have to link to another htmlfile. I cannot write all this in index.html</p> </blockquote> </div> </div> </div> In this application, there are some buttons, when clicking them you can read a lot of text. This hurry bit, so grateful for all the answers. Sorry for my bad english.
  15. Dream_Catcher

    Space between image and text

    Hey everyone. I wanted to find out how to make space between my image and text. Right now the page looks somewhat like this: http://jsfiddle.net/gmhuk3kq/4/ An image and text have no space between them like I want to. I tried to do margin and padding but they didn't work. I'm not really good with code (I'm a beginner) so I don't know maybe I'm doing something wrong. And I want my text not to be under the picture but for it go downwards not under the image. Thank you for whoever answers.
  16. Drizzle

    galerie and text

    I am not very experienced in html so I hope someone can give me some help. The attached script I copied from W3Schools. What I like to do is to add text below the galerie, as a paragraph or so, insuch way it always stays below the pictures. I tried a lot of things without succes. Any suggestions? TEST01.htm
  17. Alan Kellogg

    First Paragraph Text Indent

    Goal: To set text indent in the first paragraph after a heading to a value of 0px; with subsequent paragraphs to be set with a text indent of N.px. Query: Can this be done?
  18. old guy

    floating text issue

    Hi, I am building my first web site & very new to html code etc.... One problem I can't seem to solve is that in my site I have two tables next to each other. One floating right & one floating left. They are different heights & will fluctuate in content over time as they contain variable information. Under the two tables I have a <p> footer with some text in it. I can sometimes get the text in my web editor (web expressions 4) to span the page & sit under both tables, but this never works in all browsers when I preview it. Some let the text float up under the shorter table & some span the text at a random point? What is the best code to allow text to always span the page & not float up, but at the same time be responsive to the changes in the tables heights? Have tried divs, breaks & lines but without success in chrome/IE/firefox (using eric meyers css/reset as well to null any variables). Thanks. PS: w3sch is an excellent resource.....
  19. tomatoKetchup

    Remove the "bleeding" of a text selection

    Hello, I wanted my website's display area to be exactly 768 px centered on the page. So here's the css properties I applied to the "main" div that contains every element I add on my webpage: div#main { margin-left: auto ; margin-right: auto ; width : 768px ;} It works, fine, however when I select several lines of text inside it, the blue selection is bleeding all the way to the left and right of the window (see attached image). How can I prevent this from happening? Thanks for reading! Thomas
  20. caitlind

    Glitches During HTML Download

    Hello! I am by no means a professional - excuse what may be a silly question, and definitely silly code! I have 2 problems I would define as glitching and shifting that I cannot solve: Here is the site I am discussing: http://conservefineartsonoma.com/index.html 1.) A complete shift of text and a smaller header logo when you click the CONTACT link. http://conservefineartsonoma.com/Contact.html 2.) When each link on the page is clicked, the entire page formatting shifts until the page has downloaded. What is this?? It's driving me bonkers.... I have included the CSS and a few pages from the site to this posting since I have no idea which part of the code is at fault for either of these problems. Any help would very VERY much appreciated - trying to get it nice n smooth! stylesheet.css Contact.html Deakin.html index.html
  21. I just put together my own website on Weebly and need someone to give me some feedback on ease of navigation, the photos of my work, the text, and overall. I would also like to know what is the best way to advertise to get people to my site. I have almost a non-existent budget for more advertising since I'm also applying to outdoor juried shows. I have already tried Google adwords but got nowhere with that. Thanks in advance www.silverclouddesigns.net
  22. Surefire Mechanical

    Can anyone account for these differences?

    Hello again, It would seem that the final piece of my puzzle doesn't want to play nice. I've wrapped my footer links and text in a <div> and styled everything so that the footer is nice and centered, filling the width of the site_wrap <div> it is all within nicely- that is in IE any way. In Firefox there are clearly differences between font width (which should just be font-size), line-height, font-weight, letter-spacing and word-spacing. To combat this, I tired styling each of these properties with exact values (in case browser-default stylesheets were slightly different) as follows in the bottom 5 properties: #bottom_links { width: 1200px; align: center; margin: 0 auto; position: relative; top: -60px; left: 20px; font-size: 11.3px !important; font-weight: 300 !important; line-height: 15px !important; letter-spacing: 0px !important; word-spacing: 0px !important; } Note- the !important's shouldn't even be needed as there are no other calls to #bottom_links any closer to the content, but I even tried it in case. Yet none of this styling had any effect. The result didn't change a bit: An example of this has been posted at http://www.surefireny.com/footer_problems.html as I am sure I must be missing something in the code or CSS
  23. etsted

    text files

    what are text files acctually used for?
  24. polgee

    text-- line spacing

    I would like to place a poem on top of an image I have already made. I want each line of the poem to be single spaced and the starting letter of each line to be vertically below each other as it would be in a column. I want the column to be on the right hand side of the image. How do I regulate the spacing between the lines of text? How can I ensure that each line of the poem is retained as per the original layout? How do I position the column of text on the image?
  25. Hi Can someone point me in the direction of a tutor so I can learn how to remove or hide things using css. I'm running a wordpress woocommerce store and need to add css in a plug-in box that will remove or hide items. If I have to I can find the css sheet for the plug-in and work from there. I know how to build a basic css sheet to make my own pages but never tried to remove anything using css. Any help of where I can find a good tutor would be much appreciated.Kimberly
×