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

player+counter ausrichten

Status
Für weitere Antworten geschlossen.
Code: 
</head>
<body background="blue">


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

<div id="box3">
<iframe src="http://www.radioplay.ch/unterstuetzung/start.asp?bgcolor=white&textcolor=black&linkcolor=blue&vlinkcolor=blue&alinkcolor=blue&fontface=verdana&fontsize=2" width=360 height=170 scrolling=no marginheight="0" marginwidth="0" frameborder="0">Dein Browser unerst&uuml;tzt leider keine iFrames, sonst k&ouml;nntest Du jetzt Radio h&ouml;ren &uuml;ber <a href="http://www.radioplay.ch" target="_blank">Radioplay.ch</a> - Ihr Schweizer Radio Portal</iframe>
</div>
Ich möchte noch einen grösseren Abstand zwischen Werbebanner und Titel und Radio und Titel.
Ausserdem ist sollte der Hintergrund die Farbe lime haben, finde einfach den Fehler nicht...
In der .css Datei habe ich keine Hintergrundfarbe definiert !
 
Bei Änderungen der Codes ändert sich nichts...


Hier meine .css Datei:

Code: 
<style type="text/css">

body {
background-color: blue;
}


#box1 {
    width:26,6%;     /*Breite der 1. Box*/
    height:35%;     /*Höhe der 1. Box*/
    position:absolute;
    top:60px;             /*Abstand zum oberen Rand der 1. Box*/
    left:0;                 /*Abstand zum linken Rand der 1. Box*/

    }

#box2 {
    width:26,6%;
    height:35%;
    position:absolute;
    top:60px;
    left:40%;
}

#box3 {
    width:26,6%;
    height:35%;
    position:absolute;
    top:60px;
    left:64%;
}        
</style>
 
ist das ne externe CSS-Datei oder steht dieser Code innerhalb des HTML-Dokumentes? Wenn es eine extra-Datei ist musst du das
Code: 
<style type="text/css">
am Anfang und das
Code: 
</style>
am Ende weglassen.


Wenn du zwischen den einzelnen Boyen mehr Abstand haben möchtest musst du die Prozent-Werte bei "left" vergößern. Mach sie aber nicht zu groß, denn in die 100% die du maximal zur Verfügung hast müssen die drei Boxen auch noch reinpassen ;-)
 
Danke, hat geklappt !

Passt zwar nicht in diesen Thread aber ich habe mit meiner Navigation noch ein Problem.
Ich habe nicht herausgefunden, wie ich den Abstand zwischen den Buttons vergrössern kann.
 
Mario348 schrieb:
Passt zwar nicht in diesen Thread aber ich habe mit meiner Navigation noch ein Problem.
Ich habe nicht herausgefunden, wie ich den Abstand zwischen den Buttons vergrössern kann.
Zum Vergrößern anklicken....

Meinst du diese Navigation:
klick

Falls ja:
1. Wo sind da Buttons?
2. Mehr Abstand bekommst du einfach durch ne zusätzliche Freizeile.

Falls nein:
Von Welcher Navigation ist die Rede?
 
Sorry, hab' vergessen, den Code zu posten:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    
        <link rel="stylesheet" type="text/css" href="navigation.css">
        <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 &amp; 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">
        <style type="text/css">
            html {
                overflow:auto;
                overflow-x:hidden;
            }
            body {
                margin-right:28px;
                background:URL('buttonfarbverlauf.jpg');
                text-align:center;
            }
            img {
                border:0px;
            }
            #links a {
                display:block;
                width:248px;
                height:23px;
                background:URL('buttonfarbverlauf_250.jpg');
                font-family:Arial, Verdana, Helvetica, sans-serif;
                font-size:16px;
                text-decoration:none;
                padding-left:2px;
                padding-top:5px;
                margin:auto;
                text-align:left;
            }
            #links a:hover {
                background:URL('buttonfarbverlauf2_250.jpg');
            }
        </style> 
    </head>
    <body>
        <img src="buttonfarbverlauf.jpg" onMouseOver="wegblend2();" onMouseOut="reinblend2();" alt="">

        <div id="links">
        <a href="1.html" target="mitte.html">Home</a><br>
            <a href="2.html" target="mitte.html">Neueste Radeon Grafikkarten</a><br>
            <a href="3.html" target="mitte.html">Windows-Vista Infos</a><br>
            <a href="4.html" target="mitte.html">Viren und Malware</a><br>
            <a href="5.html" target="mitte.html">Stressabbau Downloads</a><br>
            <a href="6.html" target="mitte.html">Musik</a><br>
            <a href="7.html" target="mitte.html">Browser Downloads</a><br>
            <a href="9.html" target="mitte.html">Webradio</a><br>
            <a href="10.html" target="mitte.html">Maps</a><br>
            <a href="remote.html" target="mitte.html">Remote</a><br>
            <a href="Gaestebuch" target="mitte.html">Gästebuch</a><br>
            <a href="newsletter.html" target="mitte.html">Newsletter</a><br>
            <a href="impressum.html" target="mitte.html">Impressum</a>
        </div>
    </body>
</html>
 
Bei #links a {...} noch ein margin-bottom:10px; einfügen (UNTER margin:auto;).
10 = Abstand in Pixeln
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben