Jump to content

Search the Community

Showing results for tags 'text'.

  • 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

  1. When I step through this, it never changes to black. It just stays red. <body onload = "hideQuote0();"> <script> function hideQuote0() { document.getElementById("span0").color = "rgb(255,0,0)"; setTimeout(hideQuote1(), 3000); } function hideQuote1() { document.getElementById("span0").color = "rgb(128,0,0)"; setTimeout(hideQuote2(), 3000); } function hideQuote2() { document.getElementById("span0").color = "rgb(0,0,0)"; } </script> <div id="div0" style.display = "block";> <span id="span0" color: rgb(0,0,0);> QUOTE GOES HERE </span><br><br> </div> ... </body> Thank you very much
  2. I would like to know how to make this type of box with the text inside, like the example in the photo
  3. I want to make something like this... Where user can create forum topic.. But, I will be using the parameter below.. (similar to form/input code of login/sign up).. The issue is that I have no understanding of what to put. 1) In the configuration ini text 2) As a code to display.
  4. Hello everyone. (Sorry for my bad english, I'm french)So I have an HTML page with a header, a footer, a lateral menu and of course, content.It is perfectly sized for desktops and mobiles (thanks to a media query I invented, which is : @media screen and (max-aspect-ratio: 7/8) and (min-height: 1100px){ /* MY CODE HERE */ } The content is perfectly adjusted like this : , thanks to: html{font-size: 200%} in this media query. I precise that ALL my font-sizes and padding between divs / paragraphs are in "rem" unit. But the problem is, that when I exceeds the precise nuber of 89 characters, the texte suddenly look like this : But only on mobile devices (with the media query I said previously)... I visualized this with the Chrome developer tool -> Device toolbar (Ctrl + Shift + I then Ctrl + Shift + M) There I do a little as if it was not serious but it's days that I drudge everywhere and nobody was able to give me an answer ... I put the page online so you can watch it more precisely...http://vincentvincent.rf.gd/l-histoire.html Thanks for your help.
  5. I would like to call the jquery text() method with a string argument that includes the HTML character entity for the copyright symbol (&copy;). I've tried numerous variations of the following theme: $('#copyright').text('&copy; ' + 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?
  6. 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>
  7. 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?
  8. 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
  9. 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,
  10. 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.
  11. 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.
  12. 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).
  13. 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
  14. 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.
  15. 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
  16. 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.
  17. 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.
  18. 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.
  19. 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.
  20. 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
  21. 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?
  22. 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.....
  23. 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
  24. 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
  25. 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
×
×
  • Create New...