Zwei Kleine Fragen

- WebmasterWork »
- Grafik & Programmierung »
- (X)HTML & CSS & DHTML & Javascript »
- Zwei Kleine Fragen »

Marcelknop

Mitglied

Dabei seit: 11.04.2011

Beiträge: 41

Freitag, 15. April 2011, 18:22

Wie bekomme ich meine homepage in der Mitte & Größer

die Zweite Frage ist

Wie kann ich den link an den Ort hin tuen wo der eigentlich vorgesehen ist ?

Wenn ihr mir helfen Würdet wärt ihr echt eine große Hilfe für mich

delta

Tripel-As

Dabei seit: 15.06.2009

Beiträge: 228

Freitag, 15. April 2011, 19:47

Mitte:

	Quellcode
1 2	<ALIGN=""CENTER"> </ALIGN

Größer:

	Quellcode
1	<FONT SIZE="12">DEIN TEXT</font>

Marcelknop

Mitglied

Dabei seit: 11.04.2011

Beiträge: 41

Freitag, 15. April 2011, 20:43

Das Geht leider nicht habe ich vielleicht einen Fehler drin ?

wäre nett wenn ihr mir helft

Zitat

<style type="text/css">
html {
background: url(images/deinbild.png);
background-repeat:repeat-x;
background-color: #900201;}
</style>

<head>
<Title>Mk Media</title>
</head>
<body>
<ALIGN="CENTER">

<img src="bilder/mk.jpg.jpg" width="700"></img>
</ALIGN>
<table>
<tr>

<a href="bilder/mk23jpg.jpg" width="900">Startseite</a>

</table>
</body>
</html>

Treml

Tripel-As

Dabei seit: 19.03.2003

Beiträge: 237

Freitag, 15. April 2011, 22:07

Ui, der Quelltext schaut ja trotz aller Kürze recht wild aus und die Tipps von delta haben leider auch schon Antiquitätswert. :rolleyes:

Deine Angaben sind etwas unpräzise, aber versuche es für den Anfang einmal hiermit:

HTML

<html>
<style type="text/css">
html {
background: url(images/deinbild.png);
background-repeat:repeat-x;
background-color: #900201;
text-align: center;
}
</style>

<head>
<title>Mk Media</title>
</head>
<body>

<img src="bilder/mk.jpg.jpg" style="width: 700px; margin-left: auto; margin-right: auto;" />

<a href="bilder/mk23jpg.jpg" style="display: block">Startseite</a>

</body>
</html>

i u t w w f c b - u y a s t m w m

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

Donnerstag, 5. Mai 2011, 10:29

Hey den Post von delta solltest du wirklich ignorieren und dich eher an Treml's Version halten. Wobei ich die ebenfalls noch etwas anpassen würde:

Quellcode

<html>
<style type="text/css">
html {
background:#deinefarbe;
margin:0;
padding:0;
}

.mittig_ausrichten {
width:700px; /* Breite */
height:700px; /* Höhe */
margin:0 auto; /* mittig zentrieren */
position:relative; /* nötig um eine absolute Positionierung des Links verwenden zu können */
}

.link_im_nirgendwo {
position:absolute;
top:10px; /* von diesen Angaben brauchst du nur 2*/
left:10px; /* zb. nur top - left, oder top- right*/
right:10px; /* mit den Pixelwerten verschiebst du deinen Link wo du ihn haben willst*/
bottom:10px;
display:block; /* brauchst du wenn der Link eine feste Größe bekommen soll, ansonsten nicht */
}
</style>

<head>
<title>Phos Media ;P</title>
</head>
<body>

<div class="mittig_ausrichten">
<a class="link_im_nirgendwo"  href="bilder/mk23jpg.jpg" style="display: block">Mein Link</a>
</div>



</body>
</html>

Ddas ist aber nur EINE Möglichkeit wie es gemacht werden könnte. Wichtig ist das HTML sauber vom CSS zu trennen (das hat Treml, wohl aus Anschauungszwecken, nicht getan) und nach Möglichkeit den Code mit Kurzschreibweisen schlank zu halten.

Gruß
Phos