• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Layout Hilfe

Status
Für weitere Antworten geschlossen.
Mario348

Mario348

Neues Mitglied
Könnt ihr mir bitte hier weiterhelfen?

http://www.html.de/html-und-xhtml/16705-tabelle-mit-verweis-2.html

Dann habe ich einen 38x38 Pixel grossen Farbverlauf als Hintergrund erstellt, aus irgend einem Grund wird dieser jedoch einfach nicht angezeigt, wieso das?

Ich konnte den Hintergrund nicht 1x1 Pixel gross machen, sonst hätte es kein Farbverlauf gegeben...

Code: 
 <style type="text/css">
body {
color: black;
font-family: Arial, Helvetica, Sans-Serif;
background-image: url('background2.png');
background-repeat:no-repeat;
text-align: center;
object-align: center;
}

/*Jetzt kommen die Links*/
a {
text-decoration: none;
color: blue;
}    

a:visited {
text-decoration: none;
color: red;
}   

a:hover {
text-decoration: underline;
color: red;
}

a:active {
text-decoration: none;
color: red;
}

* {
scrollbar-base-color:coral;
scrollbar-arrow-color:blue;
scrollbar-shadow-color: dark; 
}

#oben
 {
    width:                 1280px;
    height:              262px;
    background-repeat:          no-repeat;
}



#mitte
 {
    width:                  793px;
    height:                596px;
      float:                left;
}
 
Mario348 schrieb:
Weil da seit Tagen nicht geantwortet wird. Auf einige Fragen wird gar nicht richtig drauf eingegangen.
Zum Vergrößern anklicken....

Vorweg:
Du solltest dir mal ein Buch über html und css kaufen.

Zum Fehler:
HTML: 
 <style type="text/css">
body {

color: black;

font-family: Arial, Helvetica, Sans-Serif;

background-image: url('background2.png');

background-repeat:no-repeat;

text-align: center;

object-align: center;

}
1.
<style type="text/css"> gehört nicht in eine externe css.
2.
background2.png ist nur 3x3px groß. Das wird ein winziger Punkt in der oberen Ecke

HTML: 
body {

color: black;

font-family: Arial, Helvetica, Sans-Serif;

background-image: url('background2.png');

text-align: center;

object-align: center;

}
background-repeat:no-repeat; und style type hab ich mal rausgestrichen.
So dürftest du eine Veränderung sehen.
 
Das ist eben falsch!

Ich habe jetzt den richtigen Hintergrund (38x38 Pixel) eingebunden. Nun wird dieser gekachelt. Er sollte sich jedoch über den ganzen Bildschirm ziehen. also nur ein Bild!
 
mach einen farbverlauf -> beschneide den verlauf auf 1px breite
zb.
body {
background-color:#000000;
background-image:url(grafixxxx);
background-repeat:repeat-x;
}
 
Ja, einen Farbverlauf musst du in vertikaler Richtung so hoch machen, wie die Seite groß ist ;-)
Also viel Spaß...
du kannst natürlich den Hintergrund schwarz machen, eine Grafik mit sagen wir mal 800px Höhe Erstellen, die oben weiß und unten schwarz ist...
Dann sieht das ganze schon mal gut aus.

Wie im obigen post genannt ist es wichtig dass das Bild in x-Achsen Richtung wiederholt wird, da du es am besten nur 1px weit machst. Soll sich ja der Breite der Seite anpassen.

Hoffe du hast nun alles verstanden :-)

oder spiel mal mit

Code: 
background-color: #000000;
background-image: url(bg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
 
Das Problem mit dem blauen Rahmen ist wieder aufgetaucht:

http://www.html.de/html-und-xhtml/16557-banner-zum-einbinden-zur-verfuegung-stellen.html

Ich sehe jedoch den Fehler nicht!?

Code: 
<textarea name="code" rows="3" cols="90"><code><a href=&quot;http://www.arudc.ch&quot; target=&quot;_blank&quot;> 
<img src=&quot;http://www.arudc.ch/arudc_banner_760x228.jpg&quot; alt=&quot;Die Homepage rund um den Computer. Sicherheit wird hier gross geschrieben&quot; width=&quot;300&quot; height=&quot;126&quot; style=&quot;border: none&quot;/></a></code></textarea>


Die Tabs (Bilder) werden nicht überall angezeigt und sollten sich der Länge der Links in der Navigation anpassen...

.html:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<base target="mitte">
<title>oben.html</title>
<link rel="stylesheet" type="text/css" href="oben.css" media="screen">
<link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
<meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
<meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
<meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
<meta name="title" content="Alles rund um den Computer">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Mario Bienz">
<meta name="publisher" content="arudc.ch">
<meta name="copyright" content="arudc.ch">
<meta name="revisit-after" content="after 20 days">
<meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
<meta name="page-type" content="Gratisdownloads & Tips">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.arudc.ch">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



</head>
<body>




<div id="tabsH">
  <ul>
    <li><a href="1.html" title=""><span>Home</span></a></li>
    <li><a href="2.html" title=""><span>Neuste Radeon Grafikkarten</span></a></li>
    <li><a href="3.html" title=""><span>Windows Vista Infos</span></a></li>
    <li><a href="4.html" title=""><span>Viren und Malware</span></a></li>
    <li><a href="5.html" title=""><span>Stressabbau Downloads</span></a></li>
    <li><a href="6.html" title=""><span>Musik</span></a></li>
    <li><a href="7.html" title=""><span>Browserdownloads</span></a></li>
    <li><a href="9.html" title=""><span>Webradio</span></a></li>
    <li><a href="10.html" title=""><span>Maps</span></a></li>
    <li><a href="remote.html" title=""><span>Remote</span></a></li>
    <li><a href="Gaestebuch.html" title=""><span>Gästebuch</span></a></li>
    <li><a href="newsletter.html" title=""><span>Newsletter</span></a></li>
    <li><a href="impressum.html" title=""><span>Impressum</span></a></li>
</ul>

</div>
<br>



<div id="box1">
<iframe name="I1" marginwidth="1" marginheight="1"  scrolling="no" border="0" frameborder="0" width="135" height="55"src="http://www.adm24.de/hp_counter/counter.php?counter_nummer=2453&type=1">
</iframe>
</div>

<div id="box2">
<!-- Beginn Bannercode submitter.de -->
<CENTER><A HREF="http://www.submitter.de" target="new">
<IMG SRC="http://www.submitter.de/banner/banner1.gif" NOSAVE BORDER=0 HEIGHT=50 WIDTH=200 ALT="submitter.de - Kostenloser Eintrag in &uuml;ber 1111 Suchmaschinen!"></A> </CENTER>
<!-- Ende Bannercode submitter.de -->
</div>


<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt ihre Besucherzahl an und zählt mit -->
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=mario348&amp;style=none" id="fcScriptmario348"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=mario348" alt="" /></div></noscript>


</body>
</html>


.css

Code: 
body {
background-color: #000000;
background-repeat: repeat-x;
background-attachement: fixed;
background-image: url('background.png');
font-family: Arial, Helvetica, Sans-Serif;
text-align: center;
object-align: center;
}

/*Jetzt kommen die Links*/
a {
text-decoration: underline;
color: blue;
}    

a:visited {
text-decoration: underline;
color: red;
}   

a:hover {
text-decoration: underline;
color: red;
}

a:active {
text-decoration: none;
color: red;
}

* {
scrollbar-base-color:coral;
scrollbar-arrow-color:blue;
scrollbar-shadow-color: dark; 
}

#oben
 {
    width:                 1280px;
    height:              262px;
    background-repeat:          no-repeat;
}



#mitte
 {
    width:                  793px;
    height:                596px;
      float:                left;
}
 
Wie wird der Standardbutton und der Button beim Hover Effekt geregelt?

Wieso kommst du darauf, dass der Button zu kurz ist, wie lang muss er denn sein?
 
Wie wird der Standardbutton und der Button beim Hover Effekt geregelt?
Zum Vergrößern anklicken....
die grafik ist doppeltsohoch, wie sie sein müsste, und verschiebt sich um die hälfte.
Wieso kommst du darauf, dass der Button zu kurz ist, wie lang muss er denn sein?
Zum Vergrößern anklicken....
ich habe die grafik angeschaut und mit blossem menschenauge erkennt, dass deine grafik zu kurz ist. im css wird sie ja nicht repeated.

edit: antworten verdreht sry
 
HTMLehrling schrieb:
die grafik ist doppeltsohoch, wie sie sein müsste, und verschiebt sich um die hälfte.
ich habe die grafik angeschaut und mit blossem menschenauge erkennt, dass deine grafik zu kurz ist. im css wird sie ja nicht repeated.

edit: antworten verdreht sry
Zum Vergrößern anklicken....

Wie soll ich genau vorgehen, was muss ich wegschneiden, was hinzufügen?
Kann man nicht in .css definieren, dass sich die Grafik der Höhe und Länge der Links anpasst?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben