Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML funzt!

  1. #1
    Azubi(ne) Avatar von [C]arp[h]unter
    Registriert seit
    10.03.2011
    Ort
    Franken :)
    Beiträge
    97
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML funzt!

    Hallo erstmal, ich bin neu hier.
    => Ein freundliches SERS in die Runde

    Ich schreib grad an meiner Homepage rum.
    Dabei hab ich aber das Problem, dass der Usercounter und der AGB-Link einfach nicht zusammen in die gleiche Zeile wollen! [UC links und Link rechts]

    meine Lösungsansätze:

    HTML:
    1. <nobr>....</nobr> [Keine Chance, kennt der Browser gar nicht mehr]
    2. <span>..</span> [Funzt genau so wenig!]


    CSS:
    1. white-space: nowrap; [NIX, einfach keine Änderung!!]
    2. display: inline; [Au nix!]


    Ich werd langsam verrückt!!!!!!!!!
    Es wäre wirklich cool, wenn ihr mir dabei helfen könntet.


    Im Anhang steht die Page [mein Index.html][Nee, leider doch net, Datei ungültig?]


    MFG und Thx schon mal im Vorraus

    [C]arp[h]unter
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Stell die Seite bitte online und poste einen Link.

  3. #3
    Großmeister(in) Avatar von MyXoToD
    Registriert seit
    07.11.2007
    Ort
    Mainz
    Alter
    24
    Beiträge
    507
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Du kannst hier im Forum auch Code posten. Für Html kannst du den BB-Code "[ HTML][/HTML ]" (ohne die Leerzeichen) verwenden
    Don't follow me, I run into walls.

  4. #4
    Azubi(ne)
    Themenstarter
    Avatar von [C]arp[h]unter
    Registriert seit
    10.03.2011
    Ort
    Franken :)
    Beiträge
    97
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    So, hier is es:^^


    <html>
    <head>
    <title>
    Carpinator.de &#124; Home
    </title>
    <style type="text/css">

    h1 {
    text-size:4px;
    text-align:center;
    background-color: black;
    width:100%;
    height:160px;
    margin: 0px;
    color: #00bbaa;
    font-family: Comic Sans MS;
    padding: 0px;
    }

    .menu {
    margin-top:0px;
    width:220px;
    float:left;
    height:100px;
    }

    .menu a {
    float:left;
    display: block;
    width: 175px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    font-family: Comic Sans MS;
    font-size: 20px;
    color: #00bbaa;
    background-color: #000000;
    border-style: solid;
    border-width: 5px;
    border-color: #000000;
    padding: 0px;
    margin: 0 px;
    }


    .menu a:hover {
    width: 175px;
    border-style: solid;
    border-width: 5px;
    border-color: lightgray;
    background-color: #000000;
    color: #ffffff;
    }

    .textfeld {
    width: 60%px;
    background-color: #000000;
    border-color: #00bbaa;
    border-width: 5px;
    border-height: 5pX;
    border-style:solid;
    margin-left: 220px;
    text-indent:0px;
    margin-top: 25px;
    color: #00bbaa;
    padding: 40px;
    font-family: Comic Sans MS;
    font-size: 18px;
    }

    .login {
    text-align:right;
    background-color: #000000;
    width: 100%;
    height:20px;
    text-decoration: none;
    font-color: #00bbaa;
    A:link: #00bbaa;
    font-family: Comic Sans MS;
    margin: 0px;
    padding-right: 0px;

    }

    a {
    color: #00bbaa;
    text-decoration: none;
    font-size: 20px;
    margin-top: 3px;
    }

    a:hover {
    color: lightgray;
    text-decoration: none;
    }

    a:visited {
    color: #ff0000;
    text-decoration: none;
    }

    a:visited:hover {
    color: #00bbaa;
    text-decoration: none;
    }

    .border {
    border-style: solid;
    border-color: #00bbaa;
    padding: 0px;
    }

    .leiste {
    background-color: #000000;
    width: 100%;
    height: 30px;
    color: #00bbaa;
    float: right;
    }

    a.mail {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    }

    a.mail:hover {
    color: #00bbaa;
    text-decoration: none;
    }

    a. mail:visited {
    color: #ff0000;
    text-decoration: none;
    }

    a.mail:visited:hover {
    color: #00bbaa;
    text-decoration: none;
    }

    a.admin {
    color: #ff0000;
    text-decoration: none;
    font-size: 18px;
    }

    a.admin:hover {
    color: #00bbaa;
    text-decoration: none;
    }

    a. admin :visited {
    color: #ff0000;
    text-decoration: none;
    }

    a.admin:visited:hover {
    color: #00bbaa;
    text-decoration: none;
    }

    address {
    white-space: nowrap;
    }

    span.agbs {
    display: inline;
    font-family: Comic Sans MS;
    text-align: right;
    }

    a.agbs {
    display: inline;
    text-align: right;
    font-family: Comic Sans MS;
    }


    </style>


    </head>


    <body bgcolor= "555556">

    <!---------------------ERST MAL EIN FETTES DANKESCHÖN AN ANDREAS GEIM, DER MIR DIE REGIST.PHP UND EINEN PASSWORTGENERATOR GESCHRIEBEN HAT!!!-------------->


    <div class= "border">

    <div class="login">

    <a href="login.html">
    <font size= "4">
    Verwaltung&nbsp;&nbsp;
    </font>
    </a>

    </div>

    <h1>

    <br>
    Carpfishing.de

    <br>
    <br>

    <div style= "text-align: right; font-size: 14px; margin: 5px;">

    <!--Atomuhr, von www.schnelle-online.info/Homepage/Tools.html. Sehr gutes Tool, danke dafür^^-->
    <!--
    Kostenlose, frei konfigurierbare Homepage-Uhr von www.schnelle-online.info/Homepage/Tools.html. Ohne Gewähr, ohne Haftung.
    Nutzungbedingung: Dieser Kommentar und der Link unten dürfen nicht entfernt oder (nofollow) modifiziert werden.
    -->
    <div style="text-align:right;"><a style="text-decoration:none;border-style:none;color:#00bbaa;font-weight:bold;font-size:11px;" target="_blank" href="http://www.schnelle-online.info/Atomuhr-Uhrzeit.html" id="soitime33918308600">Uhrzeit</a></div>
    <script type="text/javascript">
    SOI = (typeof(SOI) != 'undefined') ? SOI : {};(SOI.ac21fs = SOI.ac21fs || []).push(function() {
    (new SOI.DateTimeService("33918308600", "DE")).start();});
    (function() {if (typeof(SOI.scrAc21) == "undefined") { SOI.scrAc21=document.createElement('script');SOI.s crAc21.type='text/javascript'; SOI.scrAc21.async=true;SOI.scrAc21.src=((document. location.protocol == 'https:') ? 'https://' : 'http://') + 'homepage-tools.schnelle-online.info/Homepage/atomicclock2_1.js';(document.getElementsByTagName( 'head')[0] || document.getElementsByTagName('body')[0]).appendChild(SOI.scrAc21);}})();
    </script>

    </div>

    </h1>

    </div>

    <br>

    <!----BEGINN Menü----------------------------------------------------------------------------------------------------->

    <div class="menu">

    <a href="index.html">
    <b>
    Home
    </b>
    </a>

    <a href="montagen.html">
    <b>
    Montagen
    </b>
    </a>

    <a href="bilder.html">
    <b>
    Bildergallerie
    </b>
    </a>

    <a href="http://www.onlinewebservice6.de/gastbuch.php?id=153426">
    <b>
    Gästebuch
    </b>
    </a>

    <a href="links.html">
    <b>
    Links
    </b>
    </a>

    <a href="impressum.html">
    <b>
    Impressum
    </b>
    </a>

    <a href="rezepte.html">
    <b>
    Rezepte!
    </b>
    </a>

    <a href="chronik.html">
    <b>
    Chronik
    </b>
    </a>

    </div>

    <!----ENDE Menue------------------------------------------------------------------------------------------------------->


    <!---TEXTFELD ANFANG--------------------------------------------------------------------------------------------------->

    <div class= "textfeld">
    Hey ihr Carphunter da drau&szlig;en!&nbsp;!&nbsp;!&nbsp;!
    <br>
    Ich habe diese Seite extra für euch ins Leben gerufen.
    <br>
    Ich persönlich finde, gegen eine gute Informationsquelle im Web ist nichts auszusetzen.
    <br>
    Nebenbei könnt ihr mir noch Bilder von euch per <a href="mailto:fiedler.oliver@web.de" class= "mail"> E-Mail</a> senden, die ich dann online stellen kann.
    <br>
    Keine Angst, nur <font size= "18px"><a href= "regist.html">registierte</a></font> User können diese sehen!
    <br>
    <br>
    Daher wünsche ich euch viel Spa&szlig; auf dieser Seite.
    <br>
    <br>
    ALSO: <font color= "#ff0000">&quot;tight lines&quot;</font> und ein <font color= "#ff0000">kräftiges Petri</font> von eurem
    <br>
    <br>
    <center>
    <font color= "#ff0000"> <a href= "meinprofil.html" class= "admin" style= "display:block;">&raquo;&nbsp;Admin&nbsp;&laqu o;</a>
    </center>
    </font>

    </div>
    <!--Textfeld- Ende----------------------------------------------------------------------------------------------------->

    <br>
    <br>


    <div class= "leiste">


    <!-----------------------Ab hier sollen beide Element nebeneinander stehen.--------->

    <!---start counter---->
    <table width="133" border="0" cellspacing="0" cellpadding="3"><tr><td align="center"><a href="http://www.sportsnews.be/" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=561315-2907" alt="sports" title="sports" border="0" ></a></td></tr><tr><td align="center"><font style="display: inline; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #330006; text-decoration: none;"> <a href="http://www.sportsnews.be/basketball/" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #555556; text-decoration: none;" title="basket news">basket news</a> </font></td></tr></table>
    <!------ende counter--->

    <nobr>


    <a href= "agbs.html" class= "agbs">
    AGBs
    </a>


    <div>
    <!------------------------Und hier wieder enden------------------------->
    </div>

    </body>

    </html>

    Ich sag schon mal THX im Vorraus

    Mfg

    [C]arp[h]unter

  5. #5
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Ändere diesen Abschnitt

    Code:
    <table width="133" border="0" cellspacing="0" cellpadding="3"><tr><td align="center"><a href="http://www.sportsnews.be/" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=561315-2907" alt="sports" title="sports" border="0" ></a></td></tr><tr><td align="center"><font style="display: inline; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #330006; text-decoration: none;"> <a href="http://www.sportsnews.be/basketball/" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #555556; text-decoration: none;" title="basket news">basket news</a> </font></td></tr></table>
    <!------ende counter--->
    
    <nobr>
    
    
    <a href= "agbs.html" class= "agbs">
    AGBs
    </a>
    in

    Code:
    <a href="http://www.sportsnews.be/" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=561315-2907" alt="sports" title="sports" border="0" ></a>
    <a href= "agbs.html" class= "agbs">AGBs</a>
    Ergänze außerdem einen Doctype und entferne so sinnfreie Elemente wie <font> aus deinem Quellcode.

  6. #6
    Azubi(ne)
    Themenstarter
    Avatar von [C]arp[h]unter
    Registriert seit
    10.03.2011
    Ort
    Franken :)
    Beiträge
    97
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Thx.

    Schaut scho besser aus^^.

    Allerdings setzen sich die AGBs dann direkt dran, als ob ich float an hätte [hab ich aber nicht.]
    Wenn ich 's mit HTML mach, also <p align= "right">, dann geht's zwar nach rechts rüber, is aber um einiges nach unten verschoben.

    Kann man da auch was machen.

    Ich sach scho mal danke^^

    Mfg

  7. #7
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Abstände kannst Du mit den CSS-Eigenschaften margin und/oder padding erreichen.

  8. #8
    Azubi(ne)
    Themenstarter
    Avatar von [C]arp[h]unter
    Registriert seit
    10.03.2011
    Ort
    Franken :)
    Beiträge
    97
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Das weiß ich, allerdings will ich die Homepage für alle Bildschirmgrößen haben.

    Wenn ich jetzt z.b 300px Margin eingebe, kann es zwar sein, dass auf meinem Bildschirm die AGBs schön ausgerichtet sind, aber auf einem anderen gibt es dann einen FAIL!!
    Außerdem setzen sich die AGBs immer ca. 6-7 px runter!

    Wie kann ich das vermeiden?

    [Ohne p align= "right" stimmt zwar die Höhe nicht, jedoch die Rechter-Rand-Ausrichtung.]

    Mfg

    [C]arp[h]unter

  9. #9
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Vergiss die Anpassung an Bildschirmauflösungen. Über die weiß HTML und CSS nichts. Webseiten werden auch seltenst in bestimmten Bildschirmauflösungen dargestellt. Deine Webseite wird nur in bestimmten Viewports ausgegeben, das kann auch 780x239 sein, je nachdem wie der Besucher sein Browserfenster einstellt.

    Wenn deine Seite sich dynamisch an die zur Verfügung stehende Breite (den Viewport) anpassen soll, dann verwende relative Breiten, keine absoluten. Evtl. würde auch die Angabe einer Mindestbreite hilfreich sein, wenn man weiß, dass mehrheitlich Computer auf die Seite zugreifen und keine Smartphones oder Handys.

    Und dein Problem mit der Rechtsausrichtung neben einem anderen Element lässt sich eigentlich auch ganz einfach per "float: right;" lösen. Clearen nicht vergessen.

  10. #10
    Azubi(ne)
    Themenstarter
    Avatar von [C]arp[h]unter
    Registriert seit
    10.03.2011
    Ort
    Franken :)
    Beiträge
    97
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Probleme: 2 Link brechen einfach die Zeile um, kein Tag, weder CSS, HTML fun

    Okay, is so weit in Ordnung.


    FETTES Dankeschön an alle, die 'mitgeraten'^^ haben

    [Und vor allem an Threadi, der sich wirklich ins Zeug gelegt hat^^]

    Mfg

    [C]arp[h]unter

Ähnliche Themen

  1. HTML Handbuch einfach aktualisieren
    Von ctintern im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.01.2011, 17:37
  2. HTML-Problem .... ich komm einfach nicht drauf
    Von dentaalen im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 17.09.2010, 11:44
  3. Tabelle in HTML will einfach nicht
    Von ketrt im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.03.2009, 12:30
  4. Javascript funzt im IE nicht (liegt es am html?)
    Von mr.scruff im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 22.05.2006, 18:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •