Hi I am working on building a webpage using omeka. I am working in a simple page that automatically creates HTML code. It generates this code based on the theme you select. The site has the ability to edit the css through an extension of the site. However, with the theme that was desided for the site you cannot use the css editor to format the page. You have the ability to add html short codes. I would really like to reformat the text and the background for this page in particular without changing the settings for the rest of the site. A way to do that is by inserting css code into the html. The problem is I am not sure where to insert the code at.
Here is an example:
click to see
(sorry if images are poor quality)
Where would I insert the suggested css
When I do this it changes either the alignment or text color but it will not do both. What am I doing wrong and how can I fix this? I am fairly new to coding and most of my expierence is working with css not html.
<p style="text-align:justify; color:blue;"></p>
According to your example, you're adding another style attribute inside of your p tag. That will not work. You need to separate your styles with a semicolon.
Related
Hi Stackoverflow friends! I've been playing around with Materialize CSS framework and as instructed, downloaded, extracted files and set-up directory structure as per the set-up page. Being all set up, I've now begun to copy certain snippets of HTML from the 'components' section of the Materialize site, which work fine until the point I want to change anything. For example, I thought lets change the colour of the nav bar from the classic Materialize maroon to blue, although I noticed the relative link points to the minified CSS file (which I obviously can't read) - I changed that link to 'materialize.css' (long form CSS), but noticed when I refreshed the page, no styling at all was there? Any tips as to how I can manipulate styling without writing new CSS? If I have completely gone about the wrong way, please let me know also? Many thanks, Nick.
i'm a beginner in web programming, and i need to create a web site for a school project.
In my website i want to have this view:
that i saw on a website.
how do i get the html of that?
Use your browser's tools!
First, as you mentioned "views" – "views" don't exist in HTML. But there are tags. Common tags are ..., <strong>bold text</strong>, <div>...</div>, ... What you want is to grab a tag with several child tags.
In Firefox, there's a tool called Page inspector. It'll let you inspect the site's source code interactively (e.g. you hover over a tag and it'll be highlighted). With that, you can easily find the needed HTML tags. But you also need the CSS styles for each tag. If you click on a tag, the CSS styles are shown on the right. You have to copy them to your stylesheet and maybe you'll have to modify them to match your different HTML structure.
There's something similar in Chrome, too.
But please note that it's not very nice to simply copy-paste this code without modifying it. It's a good idea to discover how you can do something like this, but I strongly recommend to change it, to have something own!
I don't have direct Host or Superuser access to DNN and the way our system is set up I wont get access to those accounts. It is a policy where i work. Is there ANY way to get your HMTL/CSS to actually work as you put it into the DNN HMTL editor? I have tried adding things like an accordion sidebar, tabbed area, and a simple CSS image hover. DNN takes my code and jumbles it up so that it does not work correctly. I have taken markup straight from my text editor, into dnn (that was working fine in the browsers before i took it into DNN) and it shows up, but does not act like it should or the code gets jumbled and breaks and I spend an hour trying to fix it EVERY TIME.
Has anyone out there had the same issue, or any suggestions, tricks to get your markup to work correctly in DNN.
Thanks,
Yes and no, you can't add scripts in the html editor and if you are copy-pasting something that has a FORM element, it won't directly work without modification.
One possible way to keep your javascript working is to move it to the Header or Footer options in the module options of that module instead of the content.
As for if your code contains a FORM element, you can use javascript to modify the Asp.NET FORM element to suit your need, see http://dotnetnuke.bz/Articles/tabid/156/DotNetNuke/98/How-to-Include-Multiple-Forms-in-DotNetNuke.aspx for more details.
I have a web application that allows the creation of HTML emails that can then be dispatched. Because of how fiddly HTML email display can be, I have an open-source WYSIWYG editor embedded.
The editor itself works fantastically, but with one problem that you may already be thinking. Basically, the page CSS is conflicting with the inline CSS generated by the text editor, which caused issues for things like tables.
Currently I am solving this on the "preview" page by placing the preview in an iframe but I am not entirely sure the best way to do this for the actual editor page. If I do it in an iframe, I would either have to put it into a separate page and alter the process slightly, or write some Javascript to strip the HTML out of the iframe on form submit.
It seems like there should be an easier way - has anyone solved this problem before?
Thanks.
I would switch to a different editor like CKEditor or TinyMCE that allows you to edit the whole HTML by using themselves an iframe for the edited contents. That way you can edit exactly what you will send.
One example: http://nightly.ckeditor.com/latest/ckeditor/_samples/fullpage.html
Change how you are targeting your selectors. If you have conflicts, then your CSS is not written efficiently.
Maybe use a root div with a specific ID and have everything cascade off of that.
I want to display html template in a webpage. The styles of that template is specified inline.
But when i try to display it in my webpage, some styles that are defined in my css are adding into it and the template is not displayed properly. This template is used to create mails and when i send this template as mail to my gmail account it is displayed correctly. How its done in gmail? How they show the template using inline styles only?
The question is actually pretty clear. I think you're looking for an iframe tag. That will allow you to display a document within another page, with its own independent style.
One thing to add: if you ever wonder how another site does something, just install firebug (on Firefox) and check out their source.
I solved this problem using the tinymce editor. I used tinymce editor in read mode and displayed the html template in it. I dont know whether its correct method or not. But it was perfect for my requirement. Thanks Greg for your reply..:)