Frage zu html, Ausrichtung

Forum Eigene Website, Hosting, Webdesign, Programmieren : Frage zu html, Ausrichtung

Tom's Hardware: 1,4 Mio. Mitglieder aus 6 verschiedenen Ländern beantworten alle Ihre Fragen über Computer-Technik und IT. Um Hilfe zu erhalten, registrieren Sie sich kostenlos!
Wort:    Username:           
 

Hallo,

 

ich versuche mich seit 2 Tagen an html und habe ein kleines Problem. Aktuell ist die Navigationsliste links (das mit den drei Bildern) quasi über das große Bild (s/w) drüber geschrieben. Ich möchte aber gerne, dass die Leiste links und das große Bild voneinander getrennt und nicht mehr ineinander überlaufen. Ich habe schon versucht mit einer Tabelle zu arbeiten, die Leiste war dann aber rechts statt links bzw. kam am Ende nur Müll bei raus :sarcastic:

 

Quellcode und Bild habe ich hochgeladen, für unnötige Angaben im Quellcode bitte nicht gleich hauen^^

 

http://www.abload.de/thumb/hpuxai.jpg

 
Zitat :


<html>
<div align="center">
<table>
<tr>
<td style="text-align">

 

<head>
<titel> <font face="Calibri"> <font size="+3"> <p align="center">Grafikbooks.de </p></front> </font> </titel>

 

</head>

 


<body>
<p></p>
<img src="white.jpg" width="1024" height="786" align="right" >

 

<table width="100" border="0" cellpadding="0" cellspacing="2">
<tr>
<td> <div align="center"> <a href="unter2.html"> <img src="blue.jpg" width="150" height="133"> </a> </p> </div> </td>
</tr>
<tr>
<td> <div align="center"> <a href="unter3.html"> <img src="green.jpg" width="150" height="133"> </a> </p> </div> </td>
</tr>
<tr>
<td> <div align="center"> <a href="unter4.html"> <img src="black and white.jpg" width="150" height="133"> </a> </p> </div> </td>
</tr>

 

</table>
</body>

 

</td>
</tr>
</table>
</div>
</html>

 

Greetz

 

Edit:
Bei der Seite handelt es sich nur um ein Probeobjekt ;)


Nachricht bearbeitet von nforce am 13.09.2009 um 03:08:31
Anzeigen

Hast ne PN, sehe irgendwie nicht ob du die schon gelesen hast^^

Antworten zeromaster

Doch habe ich schon bekommen, besten Dank ;)

So soll es aussehen
http://www.abload.de/thumb/hpg9vq.jpg

Ich werde mir deine Links und das hier hier morgen näher angucken
http://de.selfhtml.org/html/frames/definieren.htm

Antworten nforce

Hey nforce :),

Ich verstehe nicht, was du möchtest ist doch eigentlich nur ein 2 Spaltiges Layout oder? Nach deiner Aussagen zu urteilen.
Warum möchtest du dann mit Frames arbeiten? Gehen tut das natürlich, aber selbst musst du erst mal alles anordnen, damit es von der Position her stimmt. Und auserdem ist das mit den Frames um einiges anstrengender als mit einem einfachen Layout.

Am besten du gibst in Googel einfach diese Begriffe ein: 2 Spaltiges Layout Html und schon haste 1000ende Seiten.

gruß

Max

Antworten I-LoVeRaP

Habe etwas zu kompliziert gedacht, jetzt hat sich das aber alles geklärt. Frames sind dafür aber nicht nötig, ich hatte nur die Tabelle falsch ausgerichtet.

Momentan arbeite ich auch an der richtigen Hompage, bis jetzt läuft alles gut^^. Wenn man den Sinn von Frames erst einmal geblickt hat, will man nicht drauf verzichten. Eine dauerhafte linke Navigationsliste zum Beispiel, ich finds toll. :D

Antworten nforce

Joa für ne HP ist das natürlich super :) , haben wir auch schon fürn Kunden 'geschrieben'. Sehr beliebt. Allerdings kommt jetzt langsam der Drang von Kunden auf Flash-Seiten, bzw. Flash-lastigen seiten.

Naja wünsch dir noch viel Erfolg!

Antworten I-LoVeRaP

Wie kann ich mit css so ein Layout erstellen? Wie css funktioniert ist mit klar aber wie sage ich, dass ich für diesen Teil des normalen body die Formatierung x haben will und für den anderen Teil die Formatierung y? Bei den rot markierten Stellen im Text habe ich keine Ahnung, wie ich diese unterschiedliche Formatierung/ Ausrichtung umsetzen soll. Was passenden habe ich leider nicht gefunden -.- Hier ein Bild

 

http://www.abload.de/thumb/blalayouthv8j.jpg


Nachricht bearbeitet von nforce am 22.09.2009 um 20:11:00
Antworten nforce

Naja du setzt ein Margin oder Padding oder du erstellst eine Klasse für diese Sätze und befehligst ihn in die Center-Position zu gehen.

<html>
<head><title>Test</title>
.klasse {
text-align: center;
}
</head>
<body>

Test Test Test Test Test Test
<span class="klasse">TestCenter Test Center</span>
Test Test Test Test Test Test

</body>
</html>

Antworten I-LoVeRaP
Tom's Hardware > Foren > Eigene Website, Hosting, Webdesign, Programmieren > Frage zu html, Ausrichtung
Zu:

Es gibt 119 identifizierte und nicht identifizierte User. Zur Ansicht der Liste identifizierter User, Hier klicken.

Google Anzeigen
  • Die Community jetzt fragen
  • Veröffentlichen
Anzeige
Die folgenden Community-Mitglieder erhielten Auszeichnungen!
Wir gratulieren:
  • 14:43 fffcmad hat das Abzeichen Audio erhalten
  • 01:00 frankyn hat das Abzeichen Niedergelassen erhalten
  • 01:00 thelittle hat das Abzeichen Niedergelassen erhalten
  • 01:00 franz0501 hat das Abzeichen Leser erhalten
  • 01:00 thelittle hat das Abzeichen Leser erhalten
  • 11:31 --rm-- hat das Abzeichen Kolumnist erhalten
  • 01:00 frankyn hat das Abzeichen Leser erhalten
  • 01:00 thomas19482 hat das Abzeichen Niedergelassen erhalten
  • 01:00 emmanuel-top hat das Abzeichen Niedergelassen erhalten
  • 01:00 quott hat das Abzeichen Niedergelassen erhalten
Anzeigen