Solved

Chrome question - can it generate new CSS tag??

Posted on 2013-06-20
6
304 Views
Last Modified: 2013-07-09
Not sure if this is doable in Chrome. I have a div tag.

1. In Chrome, I right click on the page and choose: inspect element.
2. In "elements" tab, I have a div and I can drag it to another section.
3. In the webpage, I can see the tag moved. The code doesnt change of course, this is just in the website

4. Now, is there anyway to see the new CSS of this div-tag that was moved.

For example, if div has this CSS : float:right. I drag it in Element and now i see the div as
float:left. Is there anyway that Chrome would show the changed-CSS??

I've attached a screenshot.
Doc4.docx
0
Comment
Question by:Camillia
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 11

Expert Comment

by:Pradeep Dubey
ID: 39262279
Make changes in the div properties and check

div properties
0
 
LVL 7

Author Comment

by:Camillia
ID: 39262781
Ok, so for example, I have this CSS for the div

.securityverify{width:245px;border:1px solid #cbcbcb;padding:3px 10px 0px 50px;float:left;position:relative;min-height:73px;}

Open in new window


I look at the "properties" in Chrome. I see the CSS securityVerfiy but I dont see how to change..for example..the position..to move it up , to the right, etc.

I've attached a screenshot of what i'm seeing.
doc5.docx
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 167 total points
ID: 39262854
If you want a new property for an element just click in the inspect window and type it in.

Cd&
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 11

Accepted Solution

by:
Pradeep Dubey earned 167 total points
ID: 39262880
just double click on the properties of that one which you want to change. See the highlighted one in the screenshot. properties
0
 
LVL 15

Assisted Solution

by:Jagadishwor Dulal
Jagadishwor Dulal earned 166 total points
ID: 39264897
This is just a debug option in browser preview. None of the style will be saved in your source file and you need to replace those changes in you source css file.
0
 
LVL 7

Author Comment

by:Camillia
ID: 39265457
yes, i know it wont save it. I thought just dragging the elements in "Elements" tab will also generate the new CSS tags.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question