zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div-Container mit variablen Parametern positionieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 20.02.2012, 17:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard



Auch wenn du kein Geld damit verdienen willst, musst du CSS lernen, wenn du es anwenden willst.

Ansonsten sag doch deinem Freund einfach, er soll jemanden fragen, der sich damit auskennt.

Geändert von fricca (20.02.2012 um 17:54 Uhr)
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 20.02.2012, 19:03
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 28.01.2011
Beiträge: 338
Webcoder sorgt für eine eindrucksvolle AtmosphäreWebcoder sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo Harley

eigentlich ist für deine Seite so gut wie nichts nötig, jedoch hat dein Programm warum auch immer eine unübersichtliche Div-Suppe produziert. Du positionierst und verschiebst und tust und machst und im Prinzip ist das Ganze überflüssig. Hier mal ein Beispiel wie man deine Seite umsetzen kann/sollte.

HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Musterseite</title>
<style type="text/css">
body {
	text-align:center;
	background-color:#998;
}
#wrapper {
	margin:0 auto;
	text-align:left;
	width:800px;
	background-color:#ffe;
}
#navi {
	list-style:none;
	padding:0;
}
#navi li {
	display:inline;
}
#social {
	background-color:#eee;
}
.artikel {
}
.artikel img {
	float:left;
	padding:10px
	width:50px;
	height:50px;
}
</style>
</head>
<body>
<div id="wrapper">
	<h1>Seitentitel</h1>
	<ul id="navi">
		<li><a href="">Deine Links</a></li>
		<li><a href="">Link 2</a></li>
		<li><a href="">Link ...</a></li>
	</ul>
	<div id="social">
		Dein facebook Zeug.
	</div>
	<div class="artikel">
		<h2>Überschrift Artikel 1</h2>
		<img src="" alt="Bild Artikel 1">
		<p>Dein Text vom ersten Artikel.
		<br><a href="">Link zum Artikel</a></p>
	</div>
	<div class="artikel">
		<h2>Überschrift Artikel 2</h2>
		<img src="" alt="Bild Artikel 1">
		<p>Dein Text vom zweiten Artikel.
		<br><a href="">Link zum Artikel</a></p>
	</div>
	<div class="artikel">
		...
	</div>
</div>
</body>
</html>
Wie gesagt ist es nur ein schematisches Beispiel!
Wenn ich dort jedoch deine Hintergrundgrafiken und ein paar Innen- (padding) und Außenabstände (margin) hinzufüge, sowie ein paar runde Ecken ist es genau deine Seite.

Also überlege dir ob du nicht vielleicht doch mal CSS richtig lernst und die Seite neu aufsetzt.
__________________
Websites erstellen ist ein Hobby von mir.
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 21.02.2012, 12:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2012
Beiträge: 7
Harley befindet sich auf einem aufstrebenden Ast
Standard

Hallo Webcoder, danke für Deine Antwort

Ich habe mir schon, als ich den Quelltext der Site das erste Mal gesehen habe, gedacht, dass ich hier viel Arbeit habe bis das alles mal seine Ordnung hat. Es ist immer schwierig, ein schon vorhandenes Projekt aufzuarbeiten wenn man die notwendigen Kenntnisse oder Programme (Macintosh iWeb) nicht besitzt.
Ich werde sicherlich nicht drum herum kommen, alles mal ganz in Ruhe zu bearbeiten. Dazu muss ich mir wohl Urlaub nehmen denn ich habe jeden Tag 14-18 Stunden in meinem Betrieb zu tun, bevor ich mich um meinen Alltag kümmern darf

Es ist in jedem Fall auf meiner "ToDo-Liste" vermerkt.

Ich habe aber trotzdem zu einer anderen Methode gegriffen, und die Bilder anstatt in ihren eigenen Containern, in die vorhandenen Text-Container zu integrieren. Das war vielleicht nicht die sauberste Lösung, aber immerhin funktioniert es so wie wir es uns vorgestellt haben und ich muss mir erstmal nicht die Nächte um die Ohren schlagen.

HTML-Code:
<div id="hapahaole" style="margin-left: 5px; margin-top: 1px; width: 590px; z-index: 1;" class="style_SkipStroke_3">
              <div class="text-content Normal_External_583_67" style="padding: 0px; ">
                <div class="graphic_textbox_layout_style_default">
                  <p style="padding-bottom: 10pt; padding-top: 5pt; font-size: 12px;" >Fast um die Ecke von Salon Schmidt Schnitt (läppische 25,6km) findet man das Hapa Haole. Neben dem, nach eigener Aussage, besten Burger der Stadt, bietet das Tiki-Diner ein schönes Ambiente im hawaiianischen Stil, untermalt von der Musik der 50er Jahre. Live-Events sorgen für eine tolle Atmosphäre - also ein "special feel-good ambience".   Genial: Man kann sich hier seinen eigenen Burger kreieren, ganz wie es der Gaumen am liebsten mag! Das Team freut sich auf Euren Besuch. Reservierung und Infos unter <a title="http://www.hapa-haole.de" class="class2" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.hapa-haole.de">www.hapa-haole.de</a><a href="http://www.hapa-haole.de" target="_blank"><img src="MySpace_und_Links_files/Hapa_Haole.png" width="243" height="89" style="float:right; margin-right: 15px; margin-top:10px;"  /></a>              </div>
            </div>
           </div>
Ich hab mir Deinen Beispielcode mal abgespeichert.

Nochmals vielen Dank für all Eure Denkanstöße,

LG Harley
Mit Zitat antworten
Antwort

Stichwörter
div container, parameter, position, variabel

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
div container Höhe anpassen funktioniert nicht! hopaba CSS 4 21.02.2010 18:23
DIV container verschachteln und pixelgenau platzieren Yakilo CSS 4 02.02.2010 20:18
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18
Design Float IE6 Problem koknarr CSS 10 05.09.2008 19:05
div container verschachteln blau CSS 2 05.12.2006 20:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:35 Uhr.