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

[C]arp[h]unter

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

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

sejuma

Stell die Seite bitte online und poste einen Link.

MyXoToD

Du kannst hier im Forum auch Code posten. Für Html kannst du den BB-Code "[ HTML][/HTML ]" (ohne die Leerzeichen) verwenden

[C]arp[h]unter

So, hier is es:^^

<html>
<head>
<title>
Carpinator.de | 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>

<div class= "border">

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

</div>

<h1>

<br>
Carpfishing.de

<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.scrAc21.type='text/javascript'; SOI.scrAc21.async=true;SOI.scrAc21.src=((document.location.protocol == 'https:') ? 'https://' : 'http://') + '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>

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

<div class= "textfeld">
Hey ihr Carphunter da draußen! ! ! !
<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ß auf dieser Seite.
<br>
<br>
ALSO: <font color= "#ff0000">"tight lines"</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;">» Admin «</a>
</center>
</font>

</div>


<br>
<br>

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


<nobr>

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

<div>

</div>

</body>

</html>

Ich sag schon mal THX im Vorraus

Mfg

[C]arp[h]unter :-D:-D

threadi

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

Alles anzeigen

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.

[C]arp[h]unter

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

threadi

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

[C]arp[h]unter

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

threadi

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.

[C]arp[h]unter

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

[C]arp[h]unter

Problem:

Wie schließe ich dieses Thema???

Schon mal Danke

Mfg

[C]arp[h]unter

Tags