Hilfe
Neues Thema
Antworten
Hallo,
kann mir jemand veraten wie ich ein Logo was ich habe in der Mitte einer Seite im Internet zentrieren kann?
D.h. praktisch auf der Startseite das man dort aufn Logo drauf klicken muss etc. ...
mfg
mathman
Logo Zentrieren...
#1
Mathman 
- Gruppe: aktive Mitglieder
- Beiträge: 306
- Beigetreten: 28. April 02
- Reputation: 0
- Wohnort:Quedlinburg
geschrieben 22. Dezember 2004 - 22:23
Nach oben
#2
Doppelwinkel
geschrieben 22. Dezember 2004 - 22:31
Wenn Du einfach ein Bild im Vordergrund zentrieren willst, langt ja ne Tabelle
<table border="0" height="100%" width="100%"> <tr> <td align="center">lol</td> </tr> </table>
#3
Iso
- Gruppe: aktive Mitglieder
- Beiträge: 487
- Beigetreten: 14. Mai 03
- Reputation: 0
- Wohnort:Hörstel
- Interessen:Computer<br />Parties<br />Mädels...
geschrieben 22. Dezember 2004 - 22:31
<center>
<img src=.....>
</center>
oder kannst ja auch mit tabellen arbeiten
oder <p align="center"><img...></p>
<img src=.....>
</center>
oder kannst ja auch mit tabellen arbeiten
oder <p align="center"><img...></p>
Asus F3JP-Z53 Notebook:
Intel Core 2 Duo T7200 @ 2 Ghz
Mobile Radeon X1700 256 MB
2048 MB DDR2-Ram
160 GB Hitachi HDD
Ubuntu 9.04 / Windows XP SP 3
Intel Core 2 Duo T7200 @ 2 Ghz
Mobile Radeon X1700 256 MB
2048 MB DDR2-Ram
160 GB Hitachi HDD
Ubuntu 9.04 / Windows XP SP 3
#4
flo
- Gruppe: aktive Mitglieder
- Beiträge: 7.955
- Beigetreten: 14. November 04
- Reputation: 1
- Geschlecht:Männlich
geschrieben 22. Dezember 2004 - 23:05
oder du machst es mit CSS
<span style="position:absolute; top: 10px; left:10px;">
<img src="..........." />
</span>
top: 10px; left:10px
welche werte du da eingibst mußt du testen
<span style="position:absolute; top: 10px; left:10px;">
<img src="..........." />
</span>
top: 10px; left:10px
welche werte du da eingibst mußt du testen
Dieser Beitrag wurde von Flo01 bearbeitet: 22. Dezember 2004 - 23:10
#5
Mathman
- Gruppe: aktive Mitglieder
- Beiträge: 306
- Beigetreten: 28. April 02
- Reputation: 0
- Wohnort:Quedlinburg
geschrieben 22. Dezember 2004 - 23:05
nein ich glaub ihr versteht mich nicht, jedenfalss das erste funzt nicht so...
Ein bild soll genau in der Mitte des Bildschrims sein, also zentriert horizontal + vertikal ...
Ein bild soll genau in der Mitte des Bildschrims sein, also zentriert horizontal + vertikal ...
#6
flo
- Gruppe: aktive Mitglieder
- Beiträge: 7.955
- Beigetreten: 14. November 04
- Reputation: 1
- Geschlecht:Männlich
geschrieben 22. Dezember 2004 - 23:13
hast du es mal mit meinem vorschlag versucht?
Dieser Beitrag wurde von Flo01 bearbeitet: 22. Dezember 2004 - 23:18
#7
Mathman
- Gruppe: aktive Mitglieder
- Beiträge: 306
- Beigetreten: 28. April 02
- Reputation: 0
- Wohnort:Quedlinburg
geschrieben 22. Dezember 2004 - 23:18
jo hab ich ebend gemacht, funzt auch nicht ....
es ist ja so das es auch in der mitte sein soll vom bildschirm wenn ne andere auflösung genommen wird
es ist ja so das es auch in der mitte sein soll vom bildschirm wenn ne andere auflösung genommen wird
#8
ZakMcKracken
- Gruppe: aktive Mitglieder
- Beiträge: 848
- Beigetreten: 18. März 04
- Reputation: 0
- Wohnort:Koblenz
geschrieben 22. Dezember 2004 - 23:25
<table width="100%" height="100%"> <tr valign="middle"> <td align="center"><img src...></td> </tr> </table>
#9
Doppelwinkel
geschrieben 22. Dezember 2004 - 23:31
Was für nen Browser nutzt Du denn? Mein Codesample funzt so wie Du willst mit Mozilla + IE 6
#10
Mathman
- Gruppe: aktive Mitglieder
- Beiträge: 306
- Beigetreten: 28. April 02
- Reputation: 0
- Wohnort:Quedlinburg
geschrieben 23. Dezember 2004 - 10:51
Ich benutze den Firefox 1.0 RC2
Leider wird da bis jetzt die Seite nicht ichtig angezeigt
Das Logo ist bei mir nicht richtig in der mitte des bildschrim, horizontal + vertikal ...
wie gesagt, horizontal funktioniert es ja schon ...
Leider wird da bis jetzt die Seite nicht ichtig angezeigt
Das Logo ist bei mir nicht richtig in der mitte des bildschrim, horizontal + vertikal ...
wie gesagt, horizontal funktioniert es ja schon ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Unbenanntes Dokument</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="100%" height="100%"> <tr valign="middle"> <td align="center"><img src="logo.gif" /></td> </tr> </table> </body> </html>
#11
mutze13
- Gruppe: aktive Mitglieder
- Beiträge: 391
- Beigetreten: 30. Dezember 03
- Reputation: 0
- Wohnort:Bad Münstereifel
- Interessen:Science Fiction <br />Lesen (Fantasy und Science Fiction aber auch mal einen guten Thriller)<br />und natürlich der gute alte Rechenknecht
geschrieben 23. Dezember 2004 - 12:30
Hallo,
versuch es mal so :
mutze
versuch es mal so :
<body> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> <tr><td align="center" valign="middle"> <a><img src="logo.gif" width="25%" height="25%" border="0" alt=""></a> </td></tr></table> </body>Bei mir stimmt dann die Anordnung im FF 1.0
mutze
#12
ænima
geschrieben 23. Dezember 2004 - 15:59
probier´s mal so:
die prozentwerte musst du halt anpassen, aber damit kriegst du ein halbwegs zentriertes bild hin...
<head>
<style type="text/css">
<!--
.zentriert {
text-align: center;
margin-top: 30%;
margin-bottom: 30%;
}
-->
</style>
</head>
<body>
<div class="zentriert"><img src="test.jpg"></div>
</body>
die prozentwerte musst du halt anpassen, aber damit kriegst du ein halbwegs zentriertes bild hin...
#13
Mathman
- Gruppe: aktive Mitglieder
- Beiträge: 306
- Beigetreten: 28. April 02
- Reputation: 0
- Wohnort:Quedlinburg
geschrieben 23. Dezember 2004 - 18:41
Also das von ænima funktioniert schon nicht schlecht nur irgendwie ist das bild zielich weit von oben weg und man muss scrollen um die untere seite der Seite zu erlangen.
#14
flo
- Gruppe: aktive Mitglieder
- Beiträge: 7.955
- Beigetreten: 14. November 04
- Reputation: 1
- Geschlecht:Männlich
geschrieben 23. Dezember 2004 - 20:15
Zitat
probier´s mal so:
CODE
<head>
<style type="text/css">
<!--
.zentriert {
text-align: center;
margin-top: 30%;
margin-bottom: 30%;
}
-->
</style>
</head>
<body>
<div class="zentriert"><img src="test.jpg"></div>
</body>
die prozentwerte musst du halt anpassen, aber damit kriegst du ein halbwegs zentriertes bild hin...
CODE
<head>
<style type="text/css">
<!--
.zentriert {
text-align: center;
margin-top: 30%;
margin-bottom: 30%;
}
-->
</style>
</head>
<body>
<div class="zentriert"><img src="test.jpg"></div>
</body>
die prozentwerte musst du halt anpassen, aber damit kriegst du ein halbwegs zentriertes bild hin...
ersetz mal die beiden sachen
margin-top: 30%;
margin-bottom: 30%;
durch die
top:30%;
left:30%;
und das lösch mal raus
text-align: center;
#15
DK2000
- Gruppe: Administration
- Beiträge: 19.806
- Beigetreten: 19. August 04
- Reputation: 1.435
- Geschlecht:Männlich
- Wohnort:Oben auf dem Berg
- Interessen:Essen, PC, Filme, TV Serien...
geschrieben 23. Dezember 2004 - 21:11
@Mathman:
Also ich habe mal die div. Vorschläge getestet, und der Code von Doppelwinkel läuft am besten. Mit diesem kann man ein Bild in die Mitte des sichtbaren Bildberreiches legen, welches sich auch an verschiedene Auflösungen automatisch anpasst (logisch, ist ja nur eine große Zelle einer Tabelle). Für einen Link müsste das so aussehen:
Das funktioniert bei mir einwandfrei mit dem IE 6 SP2 und FF 1.0.
Also ich habe mal die div. Vorschläge getestet, und der Code von Doppelwinkel läuft am besten. Mit diesem kann man ein Bild in die Mitte des sichtbaren Bildberreiches legen, welches sich auch an verschiedene Auflösungen automatisch anpasst (logisch, ist ja nur eine große Zelle einer Tabelle). Für einen Link müsste das so aussehen:
<table border="0" height="100%" width="100%"> <tr> <td align="center"><a href="ziel.html"><img src="logo.GIF"></a></td> </tr> </table>
Das funktioniert bei mir einwandfrei mit dem IE 6 SP2 und FF 1.0.
Ich bin kein Toilettenpapier-Hamster.
---
Ich bin ein kleiner, schnickeldischnuckeliger Tiger aus dem Schwarzwald.
Alle haben mich ganz dolle lila lieb.
---
Ich bin ein kleiner, schnickeldischnuckeliger Tiger aus dem Schwarzwald.
Alle haben mich ganz dolle lila lieb.
