any chance of a little HTML help?

Meredi86 · 05-05-2011, 10:23 AM

Hey guys. So it has been years and years since i last touched HTML and now i am back having a look at it with the view of getting a website up and running. My only problem so far is that i cannot for the life of me get the formatting correct. So i was hoping that a few people on here may be able to give me a few pointers and help bring me back up to speed. (I am ok on most things just the CSS and div tags that i struggled with anyways before).

So in the hope that there is someone that can lend a hand ill post a little code with my current issue.

I have this in my CSS file:

Code:

body { 
	background-color: #FF0000;
	margin: 100px 40px 10px 70px;
	border-style: solid;
	border-width: 5px;
}

h1 {
	text-align: center;
	color: black;
	font-family: Georgia;
	font-size: 35;
}

h2 {
	text-align: left;
	color: black;
	font-family: Georgia;
	font-size: 50;
}

p1 {
	text-align: center;
	color: black;
	font-family: arial;
	font-size:20;
}

p2{
	text-align: right;
	color: black;
	font-family: Serif;
	font-size: 15;
}

.topmenu {
	color: #00FF00;
	font-family:arial;
	font-size: 4pt;
}

.content {
	position:relative;
	left: 940px;
	bottom: 0px;
	color: 00FF00;
	font-family:arial;
	font-size: 4pt;
	align: center;
	border-style: solid;
	border-width: 5px;
}

And in my HTML home page i have this:

Code:

<html>
<head>
<title>Shooting supplies header</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>

<div class="topmenu">
<a href="home.html">Home</a>
<a href="contact.html">Contact</a>
<a href="">About</a>
</div>

<div class="content">
<h1>Content Articals</h1>
<p1>Main body of text here</p1>
<h2>More content space</h2>
<p2>Secondary text can go here</p2>
</div>

</body>
</html>

The problem is that the CSS has no effect at all on my HTML. If i set some of the format in the div tags in the HTML then that works ok. I just have no idea what i may be doing wrong here and its a little bit of a pain as i am certain that this used to be easier to code in than OBJ-C but i have solved more problems on my app today than i have with this darn CSS and HTML! lol

One more thing - i am writing this on my iPad in Gusto, i dont think that should make a difference as i know someone else who makes changes like this, but i am just wondering whether it takes the CSS into account on the iPad.

Well sorry to drag up some different code here, but i didnt want to get started on a new forum just for one question (google just didnt produce any useful help this time

) So i thank anyone who can lend me a hand here it would be much appreciated

funkytaco · 05-06-2011, 05:03 PM

It works fine on my desktop using your CSS and HTML.

Maybe it's your iPad.

Meredi86 · 05-09-2011, 03:09 AM

i think it is, i managed to get it working once by changing the location of the CSS file, but since then any new changes made dont affect the layout again. It must be the app or the iPad - like i need more problems with my iPad - the wi-fi rarely picks up signal and will always not reconnect to old networks (even after a reset)

Meredi86 · 05-12-2011, 09:51 AM

Well i actually figured it out last night. As i was showing someone what i was doing i noticed that the HTML page was showing up with more of the CSS taking part. So off to experiment i went.

Basically with the Gusto App saves only occur if you close the app (and by that i mean double tap the home button and close it there) and then reopen. Once that has been done any changes made in the CSS will work. the odd thing is that it isnt the same for HTML. So for example i could add another line into a list in the HTML code, and that would show up on preview. but if i changed the list icon in the CSS that wouldnt change until i reset the app.

Very very odd, but at least i have discovered that it is the shortcomings of the app (an otherwise brilliant app i may add though needs a little updating) rather than my ability or more importantly a problem with my new iPad!!

Meredi86 · 05-12-2011, 10:00 AM

indeed, i think ill try and get some feedback to the dev team of the app, see if they are aware of the problem