Beiträge von aLive667

Ich hab einen DIV-Container.
Diesen wollte ich für den PC mit hover und für das Smartphone mit OnClick ein Fester anzeigen lassen.
Sprich ein weiteres DIV.

.entry {
	border: 1px solid black;
	padding: 2px;
	position: absolute;
	overflow: hidden;
	display: inline-block;
	float: right;
	left: 90px;
    z-index: 2;	
}

<ul class="entry" style="background-color:#B6E1F6;width:90px;height:1320px;left:180px;top:124px";/>
<li>
2010/09 - 2016/02
<br />
<b>Berufliche Weiterbildung</b>
</li>
</ul>

jetzt wollte ich, wenn man auf diesen ul container Klickt am Smartphone das Fenster anzeigen lassen. ALternativ noch am PC reicht wenn man mit der Maus drüberfährt.

Wie wäre da ein Lösungsansatz?

lg Thorsten

Link
Ich wollte euch das mal zeigen wie es aktuell aussieht.

MrMurphy hatte ja super Beispiele gezeigt!

Zitat

Nachtrag: Ich habe in der Beispieldatei noch eine Möglichkeit zum Auf- und Zuklappen hinzugefügt, die auch auf Touchscreens funktioniert. Natürlich nur mit CSS.

genau das fand ich am besten, habe ich aber nicht hinbekommen mit seinem Code

Auf der oben genannten seite sind alle Informationen enthalten wie auf "Lebenslauf tabellarisch"

Nun wollte ich, wenn man die Felder anklickt ein Fenster erscheint mit allen Informationen
alternativ würde auch ein hover gehen für computer, aber wegen der "touchscreens" finde ich Murphys Idee sehr gut.

Könnt ihr mir da nochmal helfen? Ich hab derzeit Semesterferien und daher wollte ich das jetzzt angreifen!

eigentlich sollte es c) sein jedoch scheint mir d) besser gelöst.

jedoch muss ich sagen, dass ich derzeit noch nicht alles verstehe was da declariert wurde.

gut ich versuch es dir nochmal ausführlicher darzustellen, auch wenn manche Informationen hier GAR NICHTS zum CSS Problem beitragen.

Ich studiere, bin angestellt und bin selbstständig - mittlerweile bin ich in der Industrie 13 Jahre tätig und habe sehr viele Kunden über mein Gewerbe. Die Homepage ist einfach nur die ausführliche Darstellung meiner Person und meiner Tätigkeiten in Forum von einemn Lebenslauf.

Beim Aufbau im Navigationsmenu unter Privat gibt es "Grafischer Lebenslauf" und "Tabellearischer Lebenslauf" und beide greifen auf eine Datenbank zu. Über eine weitere Schnittstelle lässt sich aus dieser Datenbank auch eine passende pdf als Lebenslauf erzeugen!
Sprich dadurch, dass alles auf die eine Datenbank zugreift sind keine inkonstistente Daten zu erwarten.

Alle Informationen sind im tabellearischen als auch grafischen Lebenslauf enthalten. Die Anfragen sind neben private Personen, Firmen für einzelne Projekte auch Firmen, welche sich um eine Festanstellung bemühen.
Bei mir ändert sich im Lebenslauf alle Wochen etwas, da ich auch ehrenamtlich tätig bin oder eben Projekte in Unternehmen als externer Berater über Wochen/Monate betreue.

Ich weiß zwar nicht was das mit meinem CSS problem zu tun hat, aber damit sollten deine Fragen beantwortet sein.

Lange rede kurzer Sinn. Ich hab eine Klasse .entry , welche mit <ul> eingebundet wird. Dabei will ich einfach, wenn ich über dieses <ul class="entry"> mit der Maus bin ein Fenster aufgeht, ohne dass ich Java Script nutze.

ich versteh was du meinst und genau aus diesem Grund greife ich auf eine Datenbank zu. Wobei ich einen tabellarischen Lebenslauf als auch diesen grafischen Lebenslauf ausgeben kann. Das kann selbst vom Nutzer bestimmt werden.
Bisher fanden Privatpersonen als auch Unternehmen die Idee genial, da beispielsweise bei Xing die Übersichtlichkeit auf den ersten Blick fehlt WANN es den war. So sieht man genau parallel in welchem Jahr etwas stattgefunden hat.

Dass ich aussortiert werde halte ich dennoch für unwahrscheinlich, da ich im Schnitt 5 bis 15 Anfragen im Monat von Unternehmen habe. Liegt aber am Bekanntheitsgrad in zwei bestimmten Branchen.

Wie bereits gesagt gibt es zur Auswahl einen tabellarischen und diesen grafischen Lebenslauf. Und deine Aussagen mit dem Touchscreen ist mir selbst bekannt, diese können problemlos den tabellarischen Lebenslauf aufrufen.
Das mit den Ladezeiten liegt eher daran, dass ich bisher nur mal einen Prototypen programmiert habe. Da sind sicherlich noch 2-3 Fehler drin, welche die Zeit optimieren können.

Der Lebenslauf für Unternehmen (online Bewerbung, Bewerbung) sieht anders aus und ist tabellarisch. Aber ich merk schon, dass hier irgendwie nichts bei rum kommt und die Hilfe irgendwie mager ist.

ich hab ja oben geschrieben, dass der html code per php erzeugt wird (siehe erster post). Muss da auch nochmal schauen.

der code rund um #navi bezieht sich ausschließlich auf das navigationsmenu welches schon bereits vollständig implementiert ist.
diese methode mit dem "hover" will ich jetzt auf meinen grafischen lebenslauf anwenden.

nun erzeuge ich mit dem code einen grafischen eintrag im grafischen lebenslauf. ich will nun, wenn ich darüber bin mit der maus einen hoverfester, wo alle daten angezeigt werden zu dem hover.
Der Grund liegt daran, dass Einträge mit nur einem oder wenigen Monaten ausschließlich das Datum anzeigen und evtl noch "schulische Ausbildung". Die restlichen Informationen gehen verloren.
Durch den Hover will ich erwirken, dass definitiv alle Informationen aufrufbar sind.

Zitat von Sempervivum

Wenn es um das Layout geht, wäre es besser, das generierte HTML zu sehen an Stelle des PHP. Wenn die Seite online ist, dann poste doch Mal die URL.

<ul class="entry" style="background-color:#57f6d6;width:160px;height:460px;left:90px;top:1630px";/><li>2008/09 - 2010/07<br /><b>Schulische Ausbildung</b><br /><br />Elektrotechniker - Fachrichtung: Betriebs- und Automatisierungstechnik<br /><u>Abschluss</u>: <b>Fachhochschulreife </b><br /><br /><li><a target="_blank" href="http://www.berufsschule1ab.de/index.html">Städtische Fachschule für Elektrotechnik in Aschaffenburg</a></li></li></ul>

sieht doof aus da es in eine Zeile gehauen wird :-/

<ul class="entry" style="background-color:#57f6d6;width:160px;height:460px;left:90px;top:1630px";/>
<li>2008/09 - 2010/07<br />
<b>Schulische Ausbildung</b><br /><br />
Elektrotechniker - Fachrichtung: Betriebs- und Automatisierungstechnik<br />
<u>Abschluss</u>: <b>Fachhochschulreife </b><br /><br />
<li><a target="_blank" href="http://www.berufsschule1ab.de/index.html">Städtische Fachschule für Elektrotechnik in Aschaffenburg</a>
</li></li></ul>

hier vielleicht ein wenig übersichtlicher.
aktuell tu ich mir echt schwer bzw bekomm es nicht so hin
das hover Fenster was geöffnet wird soll die selben Informationen erhalten. Wie bereits gesagt ist es eben ein wenig Buggy, wenn man nur wenige Monate hat.

lg Thorsten

Hey ho,

ich bastel aktuell an einer privaten Homepage und hab meinen Lebenslauf "grafisch" über CSS formatiert.
Da bin ich schon sehr stolz drauf, da es mich viel Nerven gekostet hat.
Die Ladezeit lass ich noch von meinen Bruder (Informatiker) überprüfen und optimieren.

Aber es geht nun um das Layout und ich will dabei hover mit reinbringen. Ich wollte ähnlich wie diese CSS Hover Menüs dies machen.

.entry {
	border: 1px solid black;
	padding: 2px;
	position: absolute;
	overflow: hidden;
	display: block;
	float: right;
	left: 90px;
    z-index: 2;	
}

echo "<ul class="entry" style="background-color:#".$bg.";width:".$width."px;height:".$height."px;left:".$left."px;top:".$top."px";/>";
					echo "<li>";
					if ($lbl_data[start] != $lbl_data[end]) {
						if (empty($lbl_data[end])) {
							echo "seit ".$lbl_data[start];
						} else {
							echo $lbl_data[start].' - '.$lbl_data[end];
						}
					} else {
						echo $lbl_data[start];
					}
					echo "<br />";
					echo "<b>".utf8_encode($lbl_data[kind])."</b>";
					if (!empty($lbl_data[subkind])) {
						echo "<br />";
						echo utf8_encode($lbl_data[subkind]);
					}
					echo "<br /><br />";
					echo utf8_encode($lbl_data[title]);
					if (!empty($lbl_data[graduation])) {
						echo "<br />";
						echo "<u>Abschluss</u>: <b>".utf8_encode($lbl_data[graduation])."</b>";	
					}
					echo "<br /><br />";
						echo "<li><a target="_blank" href="".$lbl_data[homepage]."">".utf8_encode($lbl_data[place])."</a>";
						echo "</li>";
					echo "</li>";
				echo "</ul>";

Als Ausgabe kommt das entsprechend raus!

Zitat

2008/09 - 2010/07
Schulische Ausbildung

Elektrotechniker - Fachrichtung: Betriebs- und Automatisierungstechnik
Abschluss: Fachhochschulreife

Städtische Fachschule für Elektrotechnik in Aschaffenburg

Wenn nun eine Aktivität nur wenige Wochen/Monate geht werden nur die ersten Zeilen angezeigt und das ist nicht praktisch.
Ich will wenn ich über diesem ganzen "entry" block bin, dass sich ein Fenster z.b. mit 500x500 pixeln öffnet wo diese Daten alle abbildet.

Ich hab zahlreiche dinge probiert und bekomm es einfach nicht hin egal was ich mache

Als Navigationsleiste hab ich folgeden code benutzt und angepasst.

#navi {
	height: 42px;
	background-color: #57C2F6;
	border-bottom: 5px solid #0195DD;
}




#navi:after {
   content:"";
   display:table;
   clear:both;
}




#navi ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
}




#navi ul li {
    margin: 0 -7px 0px 0;
	margin-left: 20px;
    display:inline-block;
    background-color:#57C2F6;
}




#navi ul li a {
    line-height: 42px;
    display:block;
    padding:0 15px;
}




#navi ul li a:hover {
    background-color: #0195DD;
    z-index:1;
}




#navi ul ul {
	border-top: 5px solid #0195DD;
    display: none;
    position: absolute;
}




#navi ul li:hover > ul {
	margin-left: -20px;
    display:inherit;
    z-index:100;
}




#navi ul ul li {
    min-width:200px;
    float:none;
    display:list-item;
    position: relative;
}

Das hab ich aber nicht hinbekommen darauf anzupassen.
Wäre echt schön, wenn mir jemand helfen könnte.

Liebe Grüße
Thorsten