[HTML/CSS]Text über eine Grafik schreiben

03/23/2013 21:30 .Nexitis#1
Hey ich brauche hilfe ;/

Also folgendes:
[Only registered and activated users can see links. Click Here To Register...]

da ich will den Text ganz oben
"AUSNAHMEZUSTAND AZD - COUNTER STRIKE CLAN"unter das
"Welcome to" haben

HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- Background-->
<style type="text/css">
	body   {background-color: #111111;background-image: url('images/background.jpg') ;background-attachment:fixed;background-position: 50% 0%;background-repeat:no-repeat;margin:0; padding:0;}
</style>

<font face="Lucida Console"> <font color="919191"><font>AUSNAHMEZUSTAND AZD - COUNTER STRIKE CLAN<font size="13,5"></font>
<div align="center"><img src="http://www.elitepvpers.com/forum/images/bg_userpanel.png"></div><font face="Lucida Console"></div>

<div align="center"><img src="http://www.elitepvpers.com/forum/images/haupt.jpg"></div>








</head>
</html>

aber ich kriegs nich hin wenn ich den text eine unter userpanel.png zieh dann spaltet sich das design und ich hab eine lücke zwischen dem userpanel und haupt kann man es irgendwie überlagern?
03/24/2013 11:42 Phillor#2
Ich weiß nicht was du hast. Es ist doch da drunter.
03/24/2013 11:54 AnyChat#3
Quote:
Originally Posted by Phillor View Post
Ich weiß nicht was du hast. Es ist doch da drunter.
Weil er/sie es nun nicht mehr als Text drin hat sondern in die Grafik integriert hat.
03/24/2013 12:02 Mikesch01#4
Dann sollter er/sie sich mal CSS aneignen.

[Only registered and activated users can see links. Click Here To Register...]
03/24/2013 15:51 .Nexitis#5
Hat sich schon erledigt :) Danke habe aber jetzt ein neues problem:


ich krieg die menübuttons nicht fixiert sie verschieben sich wenn ich die Fenstergröße verändere
+


:[Only registered and activated users can see links. Click Here To Register...]


HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<!-- Javascript-->
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!-- Javascript-->
<!-- Background-->
<style type="text/css">
	body   {background-color: #111111;background-image: url('images/background.jpg') ;background-attachment:fixed;background-position: 50% 0%;background-repeat:no-repeat;margin:0; padding:0;}
</style>



<!-- Userpanel+Hover -->
<body onload="MM_preloadImages('images/bg_userpanel_hover.png')">
<a href="http://azd-clan.de/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('userpanekl','','images/bg_userpanel_hover.png',1)"><div align="center"><img src="http://azd-clan.de/rules/images/bg_userpanel.png" width="1122" height="70" id="userpanekl" /></div></a>
<!-- Userpanel+Hover-->



<div align="center"><img src="images/haupt.jpg"></div>






<style type="text/css">
.position {
position: relative;
left: 391px;
top: -1000px;
background-attachment:fixed;}
</style>
<a href="http://azd-clan.de/#"><img src="images/menubutton.png" alt="" border="0" width="210" height="34" class="position"></a>

<style type="text/css">
.position1 {
position: relative;
left: 177px;
top: -950px;
background-attachment:fixed;}
</style>
<img src="images/menubutton1.png" alt="" border="0" width="210" height="34" class="position1"></div>

<style type="text/css">
.position2 {
position: relative;
left: -37px;
top: -900px;
background-attachment:fixed;}
</style>
<img src="images/menubutton2.png" alt="" border="0" width="210" height="34" class="position2"></div>



</head>
</html>
03/24/2013 17:24 Mikesch01#6
Hi,

es ist unbedingt nötig, dass du dir CSS anschaust, da deine Probleme Grundlagen dieser Theorie sind und somit du dir selbst die Probleme lösen könntest.

In deinem Projekt fehlt es an der richtigen Struktur.
03/24/2013 18:02 .Nexitis#7
ich habs mir ewig durchgelesen mit position:fixed, background-attachment:fixed etc aber irgendwie klappt nix
03/24/2013 20:23 Mikesch01#8
Das was du da brauchst ist das Boxen-Model. D.h. Arbeit mit Div's und float.
03/24/2013 22:20 .Nexitis#9
Kannst du mir das erklären? Ich verstehs nich wirklich
03/25/2013 23:06 iC0nvict#10
Kannst Skype iC0nvict hinzufügen. Kann dir helfen..