I want my index to look like this [img]http://i.imgur.com/jcnMj.png[/img]
but it looks like this [url]http://puu.sh/1bAIT[/url]
How do I do that?
here is the code: [code]
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
body {
background-color: #93a0af;
background-image: url(settings-panel.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}
</style>
<a href="http://maxsblog.de">
<img src="button.png" style="position: absolute; top: 330px; left: 470px;"></a>
<a href="http://maxkcs.x10.mx/index.php">
<img src="button1.png" style="position: absolute; top: 375px; left: 465px;"></a>
</body>
</html>
[/code]
if you want to see it yourself go to [url]http://maxkcs.x10.mx[/url]
[img]https://dl.dropbox.com/u/20431330/auto/2012-10/05/13/56_F2vARDMp.png[/img]
what are you doing
[QUOTE=Flarey;37919568]I want my index to look like this [img]http://i.imgur.com/jcnMj.png[/img]
but it looks like this [url]http://puu.sh/1bAIT[/url]
How do I do that?
here is the code: [code]
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
body {
background-color: #93a0af;
background-image: url(settings-panel.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}
</style>
<a href="http://maxsblog.de">
<img src="button.png" style="position: absolute; top: 330px; left: 470px;"></a>
<a href="http://maxkcs.x10.mx/index.php">
<img src="button1.png" style="position: absolute; top: 375px; left: 465px;"></a>
</body>
</html>
[/code]
if you want to see it yourself go to [url]http://maxkcs.x10.mx[/url][/QUOTE]
why are you using images for making this? learn proper html and css.
[QUOTE=dashiellbell;37921458]Try this:[/QUOTE]I tried it doesnt work. Thanks for trying tho :)
[QUOTE=Flarey;37921647]I tried it doesnt work. Thanks for trying tho :)[/QUOTE]
I found out what you have to to in order to align them: In Google Chrome use the inspect element GUI to change the value of the position like this: [IMG]http://i.imgur.com/i4KEG.png[/IMG]
Just keep adding to the "top" and "left" until you align it ^_^
Hope this helped :D
[QUOTE=dashiellbell;37921748]I found out what you have to to in order to align them: In Google Chrome use the inspect element GUI to change the value of the position like this: [IMG]http://i.imgur.com/i4KEG.png[/IMG]
Just keep adding to the "top" and "left" until you align it ^_^
Hope this helped :D[/QUOTE]
This does help but it only fixes the problem on the resolution you are working. Example: I am using 1280x800 if I correct it using 1280x800 it will only fix it on that resolution and if I view it from 1920x1080 it will look like this : [url]http://localhostr.com/files/3A09isA/capture.png[/url]
Use divs to manage such structures.
Use an outer div and inside that make three offspring divs or more as needed.
Then style those using CSS.
[QUOTE=Flarey;37922083]This does help but it only fixes the problem on the resolution you are working. Example: I am using 1280x800 if I correct it using 1280x800 it will only fix it on that resolution and if I view it from 1920x1080 it will look like this : [url]http://localhostr.com/files/3A09isA/capture.png[/url][/QUOTE]
Worked when I did it....
not to be a jerk
but you've asked two fairly simple webdev questions in here
so um, trust the regulars (which i am not one of, but even i know that setting alignments absolutely is baaad)
[QUOTE=fritzel;37922314]Use divs to manage such structures.
Use an outer div and inside that make three offspring divs or more as needed.
Then style those using CSS.[/QUOTE]
This, or make a <ul>.
I suggest that you try cropping those button images to the icon, write the text in the HTML and style it.
As Vodka cake said use an unordered list (ul followed by a series of li) as this is a list.
Sorry, you need to Log In to post a reply to this thread.
