Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.12.2012 um 07:35 (UTC)    
Titel: Rechte Werbung links

Hallo, auf meine Seite http://www.designandcode.de.tl
habe ich die rechten Boxen links.
Nun ist die Werbungrechts vor den Navigation.
Weis nemand wie man die Werbung links
kricht. So das die Werbung in eine linke Box komt.
Design: CSS
______________
Homepage Kritik:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=139120&highlight=
Beitrag02.12.2012 um 21:48 (UTC)    
Titel:

Mit CSS kannst du die Divs positionieren:

Beispiel:

#werbung_div_name{
position: absolute;
left: 50%;
margin-left: 200px;
top: 200px;
}
______________
Kennst du schon Netzware?
Beitrag07.12.2012 um 19:49 (UTC)    
Titel:

netzware hat Folgendes geschrieben:
Mit CSS kannst du die Divs positionieren:

Beispiel:

#werbung_div_name{
position: absolute;
left: 50%;
margin-left: 200px;
top: 200px;
}

Hat nicht gecklapt.
Beitrag07.12.2012 um 19:58 (UTC)    
Titel:

designandcode hat Folgendes geschrieben:
Hat nicht gecklapt.

Wenn du das genau so da einfügst, natürlich nicht.
Das war ein Code-Beispiel, das du erst anpassen musst:
netzware hat Folgendes geschrieben:
#werbung_div_name{
position: absolute;
left: 50%;
margin-left: 200px;
top: 200px;
}

Das rot markierte musst du mit der ID der Werbung ersetzen.

Der Sky-Banner hat die ID #webme_sky_ad
Der Textlink hat die ID #webme_footer_textlink_dont_hide
Die Werbung über dem Design kannst du über table[height="102"] ansprechen (hier kein blaues Doppelkreuz, Werbung darf nur horizontal verschoben werden!)

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 07.12.2012, 20:59, insgesamt einmal bearbeitet
Beitrag14.12.2012 um 19:10 (UTC)    
Titel:

transint hat Folgendes geschrieben:
designandcode hat Folgendes geschrieben:
Hat nicht gecklapt.

Wenn du das genau so da einfügst, natürlich nicht.
Das war ein Code-Beispiel, das du erst anpassen musst:
netzware hat Folgendes geschrieben:
#werbung_div_name{
position: absolute;
left: 50%;
margin-left: 200px;
top: 200px;
}

Das rot markierte musst du mit der ID der Werbung ersetzen.

Der Sky-Banner hat die ID #webme_sky_ad
Der Textlink hat die ID #webme_footer_textlink_dont_hide
Die Werbung über dem Design kannst du über table[height="102"] ansprechen (hier kein blaues Doppelkreuz, Werbung darf nur horizontal verschoben werden!)

Gruß,

TransInt


Aber wie kriegt man nun die Werbung in die rechte Box?
Beitrag14.12.2012 um 19:50 (UTC)    
Titel:

designandcode hat Folgendes geschrieben:
Aber wie kriegt man nun die Werbung in die rechte Box?

Gar nicht. Zumindest nicht so, wie du dir das vorstellst.
Im CSS-Design sitzt die Werbung nunmal neben dem Design. Du kannst mit dem Code aber theoretisch die Werbung beliebig platzieren.

Die Werbung auch vom Code her in die rechte Box zu bekommen, ist nicht* möglich.

Gruß,

TransInt

* Mit JavaScript bestimmt schon, allerdings weiß ich nicht, ob das bei Werbung auch funktioniert, da die ja extern geladen wird.
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag15.12.2012 um 00:22 (UTC)    
Titel:

Hallo,

transint hat Folgendes geschrieben:
Du kannst mit dem Code aber theoretisch die Werbung beliebig platzieren.

beliebig platzieren schon, die Frage ist nur, ob sie je nach Besucher nicht den Inhalt der Seite verdeckt und ich bin mir ziemlich sicher, das tut sie bei 90% der CSS-Design Nutzer bei mindestens 1/5 bis 1/3 aller potenziellen Besucher.
Ich habe es schon oft gesagt, wenn man etwas absolute zum Viewport positioniert, wandert das etwas, je nach Bildschirmauflösung (1024 x 768 ist mit knapp 36% immer noch am weitesten verbreitet und selbst 800 x 600 wird noch von 2,5% der Leute genutzt. Bei letzterem könnte man zwar sagen, das kann man vernachlässigen - für mich würde ich das auch -, aus eigener Erfahrung weiss ich aber, gerade ältere haben zum Teil noch sehr alte Hardware da sie sagen, die reicht ihnen vollkommen aus. U.U. können die 2,5% daher 100% der Besucher ausmachen, weshalb man das vernachlässigen nicht pauschal sagen kann![1]) und/oder Bildschirmgröße und/oder Bildschirmformat (34% der Leute nutzen noch das gute alte 4:3 Format[2]) und/oder Größe des Viewports (maximiert?, Fullscreen?, installierte Toolbars und Extensions, Position der Toolbars und Extensions - links, rechts, oben, unten -, Größe der Toolbars und Extensions ...) und/oder Userstylesheet (Es soll Leute geben, die z.B. die Schriftgröße oder auch andere Sachen für sämtliche Seiten generell anpassen), ... , über den Bildschirm. Man kann das ganz einfach testen, indem man sein Browserfenster verkleinert und ein bisschen damit spielt.
Da ich oft mit der VM unterwegs bin, gleichzeitig aber noch etliche andere Sachen offen habe und die VM daher bei weitem nicht maximiert ist, fällt mir das bei nahezu jedem CSS-Design Nutzer auf. Ich sehe kaum eine Seite, bei der nicht irgendwas durch die Werbung verdeckt wird. Ich kann jedem daher nur empfehlen die Werbung fest ins Html des Designs einzubauen.

Das versetzen per Javascript ist kein Problem (Text unter dem Design):
Zitat:
<script type="text/javascript">
function add2rb(){var a=document.getElementById('sidebar_content'),b=document.getElementById('webme_sky_ad');
a.firstChild?a.insertBefore(b,a.firstChild):a.appendChild(b);}
window.addEventListener?addEventListener("load", add2rb, false):attachEvent("onload", add2rb);
</script>

Da ich nicht genau weiss, wo die Werbung jetzt eigentlich hin soll, habe ich sie in das div-Element mit der Id sidebar_content eingefügt. Soll sie woanders hin, einfach das rote entsprechend ersetzen. Ich weiss, das ist rechts und nicht links, links sehe ich aber die Navi und keine Boxen, welche ich rechts sehe.

Allerdings muss das CSS noch resetet werden:
Zitat:
#webme_sky_ad{
position:static;
right:0;
top:0;
}




[1] http://www.webhits.de/deutsch/index.shtml?webstats.html
[2] http://www.o-solutions.de/~Unternehmen/News-PermaLink:tM.F04!sM.NI41!Article.954700.asp
Zahlen ohne Quelle wurden von mir auf Grundlage der nachgewiesenen Zahlen und meiner Erfahrungen geschätzt.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 15.12.2012, 10:01, insgesamt 9-mal bearbeitet
Beitrag15.12.2012 um 16:14 (UTC)    
Titel:

Bewegt sich nicht von der Stelle.
Beitrag15.12.2012 um 16:46 (UTC)    
Titel:

designandcode hat Folgendes geschrieben:
Bewegt sich nicht von der Stelle.

Schade. Rolling Eyes
Beim nächsten mal, wenn du hier als Antwort einfach nur funktioniert nicht schreibst, mache ich zu.

a) Muss das Element natürlich existieren Rolling Eyes
b) Sollst du nur das einfügen, was man dir sagt Rolling Eyes
und c) Hast du hinter:
Zitat:
pre.codebox { width: 400px; height: 80px; font-family: arial; font-size: 11px; display: block; padding: 10px; background-color: #FFFFB2; border: 1px solid #c9c9c9; overflow: auto; }&nbsp;

das rote eingegeben.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 15.12.2012, 17:46, insgesamt einmal bearbeitet
Beitrag19.12.2012 um 14:52 (UTC)    
Titel:

Also ich habe jetzt bei Text über den Design das eingefügt:
Code:
#webme_sky_ad{
position:static;
right:0;
top:0;
}

Und bei Text unter den Design das:
Code:


function add2rb(){var a=document.getElementById('sidebar_content'),b=document.getElementById('#webme_sky_ad');
a.firstChild?a.insertBefore(b,a.firstChild):a.appendChild(b);}
window.addEventListener?addEventListener("load", add2rb, false):attachEvent("onload", add2rb);


Aber trotzdem geht das nicht.
Kennt nemand eine andere Lösung?
Beitrag19.12.2012 um 15:09 (UTC)    
Titel:

a hast du behoben.
b hast du erst zu 50% behoben
c hast du ignoriert.

Ich würde sagen, neuer Versuch. Eine andere Möglichkeit gibt es nicht.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag19.12.2012 um 20:49 (UTC)    
Titel:

Text unter dem Design:
Code:
 <script type="text/javascript">
function add2rb(){var a=document.getElementById('sidebar_content'),b=document.getElementById('webme_sky_ad'); 
a.firstChild?a.insertBefore(b,a.firstChild):a.appendChild(b);} 
window.addEventListener?addEventListener("load", add2rb, false):attachEvent("onload", add2rb); 
</script>

CSS ohne Style Tags:
Code:
pre.codebox { width: 400px; height: 80px; font-family: arial; font-size: 11px; display: block; padding: 10px; background-color: #FFFFB2; border: 1px solid #c9c9c9; overflow: auto; }&nbsp;


 #webme_sky_ad{
position:static;
right:0;
top:0;
}


Ich habe die Stellen bearbeitet:
Code:
pre.codebox { width: 400px; height: 80px; font-family: arial; font-size: 11px; display: block; padding: 10px; background-color: #FFFFB2; border: 1px solid #c9c9c9; overflow: auto; }&nbsp;

ElementById('webme_sky_ad'); 





Ist das so richtig.


Zuletzt bearbeitet von designandcode am 19.12.2012, 21:52, insgesamt einmal bearbeitet
Beitrag19.12.2012 um 23:18 (UTC)    
Titel:

designandcode hat Folgendes geschrieben:
Ist das so richtig.

Das kannst du ganz einfach prüfen, indem du schaust, ob es funktioniert. Wink

a und b sind erledigt, c hast du aber wieder ignoriert (Ich dachte eigentlich das wäre das einfachste, da du ja nur etwas löschen musst und ich hatte es dir auch noch rot markiert). Zusätzlich hast du jetzt einen neuen Fehler eingebaut (e), d steht zum Glück nur hier im Forum und nicht auf deiner Seite:
designandcode hat Folgendes geschrieben:
CSS ohne Style Tags:
Zitat:
pre.codebox { width: 400px; height: 80px; font-family: arial; font-size: 11px; display: block; padding: 10px; background-color: #FFFFB2; border: 1px solid #c9c9c9; overflow: auto; }&nbsp;

#webme_sky_ad{
position:static;
right:0;
top:0;
}

ElementById('webme_sky_ad'); 





Ich bin c
Ich stehe da nicht wirklich, was auch richtig ist. (Mein Name ist d)
Mich hast du aber vergessen, ich stehe nur hier im Forum. (Du darfst mich e nennen.)
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 20.12.2012, 00:20, insgesamt 3-mal bearbeitet
Beitrag20.12.2012 um 06:26 (UTC)    
Titel:

Es hat geklappt.
Es lag an diesen :
Code:
/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
Beitrag20.12.2012 um 16:55 (UTC)    
Titel:

designandcode hat Folgendes geschrieben:
Es lag an diesen :
Code:
/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}

Was erzählst du für einen Quatsch? Was soll den bitte der ausgeblendete Counter, ein paar ausgeblendete Elemente im Header und ein ausgeblendetes Element unter deinem Content mit der Werbung oder der Sidebar zu tun haben? Syntaxfehler sind auch keine drin. Komischerweise hast du obige Fehler ausgebessert. Rolling Eyes

Sowas undankbares, da werde ich mir das nächste mal, zweimal überlegen, ob ich dir nochmal helfe.

Was ich mich gerade frage, warum möchte jemand, der offensichtlich nichts davon versteht anderen beim erstellen ihres CSS-Design helfen?

Wie auch immer, danke für die Rückmeldung. Rolling Eyes

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de