Menu
Menu
DaniWeb
Log In
Sign Up
Read
Contribute
Meet
Search
Search
About 1,000 results for
text-transform
- Page 1
Re: Text Transform
Digital Media
UI / UX Design
14 Years Ago
by maryparker
Text
-
transform
is an incredibly useful CSS property, yet one of the most underused. This property allows you to control the capitalization effects, and it converts upper case to lower case of the
text
in HTML.
Text Transform
Digital Media
UI / UX Design
14 Years Ago
by Reliable
Hey everyone, Quick question..why would I use the
text
transform
property when I could just type it how I want it? Thanks for your time.
Re: Text Transform
Digital Media
UI / UX Design
14 Years Ago
by SolidSolutions
Could be many uses/applications. For example, you type it capitalized (Capitalized Words) but maybe on mouse-over you want it displayed uppercase (CAPITALIZED WORDS).
Re: Text Transform
Digital Media
UI / UX Design
14 Years Ago
by Arkinder
Flexibility, and it helps separate structure from presentation - the entire purpose of CSS. Regards, Arkinder
Re: Text Transform
Digital Media
UI / UX Design
14 Years Ago
by codewall
less action for users, they don't need necessary action when your page can do a lot for them.
Re: Text align
Digital Media
UI / UX Design
12 Years Ago
by JorgeM
…link {margin-right: 25px; font: Arial; color: red;
text
-decoration:none;} #sidenav { z-index:0; margin: 0px…1; font: Arial; font-size: 13px; color:black;
text
-decoration:none;} #pic { position: absolute; margin: 0px;} …font: Arial; font-size: 14px; font-weight: bold;
text
-
transform
: uppercase;} #content2-1 { float:left;width: 50%; …
Switching Text
Digital Media
UI / UX Design
12 Years Ago
by zobadof
… } .latestnews { width: 450px; height: 230px;
text
-align: center;
text
-
transform
: uppercase; background-color: #141414; border-radius: 20px…; } .whyppp { width: 975px; height: 325px;
text
-align: center;
text
-
transform
: uppercase; background-color: #141414; border-radius: 20px;…
SVG text warp question
Programming
Software Development
11 Years Ago
by 9tontruck
… horizontally in different scale using matrix: <
text
transform
="matrix(0.45914843678474426,0,0,2.1637930870056152,…:1.25;">SAMPLE
TEXT
</tspan> </
text
> But matrix
transform
is just vertical and horizontal…m grids and shift its intersections and perform separate
transform
per each section in the grids. Please see …
How to auto-fit a generated text inside a div tag
Programming
Web Development
5 Years Ago
by Ryan_42
…background: none; border: 1px dotted #ED8F20;
text
-
transform
: uppercase; padding: 1.1rem; line-height: …position: absolute; left: 88%; bottom: 93.2%;
transform
: rotate(45deg); } .qoute { color: wheat; …
Re: Change text of button as it copies textarea
Programming
Web Development
7 Years Ago
by essential
…; } .wtitle{ font-family:tahoma; font-size:18px;
text
-align:left; letter-spacing:4px;
text
-
transform
:uppercase; font-weight:bold; padding-bottom:5px; } button…
Re: How to retain text box values using php?
Programming
Web Development
13 Years Ago
by sv3tli0
…; name="txt" maxlength="7" style="
text
-
transform
:uppercase"></td> <td><…; name="submit" maxlength="7" style="
text
-
transform
:uppercase" value="submit"></td>…;'; ?>[/CODE] I have added one echo of the posted
text
to see that its working.
Different Text Display in Different Browser ???
Digital Media
UI / UX Design
18 Years Ago
by j4mes_bond25
… ul a:hover { color:black; background-color:yellow;
text
-
transform
:uppercase; } /************************************ CENTER CONTENT ************************************/ #centerContent { background-image… "Times New Roman", Times, serif;
text
-align:justify; color:black; font-weight:bold; }…
Beginner - Problem with text margin
Digital Media
UI / UX Design
13 Years Ago
by bombay1982
…-family: Avalon, sans-serif, serif; background-color: #000; color: #FFF;
text
-align: left; width: 968px; font-size: 16px; line-height: normal…: normal; font-style: normal; font-weight: normal; font-variant: normal;
text
-
transform
: none; } #studio_menu { position: absolute; /* [disabled]top: 50px; */ right: 0px; bottom…
Change text of button as it copies textarea
Programming
Web Development
7 Years Ago
by Jon_7
…} .wtitle{ font-family:tahoma; font-size:18px;
text
-align:left; letter-spacing:4px;
text
-
transform
:uppercase; font-weight:bold; padding-bottom:5px; }…; margin-bottom: 15px; padding: 10px 0 12px 0;
text
-align: center;
text
-shadow: 0 -1px 1px #1e2d4d; width: 100%; -…
Re: Change text of button as it copies textarea
Programming
Web Development
7 Years Ago
by Jon_7
…} .wtitle{ font-family:tahoma; font-size:18px;
text
-align:left; letter-spacing:4px;
text
-
transform
:uppercase; font-weight:bold; padding-bottom:5px; }…; margin-bottom: 15px; padding: 10px 0 12px 0;
text
-align: center;
text
-shadow: 0 -1px 1px #1e2d4d; width: 100%; -…
Styled box with rounded corners around text
Digital Media
UI / UX Design
15 Years Ago
by hknight
… a styled box with rounded corners around
text
in a heading. [IMG]http://d9qjx79zqpo3.googlepages.…gt;Title</title> <style type="
text
/css" media="all"> .specialHeader…repeat scroll 100% 0; } .specialHeader em {
text
-
transform
: uppercase; display: block;
text
-style: normal; margin: 10px 0 0 10px; …
How to retain text box values using php?
Programming
Web Development
13 Years Ago
by jacksantho
…; name="txt" maxlength="7" style="
text
-
transform
:uppercase"></td> </form> <…(isset($_POST['submit']) { $val=$_POST['txt']; #header(); } ?>[/CODE] my
text
box values gets erased after submit button. If i use… php coding. Please give me a solution to retain my
text
box values.
css menu in ie7 : a:hover behaviour only on text not on the whole box
Digital Media
UI / UX Design
17 Years Ago
by sycorax27
… menu is multilevel menu, and after moving out from the
text
in the menu, the other levels are very fast disappearing…: none; font-size:0.6em; font-family:Arial Black;
text
-
transform
:uppercase; } #menu a:hover { color: #FFFFFF; background: #99cc00; } #menu li { …
Re: How to retain text box values using php?
Programming
Web Development
13 Years Ago
by jacksantho
…; name="txt" maxlength="7" style="
text
-
transform
:uppercase"></td> </tr> <…']); } ?> [/CODE] I am not facing the error. I need
text
box values to be retained. I dont know.
Re: How to retain text box values using php?
Programming
Web Development
13 Years Ago
by diafol
…; value="<?php echo $val;?>" style="
text
-
transform
:uppercase" /></td>[/CODE]
Re: How to retain text box values using php?
Programming
Web Development
13 Years Ago
by jacksantho
…; value="<?php echo $val;?>" style="
text
-
transform
:uppercase" /></td> when i try your… code, again the problem, in my
text
box, i am getting like this <?php echo $val…
Re: How to retain text box values using php?
Programming
Web Development
13 Years Ago
by sv3tli0
try [CODE]<td><input type="
text
" name="txt" maxlength="7" value="'.$val.'" style="
text
-
transform
:uppercase" /></td>[/CODE] he hasnt notice that you use var for your html code
Re: How to retain text box values using php?
Programming
Web Development
13 Years Ago
by sv3tli0
…; name="txt" maxlength="7" style="
text
-
transform
:uppercase" value="'.$val.'"></td>…
Re: How to retain text box values using php?
Programming
Web Development
13 Years Ago
by sv3tli0
…; name="txt" maxlength="7" style="
text
-
transform
:uppercase" value="'.trim($_POST['txt']).'"><…
Re: Adding text using CSS
Digital Media
UI / UX Design
14 Years Ago
by hindu times
So, after looking deeper at the code, the word "Home" is in a h2 tag, which is within a the post.page-title-area div. So how would I incorportate that into my CSS to place the // after the Home
text
? .post.page-title-area {
text
-
transform
:uppercase;} .post.page-title-area:after {content: '//';}
Adding text using CSS
Digital Media
UI / UX Design
14 Years Ago
by hindu times
… the following code in my CSS: .post.page-title-area {
text
-
transform
:uppercase;} .post.page-title-area:after {content: '//';} However, this results…
Re: Hanging text
Digital Media
UI / UX Design
14 Years Ago
by adnank
…width: 561px; color: #ffffff; } #middle_content #content_nobanner{ float:left;
text
-align:left; height: 472px; /*width: 541px;*/ width: 700px; color… normal 14px Arial, Helvetica, sans-serif; color: #ffffff;
text
-align:center;
text
-
transform
: uppercase; } #content_nobanner #wrapper_content_cfv{ margin-left: 154px; float…
Re: Email with text boxes
Digital Media
UI / UX Design
11 Years Ago
by Ace16
… The above example is my template, So i need
Text
boxes as i have shown above below the template. So…12 px; color:#FFFFFF;"> <span style="
text
-
transform
: uppercase; font-size: 30px; font-weight:bold;">…;address"> mobile number: <input type="
text
" name="Mobno"> </form>…
Re: Alignment of text and a navigation bar side by side
Digital Media
UI / UX Design
12 Years Ago
by JorgeM
…; href="floatright.css" type="
text
/css" /> <link rel="…;stylesheet" type="
text
/css" href="nounderlines.css" />… ul li a { display:block;
text
-
transform
: uppercase; color: #494949; padding: 10px 15px;
text
-decoration: none; border-bottom: 1px …
Re: how to automatic text in a textbox all uppercase?
Programming
Web Development
12 Years Ago
by designershiv
you can do either by php or simply css , **input{
text
-
transform
:uppercase;}** even you can use css or jqeury to find particular textbox,Guys Please correct me if am wrong
1
2
3
17
Next
Last
Search
Search
Forums
Forum Index
Hardware/Software
Recommended Topics
Programming
Recommended Topics
Digital Media
Recommended Topics
Community Center
Recommended Topics
Latest Content
Newest Topics
Latest Topics
Latest Posts
Latest Comments
Top Tags
Topics Feed
Social
Top Members
Meet People
Community Functions
DaniWeb Premium
Newsletter Archive
Markdown Syntax
Community Rules
Developer APIs
Connect API
Forum API Docs
Tools
SEO Backlink Checker
Legal
Terms of Service
Privacy Policy
FAQ
About Us
Advertise
Contact Us
© 2025 DaniWeb® LLC