|
|
Post by Carigun on Feb 18, 2017 19:15:29 GMT
2 things,
1. how do you get rid of the white gap between the button and header?
i tried a blend of html and css, setting the margin to -50px
2. how do you center the whole thing?
due to image size im not gonna embed it.
imgur.com/a/AxEdp
|
|
|
|
Post by Indigo on Feb 18, 2017 22:59:54 GMT
Did you try setting 'padding:0'?
As for the centering the header, 'text-align:center' should work.
|
|
|
|
Post by Carigun on Feb 19, 2017 11:53:50 GMT
solved the white gap problem
code used
<style>
img{
margin-bottom: -4px;
}
</style>
whole page code
<!DOCTYPE html>
<html>
<body>
<style> h1 {
margin: 5px;
max-width: 955px;
font-family: Arial;
font-size: 32px;
}
</style>
<style> p {
margin: 0px;
max-width: 955px;
font-family: Arial;
font-size: 12px;
}
</style>
<style>
img{
margin-bottom: -4px;
}
</style>
<header><img src="D:\Resources\Image\Header.png" alt="header" style="width:960px;height:125px;"></header>
<nav><img src="D:\Resources\Image\6page.png" alt="button" style="width:160px;height:50px;"><img src="D:\Resources\Image\6page.png" alt="button" style="width:160px;height:50px;"><img src="D:\Resources\Image\6page.png" alt="button" style="width:160px;height:50px;"><img src="D:\Resources\Image\6page.png" alt="header" style="width:160px;height:50px;"><img src="D:\Resources\Image\6page.png" alt="button" style="width:160px;height:50px;"><img src="D:\Resources\Image\6page.png" alt="button" style"width:160px;height:50px;"></nav>
<h1>Section one, Page One.</h>
<p>This is paragrpah one on first page.</p>
</body>
</html>
just need help centering the whole page.
|
|
|
|
Post by Carigun on Feb 19, 2017 17:12:43 GMT
with help of someone in 90MF, the problems i am having are resolved. you may as well bin this thread.
|
|
