Layout Hilfe

Mario348 · 24 Januar 2008

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;
}

Körnerbrötchen · 24 Januar 2008

Wieso postest du das nicht in den alten Thread? Ich werde _hier_ keinen Support geben.

Mario348 · 24 Januar 2008

Weil da seit Tagen nicht geantwortet wird. Auf einige Fragen wird gar nicht richtig drauf eingegangen.

neuroleptika · 24 Januar 2008

Mario348 schrieb:
Weil da seit Tagen nicht geantwortet wird. Auf einige Fragen wird gar nicht richtig drauf eingegangen.

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.

Mario348 · 25 Januar 2008

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!

neuroleptika · 25 Januar 2008

Mario348 schrieb:
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!

Überleg mal:
38px, ungekachelt über den ganzen Bildschirm.
Das kann doch nicht gehen.

Mario348 · 25 Januar 2008

Ich möchte einfach einen Farbverlauf als Hintergrund, das muss doch möglich sein!?

HTMLehrling · 25 Januar 2008

willst du den von links nach rechts?
mit zwei farben?

Mario348 · 25 Januar 2008

Horizontal unten Schwarz, oben weiss...

HTMLehrling · 25 Januar 2008

mach einen farbverlauf -> beschneide den verlauf auf 1px breite
zb.
body {
background-color:#000000;
background-image:url(grafixxxx);
background-repeat:repeat-x;
}

WhispR · 25 Januar 2008

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;

Mario348 · 25 Januar 2008

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;
}

WhispR · 25 Januar 2008

mhh.. kannst du nicht die betreffende seite hochladen oder ggf. den Link posten bitte!

Mario348 · 26 Januar 2008

Meine Homepage steht in der Signatur!

Die beiden Files sind von der Navigation betroffen:

oben.html

http://www.arudc.ch/oben.css

Dieses File ist vom Banner betroffen:

neuste RADEON Grafikkartentreiber

HTMLehrling · 26 Januar 2008

tabrightH.gif ist zu kurz

Mario348 · 26 Januar 2008

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?

HTMLehrling · 26 Januar 2008

Wie wird der Standardbutton und der Button beim Hover Effekt geregelt?

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?

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

Mario348 · 26 Januar 2008

Ich hab' schon mit

Code:

background-repeat: repeat-x;

probiert, vergebens...

HTMLehrling · 26 Januar 2008

repeaten geht doch nicht. schneide mit ps links ein stück weg und verlängere die grafik oder mach den titel kürzer

Mario348 · 26 Januar 2008

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

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?

Layout Hilfe

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied