Solved

Chrome question - can it generate new CSS tag??

Posted on 2013-06-20
6
301 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
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

912 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now