Beiträge von qyubert

[COLOR=#003399][FONT=Consolas]Hallo Sailor56,
guten morgen zusammen[/FONT][/COLOR]
[COLOR=#003399][FONT=Consolas]es ist halt so, wenn ich die Seite verkleinere, sei es als Zoom oder sei es, dass ich den Browser "zusammenschiebe" sich die Buttons dann nicht mitverkleinern, sondern eben untereinander anordnen.[/FONT][/COLOR]
[COLOR=#003399][FONT=Consolas]Gibt es vielleicht eine andere Möglichkiet, wie ich vermeiden kann, dass die Blöcke sich beim verkleinern untereinander anordnen? ☹ Z.B dass man im html-Quellcode irgendwo irgendwie das verhindert?

[/FONT][/COLOR]
[COLOR=#003399][FONT=Consolas]Noch eine kurze Frage: ich hatte im ursprünglichen html-Quelltext einen kurzen Befehl drin, der dafür sorgte, dass die Buttons über die Seite auf einer Linie gleich verteilt sind, also von links nach rechts über die ganze Seite (analog in Word als Blocksatz). Momentan ist es so, dass die Buttons nicht bis ganz rechts der Seite gehen, sondern die rechte Seite leer ist, und die Buttons von links bis etwas mehr als die Mitte der Seite reichen.[/FONT][/COLOR]
[COLOR=#003399][FONT=Consolas]Vielen Dank für weitere Hilfen![/FONT][/COLOR]
[COLOR=#003399][FONT=Consolas]Schöne Grüße qyubert[/FONT][/COLOR]

Danke daniegoehr für die rasche Antwort.

Hallo zusammen,
ich habe eine Seite eingerichtet, bei der die Buttons schön aussehen, wenn der Browser-Zoom zwischen 90% und 1005 liegt. Siehe Screenshot:

Aber wenn ich die Seite auf Zoomfaktor 80% reduziere (<90%) ist das Ergebnis, dass die Buttons nicht mehr auf einer Linie sind (sich sozusagen überlappen) bzw. untereinander angeordnet sind. Siehe Screenshot:

Daher würde ich gerne den Zoomfaktor für diese Seite standardmäßig auf 90% einstellen. Könnt Ihr mir sagen, wie das geht? Gibt es dafür einen bestimmten Befehl? Leider bin ich nicht wirklich fündig geworden.

Vielen Dank für Eure freundliche Unterstützung.

Schöne Grüße
qyubert
[COLOR=#003399][FONT=Consolas][/FONT][/COLOR]

Vielen Dank!

Vielen Dank mensmaximus,
sagst Du mir bitte noch; an welcher Stelle meines html-Codes muss ich

[COLOR=#333333]<button class="dropbtn" style="background-color:ff0000">... Paris</button>[/COLOR]
[COLOR=#333333]<button class="dropbtn" style="background-color:ff9900">... Rom</button>[/COLOR]

[COLOR=#333333]
[/COLOR][COLOR=#333333]usw.[/COLOR] eingeben?

Dann probiere ich es nachher gleich aus.

Vielen Dank!

Ok, aber es geht ja jetzt erst mal nicht primär darum, dass der Code an der Stelle nicht funktioniert (auf dem Lifesystem funktioniert es, ich kann aber hier nicht verlinken, weil es ein Intranetseite ist), mir ist nur momentan wichtig, die Dropdown-Menus in unterschiedlichen Farben zu haben...
ich bin auch kein Programmierer oder so. Ich habe nur die Aufgbae bekommen, die Dropdowns auf der Intranetseite an das neue Unternehmenssytyleguide anzupassen. Und da komme ich halt nicht weiter.

Auf dem Screenshot unten sieht man, wie es derzeit aussieht: alle Dropdowns sind blau, sie sollen aber unterschiedliche Farben erhalten.

Hallo Mensmaximus,
weil ich es nicht besser kann. Bin auch nicht glücklich damit, aber es wäre klasse, wenn trotdem geholfen werden könnte....

<ul dir="ltr">   <li dir="ltr"><br /></li> </ul> <table style="border-collapse: collapse; width: 920px; height: 49px;" dir="ltr" border="1">   <tbody>     <tr style="height: 18px;">       <td style="height: 18px; width: 735px; text-align: left; border-color: rgb(255, 255, 255); border-style: solid;" colspan="5"><img src="#" alt="" id="img_307151412291507531632212" lconnresourcetype="attachment" lconnattachedresourcetype="draft" style="width: 1036px; height: 190px;" /></td>     </tr>     <tr style="height: 13px;">       <td style="width: 173px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>       <td style="width: 191px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>       <td style="width: 180px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>       <td style="width: 181px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>       <td style="width: 10px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>       <td style="width: 185px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>     <tr style="height: 18px;">       <td style="height: 18px; border-color: rgb(255, 255, 255); border-style: solid; width: 735px;" colspan="5"><strong><img src="#” alt="" id="img_123648449361507531818868" lconnresourcetype="attachment" lconnattachedresourcetype="draft" /></strong></td>     </tr>   </tbody> </table><br /> <style>   .dropbtn {     background-color: rgb(8, 66, 126);     color: white;     padding: 10px;     border: none;     cursor: pointer;     font-family: Arial, Helvetica, sans-serif;     font-style: normal;     font-size: 18px!important;   }    .dropdown {     position: relative;     display: inline-block;   }    .dropdown-content {     display: none;     position: absolute;     background-color: white;     width: 100%;     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);     z-index: 1;   }    .dropdown-content a {     color: darkcyan!important;     padding: 10px 10px;     text-decoration: none;     display: block;     font-family: Arial, Helvetica, sans-serif;     font-style: normal;     font-size: 14px;   }    .dropdown-content a:hover {     background-color: lightgrey;   }    .dropdown:hover .dropdown-content {     display: block;   }    .dropdown:hover .dropbtn {     color: white;     background-color: rgb(14, 120, 197);   } </style> <div class="dropdown" dir="ltr"><button class="dropbtn"><span style="color: rgb(255, 255, 255);" background-color:="background-color:" rgb="rgb">... London</span></button>   <div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank">Link2</a> <a href="#" target="_blank">Link3</a></div> </div> <div class="dropdown" dir="ltr"><button class="dropbtn">... Paris</button>   <div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" target="_blank"> Link 4</a> <a href="#" target="_blank"> Link 5</a> <a href="#" target="_blank"> Link 6</a></div> </div> <div class="dropdown" dir="ltr"><button class="dropbtn">... Rom</button>   <div class="dropdown-content"><a href="#" target="_blank">Link 1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" target="_blank"> Link 4</a></div> </div> <div class="dropdown" dir="ltr"><button class="dropbtn">... Madrid</button>   <div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" target="_blank"> Link 4</a> <a href="#" target="_blank=&quot;_blank&quot;"> Link 5</a></div> </div> <div class="dropdown" dir="ltr"><button class="dropbtn">Berlin</button>   <div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" _blank="_blank" target="_blank"> Link 4</a> <a href="#" target="_blank"> Link 5</a> <a href="#" target="_blank"> Link 6</a></div> </div> <div class="dropdown" dir="ltr"><button class="dropbtn">Wien</button>   <div class="dropdown-content"><a href="#" target="_blank">Link1.</a> <a href="#" _blank=" target=_blank" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a></div> </div><br /> <table style="border-collapse: collapse; width: 100%; height: 126px;" dir="ltr" border="1">   <tbody>     <tr style="height: 18px;">       <td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>     <tr style="height: 18px;">       <td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>     <tr style="height: 18px;">       <td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>     <tr style="height: 18px;">       <td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>     <tr style="height: 18px;">       <td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>     <tr style="height: 18px;">       <td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>     <tr style="height: 18px;">       <td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>     </tr>   </tbody> </table><br /><br /><br /><br /><br /><br /><br /> <div dir="ltr" align="left-centered">   <marquee direction="left" loop="15" scrollamount="1" scrolldelay="2" behavior="alternate" bgcolor="white" width="93%">     <font size="5" color="red">Latest news</font>   </marquee> </div>

Hallo zusammen,
ich bin absoluter Neuling und arbeite mich gerade durch verschiedene Tutorials durch aber komme bei einem Punkt nicht mehr weiter:

Ich möchte gerne mehrere Dropboxen (6 Stück) entweder nebeneinander oder auf zwei Reihen verteilt 3 Dropboxen nebeneinander anlegen. Zudem soll jede Dropbox eine andere Farbe (in RGB codiert) erhalten:

Das sind die sechs Dropboxen, sie sind derzeit alle blau:

London Paris Rom Madrid Berlin Wien

Ich würde gerne die Dropboxen in unterschiedlichen Farben haben und im zweiten Schritt noch (falls mal weitere Dropboxen dazukommen sollten) die Dropboxen auf zwei Reihen verteilen.

Der HTML-Code lautet bisher so:

<ul dir="ltr">
<li dir="ltr"><br /></li>
</ul>
<table style="border-collapse: collapse; width: 920px; height: 49px;" dir="ltr" border="1">
<tbody>
<tr style="height: 18px;">
<td style="height: 18px; width: 735px; text-align: left; border-color: rgb(255, 255, 255); border-style: solid;" colspan="5"><img src="#" alt="" id="img_307151412291507531632212" lconnresourcetype="attachment" lconnattachedresourcetype="draft" style="width: 1036px; height: 190px;" /></td>
</tr>
<tr style="height: 13px;">
<td style="width: 173px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
<td style="width: 191px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
<td style="width: 180px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
<td style="width: 181px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
<td style="width: 10px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
<td style="width: 185px; height: 13px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px; border-color: rgb(255, 255, 255); border-style: solid; width: 735px;" colspan="5"><strong><img src="#” alt="" id="img_123648449361507531818868" lconnresourcetype="attachment" lconnattachedresourcetype="draft" /></strong></td>
</tr>
</tbody>
</table><br />
<style>
.dropbtn {
background-color: rgb(8, 66, 126);
color: white;
padding: 10px;
border: none;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 18px!important;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: white;
width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}

.dropdown-content a {
color: darkcyan!important;
padding: 10px 10px;
text-decoration: none;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 14px;
}

.dropdown-content a:hover {
background-color: lightgrey;
}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
color: white;
background-color: rgb(14, 120, 197);
}
</style>
<div class="dropdown" dir="ltr"><button class="dropbtn"><span style="color: rgb(255, 255, 255);" background-color:="background-color:" rgb="rgb">... London</span></button>
<div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank">Link2</a> <a href="#" target="_blank">Link3</a></div>
</div>
<div class="dropdown" dir="ltr"><button class="dropbtn">... Paris</button>
<div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" target="_blank"> Link 4</a> <a href="#" target="_blank"> Link 5</a> <a href="#" target="_blank"> Link 6</a></div>
</div>
<div class="dropdown" dir="ltr"><button class="dropbtn">... Rom</button>
<div class="dropdown-content"><a href="#" target="_blank">Link 1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" target="_blank"> Link 4</a></div>
</div>
<div class="dropdown" dir="ltr"><button class="dropbtn">... Madrid</button>
<div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" target="_blank"> Link 4</a> <a href="#" target="_blank=&quot;_blank&quot;"> Link 5</a></div>
</div>
<div class="dropdown" dir="ltr"><button class="dropbtn">Berlin</button>
<div class="dropdown-content"><a href="#" target="_blank">Link1</a> <a href="#" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a> <a href="#" _blank="_blank" target="_blank"> Link 4</a> <a href="#" target="_blank"> Link 5</a> <a href="#" target="_blank"> Link 6</a></div>
</div>
<div class="dropdown" dir="ltr"><button class="dropbtn">Wien</button>
<div class="dropdown-content"><a href="#" target="_blank">Link1.</a> <a href="#" _blank=" target=_blank" target="_blank"> Link 2</a> <a href="#" target="_blank"> Link 3</a></div>
</div><br />
<table style="border-collapse: collapse; width: 100%; height: 126px;" dir="ltr" border="1">
<tbody>
<tr style="height: 18px;">
<td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
<tr style="height: 18px;">
<td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
<tr style="height: 18px;">
<td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
<tr style="height: 18px;">
<td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
<tr style="height: 18px;">
<td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
<tr style="height: 18px;">
<td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
<tr style="height: 18px;">
<td style="width: 100%; height: 18px; border-color: rgb(255, 255, 255); border-style: solid;"><br /></td>
</tr>
</tbody>
</table><br /><br /><br /><br /><br /><br /><br />
<div dir="ltr" align="left-centered">
<marquee direction="left" loop="15" scrollamount="1" scrolldelay="2" behavior="alternate" bgcolor="white" width="93%">
<font size="5" color="red">Latest news</font>
</marquee>
</div>

Vielen Dank für Eure freundliche Hilfe.

Schöne Grüße
qyubert

Hallo zusammen,ich bin absoluter Neuling und arbeite mich gerade durch verschiedene Tutorials durch aber komme bei einem Punkt nicht mehr weiter:Ich möchte gerne mehrere Dropboxen (6 Stück) entweder nebeneinander oder auf zwei Reihen verteilt 3 Dropboxen nebeneinander anlegen. Zudem soll jede Dropbox eine andere Farbe (in RGB codiert) erhalten:Das sind die sechs Dropboxen, sie sind derzeit alle blau:London Paris Rom Madrid Berlin WienIch würde gerne die Dropboxen in unterschiedlichen Farben haben und im zweiten Schritt noch (falls mal weitere Dropboxen dazukommen sollten) die Dropboxen auf zwei Reihen verteilen.Der HTML-Code lautet bisher so:

[TABLE="width: 920"]

[TD="colspan: 5, align: left"][Blockierte Grafik: http://forum.wpde.org/][/TD]

[TD="colspan: 5"][Blockierte Grafik: http://forum.wpde.org/#%E2%80%9D%20alt=][/TD]

[/TABLE][COLOR=#FFFFFF]... London[/COLOR] Link1 Link2 Link3... Paris Link1 Link 2 Link 3 Link 4 Link 5 Link 6... Rom Link 1 Link 2 Link 3 Link 4... Madrid Link1 Link 2 Link 3 Link 4 Link 5Berlin Link1 Link 2 Link 3 Link 4 Link 5 Link 6Wien Link1. Link 2 Link 3[TABLE="width: 100%"]

[/TABLE][size=18][COLOR=red]Latest news[/COLOR][/SIZE] Es wäre echt klasse, wenn Ihr mir hier weiterhelfen könntet.Vielen Dank!Schöne Grüßeqyubert