html-code?

ben67

hallo

ich will die beiden links unten links etwas höher rücken

wie mach ich das denn?
hab nicht viel ahnung von html
den code hab ich mir bei einer sex-seite für blinde geklaut

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="keywords" content="blabla" />
		<link rel="Home" title="Home" href="http://www.kus.de" />



	<meta name="description" content="willkommen - welcome - bienvenue - bienvenido" />


		<style type="text/css" media="screen">


body {
   background: #FAFAD2;
   text-align: center;
   font-family: Arial, Verdana, sans-serif;
   font-size: 100%;
   color: black;
}


#disclaimer {
	width: 640px;
	height: 480px;
    margin: 0 auto;
	background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
}
#text {
    text-align: left; font-weight: bold;
    width: 586px;
    height: 104px;
    overflow: auto;
    position: absolute;
    top: 196px;
    left: 32px;
    font-size: 100%;
    color: black;


}


#homepage { width: 139px; height: 29px; left: 32px; bottom: 85px; position: absolute; font-size: 110% }
#shop { width: 139px; height: 29px; left: 32px; bottom: 23px; position: absolute; font-size: 110% }
h1 {
        font-size: 130%; padding-top: 1em;
}


#footer { font-size: 80%; margin-top: 2em }
a {color: black;}
.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
</style>		</head>


<body>


<div id="disclaimer" style="width: 640px; height: 480px; background-image: url(images/disclaimer2.jpg); margin: 0 auto">


<div id="header">
_______________________________________________________________






<h1>At vero eos et accusam et justo duo dolores et ea rebum</h1>
<h3>aliquyam erat
sed diam voluptua</h3>


</div>


<div id="text">


Stet clita kasd gubergren
no sea takimata
sanctus est Lorem
ipsum dolor
sit amet


</div>




<div id="homepage">
[url='http://www.so.de']Unsere Homepage[/url]
</div>


<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>


<div id="shop">
[url='http://www.so.de']Unser Portal[/url]


</div>
<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>
</div>


<div id="footer">
sed diam nonumy eirmod


tempor invidunt  




&copy; sed diam
| [url='mailto:test@kus.de']Kontakt www.kus.de[/url]
</div>



    </body>
    </html>

Alles anzeigen

Questionmark

Hallo erstmal,

Zitat

den code hab ich mir bei einer sex-seite für blinde geklaut

versteh ich nicht - soll das lustig sein Naja, egal!

Mal abgesehen davon, dass auf der angegebenen Seite kein einziger Link funktioniert (wahrscheinlich weil der Code geklaut ist... ) hier meine Antwort.

In deinem <head> Bereich findest du folgendes:

Code

#homepage { width: 139px; height: 29px; left: 32px; bottom: 85px; position: absolute; font-size: 110% }
#shop { width: 139px; height: 29px; left: 32px; bottom: 23px; position: absolute; font-size: 110% }

#homepage ist dein Hompage-Link und #shop ist dein nicht funktionierender Portallink

Naja, anyway, mit der Pixelangabe hinter

Code

bottom:PIXEL;

gibst du den Abstand von unten her an. Guck mal hier

Ich habe fertig,
Questionmark

lustig sollte das eigentlich nicht sein
die seite gibt es tatsächlich
-- Link wurde aus Jugendschutzgründen entfernt --

die links sollten auf dieser testseite auch nicht funktionieren

vielen dank
jetzt hab ichs

Questionmark

Und die Seite soll speziell für Blinde sein Davon hab ich aber nix mitbekommen - naja es gibt schon .mp3-files und Ähnliches - wie aber würde die Navigation funktionieren? Und warum wimmelt es dann dort nur so von Bildern?

Genug dazu, Code klauen an sich ist auch nicht lustig!

Ich find immer was um meine Meinung zu untermauern

Grüße,
Questionmark

P.S.: Ich bin mir außerdem mal gar nicht so sicher, ob man diesen Link überhaupt hätte setzen dürfen....

ben67

schon klar das codeklau scheisse ist
aber was soll ich machen?
ich raff das mit dem html einfach nicht
und ich hab dank meiner kinder auch keine zeit, mich mit dem thema auseinanderzusetzen
ausserdem lern ich zur zeit noch finnisch

wie krieg ich denn jetzt einen button/link unten rechts hin?
es sollte ein kleiner button werden
darunter ein link der den sinn des buttons erklärt

danke
ben

ps
das "-- Link wurde aus Jugendschutzgründen entfernt --" ist wirklich löblich
aber auf dieser seite wurden sogar die nippels verhüllt
gib mal s.e.x in einer suchmaschine ein und schalte den filter aus
das ist das internet
fsk18

Questionmark

Wenn du den vorhandenen Link nach rechts verschieben willst, dann ist das fast das Gleiche wie oben beschrieben - nur eben in grün:

left:PIXEL; hinter #shop und #homepage gibt demnach den Abstand von links an. Den kannst du entweder entsprechend erweitern oder durch right ersetzen um vom rechten Rand auszugehen.

Ein Bild/Button fügst du so ein.

Ganz ohne HTML-Kenntnisse klappt das leider nicht mit dem Erstellen einer Website....

Für Leute, die dennoch eine Website haben wollen, gibt es sogenannte WYSIWYG-Editoren, die du wie ein Textverarbeitungsprogramm bedienen kannst. Diese erzeugen zwar einen Quelltext, der dem ein oder anderen Hardliner hier die Haare zu Berge stehen lassen wird, aber es gibt halt ne halbwegs okay aussehende Homepage ohne HTML-Kenntnisse. Für den nicht kommerziellen Gebrauch kannst du dich zum Beispiel mal bei buddyW umschauen.

Grüße,
Questionmark

ben67

ich hab ja so einen editor
komm ich nur nicht ganz mit klar

ich habe jetzt mal versucht einen link unten rechts einzufügen
hab einfach den code von dem portal-link kopiert und left durch right ersetzt
leider ist der link nicht da , wo er sein soll

http://kitata.de/test

Code

#homepage { width: 139px; height: 29px; left: 32px; bottom: 120px; position: absolute; font-size: 110% }
#shop { width: 139px; height: 29px; left: 32px; bottom: 58px; position: absolute; font-size: 110% }
 #test { width: 139px; height: 29px; right: 32px; bottom: 58px; position: absolute; font-size: 110% }
h1 {
        font-size: 130%; padding-top: 1em;
}


#footer { font-size: 80%; margin-top: 2em }
a {color: black;}
.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
</style>		</head>


<body>


<div id="disclaimer" style="width: 640px; height: 480px; background-image: url(images/disclaimer2.jpg); margin: 0 auto">


<div id="header">
_______________________________________________________________






<h1>At vero eos et accusam et justo duo dolores et ea rebum</h1>
<h3>aliquyam erat
sed diam voluptua</h3>


</div>


<div id="text">


Stet clita kasd gubergren
no sea takimata
sanctus est Lorem
ipsum dolor
sit amet


</div>




<div id="homepage">
[url='http://www.so.de']Unsere Homepage[/url]
</div>


<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>


<div id="shop">
[url='http://www.so.de']Unser Portal[/url]


</div>
<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>
</div>


<div id="test">
[url='http://www.so.de']TEST[/url]
</div>


<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>

Alles anzeigen

Questionmark

Du musst halt nach deiner #test - Definition so lange mit den Pixelwerten hinter bottom und right rumprobieren, bis der Link da ist wo du ihn haben willst.

Grüße,
Questionmark

ben67

ja danke

ich habs jetzt hinbekommen

nun das problem
ich hab ne auflösung von 1600x1200
da sieht es so aus, wie ich es haben will

wenn ich die auflösung ändere, wechselt der test-link seine position
die anderen beiden links, bleiben da wo sie sind
?

Questionmark

Lies dir vielleicht mal diesen Artikel durch - das dürfte dir ein wenig weiterhelfen...

Allgemein gibt es folgendes zu sagen: Du kannst deine Seite entweder immer mit fixen Pixelwerten programmieren, dann sieht sie bei jedem gleich aus. Der eine User muss halt scrollen, der andere Nicht - je nach Auflösung.

Möglichkeit 2: Du arbeitest mit Prozentwerten, dann ist jedes Browserfenster unabhängig von der Auflösung prozentual gesehen gleich weit ausgefüllt. Es sieht dann aber halt auch nicht immer so aus wie bei dir...

Wenn du dann aber ein bißchen von beiden nimmst - einen Prozentwert hier, einen Pixelwert da - dann gibt es abhängig von der Auflösung ein mehr oder weniger großes Kuddelmuddel.

Grüße,
Questionmark

ben67

hab es mir durchgelesen
ich versteh es aber nicht

Code

#homepage { width: 139px; height: 29px; left: 32px; bottom: 120px; position: absolute; font-size: 110% }
#shop { width: 139px; height: 29px; left: 32px; bottom: 58px; position: absolute; font-size: 110% }
 #test { width: 139px; height: 29px; left: 450px; bottom: 58px; position: absolute; font-size: 110% }

der homepage und der shop link verändern ihre position ja nicht
egal was für eine auflösung
der test link ist aber je nach auflösung an einer anderen position oder sogar garnicht zu sehen

irgendwie ist die pixelangabe bei den ersten beiden links vom rand des grauen bereichs gemessen
bei dem testlink vom bildschirmrand oder so

hat sich erledigt

ich hatte einfach nur ein </div> zuviel

danke

ben67

ich krieg zuviel

ich hab nur ein div entfernt und jetzt ist der footer mitten im bild
???

html-code?

Tags

Benutzer online in diesem Thema