7 replies to this topic

[rasmush]

Hello.

I'm just starting web-dev and im wondering if there are any special tips you have for a newbie, like any books or tutorials online to read. I've been using HTML and CSS some time but i'm no master at it, so i guess starting there and then moving on to PHP is a good start(?)

Thanks

[TheCompBoy]

I like the Head First books.. They have a book called: "Head First HTML with CSS & XHTML"
I realy like their way of explaining things with pictures and such, Very easy to learn from their books.
Myself i never did any webdevelopement. So i can't help you much more.

Here is a link to Amazon for the book: http://www.amazon.co...L/dp/059610197X
Note: There probaly is better books, But in my opinion the Head First books are pretty good.

[WingedPanther]

I like the tutorials at W3Schools Online Web Tutorials

[rasmush]

 asdasd.png   397.55K   16 downloads

Alright guys i've done some stuff with HTML & CSS, but i've got a problem now, that black box is a div inside a "Content div". What i would like is that the div inside the content div is centered, but i don't know how to do that.. Could anyone help me.. hehe?

The CSS codes for content div and black box div:

#content
{
background-color:#CCCCCC;
width:50%;
height:800px;
margin-top:230px;
margin-left:auto;
margin-right:auto;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
}

#ran-pic
{
color:white;
width:300px;
height:200px;
background-color:black;
position:relative;
top:275px;
}

i know i can use the position:relative; with a left:100px thingy but i want it to be absolutely centered and i guess there must be some kind of way to achieve that..

[CommittedC0der]

I'm pretty sure you could just throw in
margin-left:auto;
margin-right:auto;

and it will center.

That's what's centering the grey div. :)

[rasmush]

I actually tried it, maybe i just had the wrong div id in the css so it wouldn't style it.. :o I'll try it again when i get home, but rest of the code is fine.. No big errors, like unneccessary code...? Thanks!

[CommittedC0der]

The only thing I see that you could change is the border part. There is a shorter way to do this, which is:

-moz-border-radius: 15px;[COLOR=#006400] /*This will make the rounded corners appear in FireFox. */[/COLOR]
border-radius: 15px; [COLOR=#006400]/*Just gives all corners a round edge instead declaring each corner.*/[/COLOR]

As you can see it takes a different code to work on FireFox. You going to learn that making your site run on each browser that same way is not always fun. You should try to make sure your Site works Internet Explorer 6.0+, for other browsers this is a good article. Should We Support Old Versions of Good Browsers? ? Perishable Press

Good luck. :)

[rasmush]

Alright i've taken a look on my website in different browsers now, and it seems that as always its IE that doesn't want to cooperate..... Only some minor errors in the layout in FF and Safari... Haven't tried Opera yet but i'm guessing it will be about the same errors as in FF and Safari, that the content div isn't centered....

Can anyone give me tips of more articles to read on how to optimize for other browsers..?

(Also bought myself some books about XHTML & CSS togheter with a PHP & mySQL book)