Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 23:39

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



Html/Css - Position festlegen

Discussion on Html/Css - Position festlegen within the Web Development forum part of the Coders Den category.

Reply
 
Old   #1
 
.Moskito's Avatar
 
elite*gold: 0
Join Date: Aug 2010
Posts: 827
Received Thanks: 414
Html/Css - Position festlegen

Heyho.
Ich habe gestern angefangen, mich mit css/html zu beschäftigen und eine kleine Homepage anzufangen. (s. screen)

Jetzt hab ich allerdings das Problem...
Die 3 Grafiken "Coding, Grafik & Webdesign" sollen genau auf dem braunem Holzhintergrund sein, siehe screen im Anhang.

Bei mir passt es, aber sobald jemand mit einer größeren Auflösung auf die Seite geht, passt es wieder nicht, da sich die bilder nach links bzw rechts verschieben.


Ich hoffe, ihr könnt mir weiterhelfen.
Attached Images
File Type: jpg screen.jpg (18.4 KB, 18 views)
.Moskito is offline  
Old 07/04/2011, 14:16   #2
 
NotEnoughForYou's Avatar
 
elite*gold: 0
Join Date: Jun 2010
Posts: 3,406
Received Thanks: 2,024
Dein Code wäre nützlich sonst kann man dir schlecht helfen
NotEnoughForYou is offline  
Old 07/04/2011, 14:30   #3
 
.Moskito's Avatar
 
elite*gold: 0
Join Date: Aug 2010
Posts: 827
Received Thanks: 414
Quote:
Originally Posted by NotEnoughForYou View Post
Dein Code wäre nützlich sonst kann man dir schlecht helfen

Quote:
<center>
<head>
<title>MF - Startseite</title>
<img src="http://moskito.***********/Uploads/header_mf.png" alt="Moskito's"></img>
</head>

<body>
<div style="text-align: center;"><a><img style="border: 0px solid ; width: 200px; height: 27px;"src="http://moskito.***********/Uploads/leiste2.png"></a><a href="Hp1.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button_start.png"></<a><a href="Hp2.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button2.png"></<a><a href="Hp3.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button3.png"></<a><a href="Hp4.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button4.png"></<a><a href="Hp5.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button5.png"></<a><a><img style="border: 0px solid ; width: 200px; height: 27px;"src="http://moskito.***********/Uploads/leiste.png"></a></div>
<br>
<div style="text-align: left; position:relative; top : 0%; left: 14%;"><a href="grafik.htm"><img style="border: 0px solid ; width: 200px; height: 75px;"src="http://moskito.***********/Uploads/grafik.png"></<a>
<br>
<a href="coding.htm"><img style="border: 0px solid ; width: 200px; height: 75px;"src="http://moskito.***********/Uploads/coding.png"></<a>
<br>
<a href="webdesign.htm"><img style="border: 0px solid ; width: 200px; height: 75px;"src="http://moskito.***********/Uploads/webdesign.png"></<a>
<br>

<style type="text/css">
body {
background-color: #e4d289;
background-image: url(
background-position: top center;
background-attachment:fixed;
}

</style>


</body>
</center>
wäre nett, wenn du da dann was veränderst, es mir dann auch zu erklären...
.Moskito is offline  
Old 07/04/2011, 14:40   #4
 
NotEnoughForYou's Avatar
 
elite*gold: 0
Join Date: Jun 2010
Posts: 3,406
Received Thanks: 2,024
Quote:
<center>
<head>
<title>MF - Startseite</title>
<img src="http://moskito.***********/Uploads/header_mf.png" alt="Moskito's"></img>
</head>

<body>
<div style="text-align: center;"><a><img style="border: 0px solid ; width: 200px; height: 27px;"src="http://moskito.***********/Uploads/leiste2.png"></a><a href="Hp1.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button_start.png"></<a><a href="Hp2.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button2.png"></<a><a href="Hp3.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button3.png"></<a><a href="Hp4.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button4.png"></<a><a href="Hp5.htm"><img style="border: 0px solid ; width: 102px; height: 27px;"src="http://moskito.***********/Uploads/button5.png"></<a><a><img style="border: 0px solid ; width: 200px; height: 27px;"src="http://moskito.***********/Uploads/leiste.png"></a></div>
<br>
<div style="text-align: left; position:relative; top : 0%; left: 14%;"><a href="grafik.htm"><img style="border: 0px solid ; width: 200px; height: 75px;"src="http://moskito.***********/Uploads/grafik.png"></<a>
<br>
<a href="coding.htm"><img style="border: 0px solid ; width: 200px; height: 75px;"src="http://moskito.***********/Uploads/coding.png"></<a>
<br>
<a href="webdesign.htm"><img style="border: 0px solid ; width: 200px; height: 75px;"src="http://moskito.***********/Uploads/webdesign.png"></<a>
<br>

<style type="text/css">
body {
background-color: #e4d289;
background-image: url(
background-position: top center;
background-attachment:fixed;
}

</style>


</body>
</center>
Also
1. center tag ist veraltet
2. im head bereich kommt nur title , script einfügungen etc ( kein img oder body zeug )
3. dein <style type="text/css"> kommt in den head und <!-- dein style --> hat gefehehlt .. .normalerweise kommt noch <!-- body { blabla; }--> (besser geht es über ein externes stylesheet dass du über <link rel="stylesheet" type="text/css" href="style.css" /> in den head bereich einfügst
4. inline style ist zwar gut für spezielle sachen die nur 1 mal oder so vorkommen ( wobei da klassen besser geeignet sind ) aber nicht bei allen
5. absolute positinoieren sind veraltet !!!!!
6. Prozentangaben sind ebenfalls veraltet !! macht man über margin und padding ( CSS )
7. Doctype & html tag fehlen
8. eine navi macht man über ein listing für gewöhnlich ( CSS )

so das war das grobe gibt natürlich noch mehr aber jeder fängt so an


mfg

PS: normaler aufbau einer html seite :

PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
title>Seitentitel</title>
<!-- 
meistens kommen hier dann stylesheet oder javascript o.ä hin ( <!-- --> benutzt man auch zum kommentieren ) -->
</
head>
<
body>
<
h2>blabla</h2>
</
body>
</
html
NotEnoughForYou is offline  
Old 07/04/2011, 15:31   #5

 
ClOuDy.'s Avatar
 
elite*gold: 0
The Black Market: 184/0/0
Join Date: Jul 2008
Posts: 2,784
Received Thanks: 500
absolut positionieren und prozentwerte sind überhaupt nicht veraltet. gibt genügen anwendungsgebiete dafür.

der grund warum sich die bilder bei größeren bildschirmen verzieht ist, liegt an der positionierung. mach das mal nur mit margin/padding - "position:" ist als anfänger mal außen vor zu lassen. warum? merkst du selbst gerade.
ClOuDy. is offline  
Old 07/04/2011, 15:35   #6
 
NotEnoughForYou's Avatar
 
elite*gold: 0
Join Date: Jun 2010
Posts: 3,406
Received Thanks: 2,024
gut protzentwerte nicht zwingend aber absolute macht man so gut wie nirgends mehr
NotEnoughForYou is offline  
Old 07/04/2011, 16:03   #7
 
.Moskito's Avatar
 
elite*gold: 0
Join Date: Aug 2010
Posts: 827
Received Thanks: 414
Quote:
Originally Posted by NotEnoughForYou View Post
gut protzentwerte nicht zwingend aber absolute macht man so gut wie nirgends mehr
Hatte anstatt der Prozentwerte da Pixelwerte stehen.. hat allerdings nicht geklappt, deswegen hab ich es mit % versucht..

das mit den absoluten hat mir ein Kumpel geraten, es zu versuchen, was anscheinend ja auch nicht geklappt hat..

wegen dem margin/padding google ich gleich mal
.Moskito is offline  
Old 07/04/2011, 16:06   #8
 
NotEnoughForYou's Avatar
 
elite*gold: 0
Join Date: Jun 2010
Posts: 3,406
Received Thanks: 2,024
wenn du willst kannste mich auch in skype adden und ich geh´s mit dir durch
NotEnoughForYou is offline  
Reply


Similar Threads Similar Threads
Fenstergröße festlegen
05/26/2010 - GW Bots - 1 Replies
Hallo, kann man mit einem au3 script die Größe vom Guild Wars Fenster festlegen lassen? Wenn ja wie? Danke
NPC Positionen festlegen
04/25/2010 - Metin2 Private Server - 4 Replies
hey also wie der name schon sag will ich gerne wissen wie man bei den npc eine bestimmte position festlegt bezogen auf den betrunkenen bürger ich will ihn nicht dumm rum gurken lassen weil er alle fbs in sich trägt un deshalb will ich ihn halt an eine bestimmte position stellen wäre nett wenn jemand ein tut hat oda so habe nämlich nichts gefunden!!! :D
[Frage zu Html] Startseite festlegen
04/20/2010 - General Art - 4 Replies
Hi Com. ich bin ein noob in sachen html, css etc. Ich habe mir eine Seite zusammengebastelt und sie über einen Webspell im Internet hochgeladen. Wenn es jemand braucht gibts Link zur seite per pm. Wenn ich auf die seite gehe kommt eine Art inhaltsverzeichnis wo ich dann meine verschiedenen seiten sehe: http://de.tinypic.com/view.php?pic=2q0vksz&s= 5
[HTML]HELP[/HTML]range hack and skill speed in extreme
08/21/2009 - Dekaron Private Server - 5 Replies
hey guys i need a little help about range hack and skill speed in extreme i already unpack the Data its all done..1! my problem is wer i can edit the range ang skill speed in extreme..! pls :):):):):)
FPS festlegen?
07/11/2008 - Kal Online - 7 Replies
Hi, Wollte euch mal Fragen ob ihr wisst, wie ich die FPS in Kal auf eine bestimmte zahl fixen kann. Weil manchmal geht das auf 500+ und es ist Zeitlupe. Über nvidia ControlPanel hab ich bei der engine.exe vertikale Synchronisation eingestellt. Müsste als nicht über 60Hz gehen tuts aber dennoch. Kann man das noch irgendwie anders auf eine unkomplizierte Art lösen? MfG



All times are GMT +1. The time now is 23:39.


Powered by vBulletin®
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2026 elitepvpers All Rights Reserved.