[HTML/CSS]Text über eine Grafik schreiben

.Nexitis · 03/23/2013, 21:30

Hey ich brauche hilfe ;/

Also folgendes:

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?

Phillor · 03/24/2013, 11:42

Ich weiß nicht was du hast. Es ist doch da drunter.

AnyChat · 03/24/2013, 11:54

Quote:

Originally Posted by Phillor

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.

Mikesch01 · 03/24/2013, 12:02

Dann sollter er/sie sich mal CSS aneignen.

.Nexitis · 03/24/2013, 15:51

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
+

:

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>

Mikesch01 · 03/24/2013, 17:24

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.

.Nexitis · 03/24/2013, 18:02

ich habs mir ewig durchgelesen mit position:fixed, background-attachment:fixed etc aber irgendwie klappt nix

Mikesch01 · 03/24/2013, 20:23

Das was du da brauchst ist das Boxen-Model. D.h. Arbeit mit Div's und float.

.Nexitis · 03/24/2013, 22:20

Kannst du mir das erklären? Ich verstehs nich wirklich

iC0nvict · 03/25/2013, 23:06

Kannst Skype iC0nvict hinzufügen. Kann dir helfen..