Solved

Chrome question - can it generate new CSS tag??

Posted on 2013-06-20
6
302 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
Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

 
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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

803 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