Ich bin sehr neu und habe versucht den ganzen Tag herauszufinden, und unabhängig davon, wie viele Artikel ich gelesen habe, kann ich immer noch nicht herausfinden, wie man das bekommt arbeiten.Erstellen mehrerer Spalten mit HTML
Ich möchte diese gelisteten Informationen mit 4 an der Spitze und 3 an der Unterseite, die ich glaube, dass ich mit Spalten tun kann. Ich habe zwei verschiedene Möglichkeiten gelesen, dies zu tun.
Der erste Weg, ich kann sie alle in der gleichen Zeile, aber kann nicht scheinen, um die letzten 3 Listen in eine zweite Zeile zu bekommen. Ich dachte, das Einfügen eines Tags
würde funktionieren, aber es nicht.
Dies ist übrigens in Wordpress, in einem Tab-Element. Screenshot- [testtab] [1]
<table cellpadding="0">
<tbody>
<tr>
<td width="335">
<strong>Brunch/Lunch/Cafes:</strong><br>
<a href="http://www.ouioui.com.ar/" target="_blank">1. Oui Oui</a><br>
<a href="http://www.mooirestaurant.com.ar/" target="_blank">2. Möoi</a><br>
<a href="http://www.brandonrestaurant.com/" target="_blank">3. Brandon</a><br>
<a href="http://pani.com.ar/" target="_blank">4. Pani</a><br>
<a href="http://www.lapanerarosa.com.ar/" target="_blank">5. La Panera Rosa</a><br>
</td>
<td width="335">
<strong>Quick Eats:</strong><br>
<a href="https://www.yelp.com/biz/fitz-roll-buenos-aires" target="_blank">1. Fitz Roll</a><br>
<a href="http://perez-h.com/" target="_blank">2. Perez H</a><br>
<a href="http://www.lafabricadeltaco.com/" target="_blank">3. La Fábrica del Taco</a><br>
<a href="http://www.romario.com.ar/" target="_blank">4. Romario</a><br>
<a href="https://www.facebook.com/JuiceUpBaires/" target="_blank">5. Juice Up</a><br>
</td>
<td width="335">
<strong>Dinner:</strong><br>
<a href="https://www.yelp.com/biz/sarkis-buenos-aires-2" target="_blank">1. Sarkis</a><br>
<a href="http://lacabrera.com.ar/" target="_blank">2. La Cabrera</a><br>
<a href="http://www.osaka.com.pe/" target="_blank">3. Osaka</a><br>
<a href="http://www.sipanrestaurants.com/" target="_blank">4. Sipan</a><br>
<a href="http://www.properbsas.com.ar/" target="_blank">5. Proper</a><br>
<a href="http://www.tacobox.com.ar/" target="_blank">6. Taco Box</a><br>
</td>
<td width="335">
<strong>Bars/Clubs:</strong><br>
<a href="http://rosebar.com.ar/" target="_blank">1. RoseBar</a><br>
<a href="http://nicetoclub.com/" target="_blank">2. Niceto Club</a><br>
<a href="https://www.facebook.com/SheldonPub" target="_blank">3. Bar Sheldon</a><br>
<a href="http://www.isabelbar.com/" target="_blank">4. Bar Isabel</a><br>
<a href="https://www.facebook.com/M-Salumer%C3%ADa-Enoteca-Bar-de-Vini-Almacen-846143498743275/" target="_blank">5. M Salumeria</a><br>
</td>
<td width="335">
<strong> Closed Door/Speakeasy Bars:</strong><br>
<a href="http://victoriabrownbar.com/" target="_blank">1. Victoria Brown</a><br>
<a href="http://www.bradleyltdbar.com/" target="_blank">2. Bradley Bar</a><br>
<a href="http://www.floreriaatlantico.com.ar/" target="_blank">3. Florería Atlántico</a><br>
<a href="http://www.nicky-harrison.com/" target="_blank">4. Nicky Harrison</a> <font size=2>(Must have dinner reservation first at Nicky NY Sushi)</font><br>
<a href="http://www.878bar.com.ar/" target="_blank">5. Bar 878</a><br>
<a href="http://vernecocktailclub.com/" target="_blank">6. Verne Club</a><br>
</td>
<td width="335">
<strong>Fitness:</strong><br>
<a href="http://www.alwaysgym.com.ar/" target="_blank">1. Always Club</a><br>
<a href="http://sparringcenter.com.ar/" target="_blank">2. Sparring Center</a><br>
<a href="https://www.rockcycle.com.ar/" target="_blank">3. RockCycle</a><br>
<a href="http://www.buenaondayoga.net/" target="_blank">4. Buena Onda Yoga</a><br>
<a href="http://www.omniafc.com.ar/" target="_blank">5. Omni Gym</a><br>
</td>
<td width="335">
<strong>Shopping:</strong><br>
<a href="http://www.distritoarcos.com/" target="_blank">1. Distrito Arcos</a><br>
<a href="http://elsolarshopping.com.ar/" target="_blank">2. El Solar Shopping</a><br>
<a href="http://www.editormarket.com.ar/" target="_blank">3. Editor Market</a><br>
<a href="https://www.google.com.ar/maps/place/Mercado+de+San+Telmo/@-34.619431,-58.3727404,15z/data=!4m5!3m4!1s0x0:0x214afd0cc89733cf!8m2!3d-34.619431!4d-58.3727404" target="_blank">4. San Telmo Market</a> <font size="2">(Only Sundays)</font><br>
<a href="http://www.calmachicha.com/shop/en/" target="_blank">5. Calma Chica</a><br>
</td>
</tr>
</tbody>
</table>
Ich fand auch einen zweiten Weg, dies zu tun, die ich etwas in der Lage sind nun zwei Reihen zu bekommen, aber sie sind alle Mitte aus und auch gibt es eine seltsame Box oben nach oben schneiden Dinge weg. Screenshot- [Test2] [2]
<div style="width:24%;padding:0 10px 0 0;float:left;">
<strong>Brunch/Lunch/Cafes:</strong><br>
<a href="http://www.ouioui.com.ar/" target="_blank">1. Oui Oui</a><br>
<a href="http://www.mooirestaurant.com.ar/" target="_blank">2. Möoi</a><br>
<a href="http://www.brandonrestaurant.com/" target="_blank">3. Brandon</a><br>
<a href="http://pani.com.ar/" target="_blank">4. Pani</a><br>
<a href="http://www.lapanerarosa.com.ar/" target="_blank">5. La Panera Rosa</a></div>
<div style="width:20%;padding:0 10px 0 0;float:left;">
<strong>Quick Eats:</strong><br>
<a href="https://www.yelp.com/biz/fitz-roll-buenos-aires" target="_blank">1. Fitz Roll</a><br>
<a href="http://perez-h.com/" target="_blank">2. Perez H</a><br>
<a href="http://www.lafabricadeltaco.com/" target="_blank">3. La Fábrica del Taco</a><br>
<a href="http://www.romario.com.ar/" target="_blank">4. Romario</a><br>
<a href="https://www.facebook.com/JuiceUpBaires/" target="_blank">5. Juice Up</a><br></div>
<div style="width:20%;padding:0 10px 0 0;float:left;">
<strong>Dinner:</strong><br>
<a href="https://www.yelp.com/biz/sarkis-buenos-aires-2" target="_blank">1. Sarkis</a><br>
<a href="http://lacabrera.com.ar/" target="_blank">2. La Cabrera</a><br>
<a href="http://www.osaka.com.pe/" target="_blank">3. Osaka</a><br>
<a href="http://www.sipanrestaurants.com/" target="_blank">4. Sipan</a><br>
<a href="http://www.properbsas.com.ar/" target="_blank">5. Proper</a><br>
<a href="http://www.tacobox.com.ar/" target="_blank">6. Taco Box</a><br></div>
<div style="width:20%;padding:0 10px 0 0;float:left;">
<br>
<strong>Bars/Clubs:</strong><br>
<a href="http://rosebar.com.ar/" target="_blank">1. RoseBar</a><br>
<a href="http://nicetoclub.com/" target="_blank">2. Niceto Club</a><br>
<a href="https://www.facebook.com/SheldonPub" target="_blank">3. Bar Sheldon</a><br>
<a href="http://www.isabelbar.com/" target="_blank">4. Bar Isabel</a><br>
<a href="https://www.facebook.com/M-Salumer%C3%ADa-Enoteca-Bar-de-Vini-Almacen-846143498743275/" target="_blank">5. M Salumeria</a></div>
<div style="width:25%;padding:0 10px 0 0;float:left;">
<strong> Closed Door/Speakeasy Bars:</strong><br>
<a href="http://victoriabrownbar.com/" target="_blank">1. Victoria Brown</a><br>
<a href="http://www.bradleyltdbar.com/" target="_blank">2. Bradley Bar</a><br>
<a href="http://www.floreriaatlantico.com.ar/" target="_blank">3. Florería Atlántico</a><br>
<a href="http://www.nicky-harrison.com/" target="_blank">4. Nicky Harrison</a> <font size=2>(Must have dinner reservation first at Nicky NY Sushi)</font><br>
<a href="http://www.878bar.com.ar/" target="_blank">5. Bar 878</a><br>
<a href="http://vernecocktailclub.com/" target="_blank">6. Verne Club</a></div>
<div style="width:20%;padding:0 10px 0 0;float:left;">
<strong>Fitness:</strong><br>
<a href="http://www.alwaysgym.com.ar/" target="_blank">1. Always Club</a><br>
<a href="http://sparringcenter.com.ar/" target="_blank">2. Sparring Center</a><br>
<a href="https://www.rockcycle.com.ar/" target="_blank">3. RockCycle</a><br>
<a href="http://www.buenaondayoga.net/" target="_blank">4. Buena Onda Yoga</a><br>
<a href="http://www.omniafc.com.ar/" target="_blank">5. Omni Gym</a></div>
<div style="width:20%;padding:0 10px 0 0;float:left;">
<strong>Shopping:</strong><br>
<a href="http://www.distritoarcos.com/" target="_blank">1. Distrito Arcos</a><br>
<a href="http://elsolarshopping.com.ar/" target="_blank">2. El Solar Shopping</a><br>
<a href="http://www.editormarket.com.ar/" target="_blank">3. Editor Market</a><br>
<a href="https://www.google.com.ar/maps/place/Mercado+de+San+Telmo/@-34.619431,-58.3727404,15z/data=!4m5!3m4!1s0x0:0x214afd0cc89733cf!8m2!3d-34.619431!4d-58.3727404" target="_blank">4. San Telmo Market</a> <font size="2">(Only Sundays)</font><br>
<a href="http://www.calmachicha.com/shop/en/" target="_blank">5. Calma Chica</a></div>
<div style=”clear:both;”></div>
Alle hier Hilfe wäre sehr dankbar, danke!
Ich würde empfehlen, in Listen zu suchen, um die Links in eine organisierte Struktur zuerst zu sammeln, da die meisten HTML im Grunde Chaos ist. – Jhecht
Bitte geben Sie Ihr CSS an. Auch das 'font'-Tag ist veraltet, bitte verwenden Sie stattdessen CSS https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font – haxxxton
@haxxxton entfernt, danke. Ich benutze Wordpress, bin mir also nicht sicher, wie ich auf CSS zugreifen soll, und ich kenne es auch nicht. Dies ist innerhalb eines Tab-Elements in WordPress, so dass meine Bearbeitungsoptionen sehr begrenzt scheinen. HTML scheint meine einzige Option hier zu sein? Ich habe meinen Beitrag bearbeitet und zwei Screenshots an das Ende angehängt, um zu zeigen, worüber ich spreche. – sharvs