Comments (10)
is it already in a table?
from brownfox.
no, I think it's just a series of a tags with content in them:
<div class="media-wrapper">
<div class="store-items">
<a href="http://www.cdbaby.com/cd/tomhagerman" class="store-item" target="_blank">
<img src="/img/download.jpg" class="store-image" />
<span class="store-item-title">Idle Creatures</span>
</a>
<a href="http://www.cdbaby.com/cd/hagerman" class="store-item" target="_blank">
<img src="/img/TheBreakfastPlayground.jpg" class="store-image" />
<span class="store-item-title">The Breakfast Playground</span>
</a>
<a href="http://www.cdbaby.com/cd/tomhagerman2" class="store-item" target="_blank">
<img src="/img/WaterMusic.jpg" class="store-image" />
<span class="store-item-title">Water Music</span>
</a>
<a href="http://devotchka.myshopify.com/collections/cd-vinyl/products/cd-tom-hagerman-3-cd-bundle" class="store-item" target="_blank">
<img src="/img/3discBundle.jpg" class="store-image" />
<span class="store-item-title">3 CD Bundle</span>
</a>
<a href="https://itunes.apple.com/us/artist/tom-hagerman/id216928883" class="store-item" target="_blank">
<img src="/img/3discBundle.jpg" class="store-image" />
<span class="store-item-title">ITunes</span>
</a>
</div>
</div>
from brownfox.
could we put them in a table?
from brownfox.
that may make it look better just happening
from brownfox.
but im not sure about adding content with that....
from brownfox.
are you looking to make it layout like this:
image title link to buy
?
if so, maybe try making two rows of it in a codepen like so:
<div class="store-item">
<img src="/img/download.jpg" class="store-image" />
<span class="store-title">Idle Creatures</span>
<a href="http://www.cdbaby.com/cd/tomhagerman" class="store-buy-link" target="_blank">Buy Now</a>
</div>
& then add styles to get it how you're thinking:
.store-item {
}
.store-image {
float: left;
max-width: 125px;
}
.store-title {
float: left;
display: inline-block;
}
.store-buy-link {
float: left;
display: inline-block;
}
from brownfox.
I'll check in in the morning to see if @lbecerra99 has any updates here.
@Delta-Duhrโfeel free to take a look at it.
from brownfox.
the store page is currently under construction i cannot work on it if i dont know what im working with
from brownfox.
PS is the contact page fixed? you deleted that issue but I didnt send you anything to fix it...... @Delta-Duhr @jayseeg
from brownfox.
Go to http://173.255.211.63/store.php to see the final version
from brownfox.
Related Issues (20)
- navigation (mobile/desktop) HOT 1
- footer (mobile/desktop) HOT 1
- header (mobile/desktop) HOT 2
- copy template (mobile/desktop) HOT 3
- add a style reset HOT 2
- Contact
- assemble bio page
- style contact page HOT 4
- store page HOT 1
- assemble media page HOT 1
- CSS STUFF HOT 1
- CSS STUFF HOT 13
- .media-wrapper is a little too narrow on desktop HOT 4
- The contact page needs some love on the spacing of the form elements & their titles HOT 6
- The text on the copy template is a little hard to read HOT 5
- PRESENTATION!! ๐๐ป๐๐ป๐๐ป๐๐ป HOT 10
- WHERE ARE WE HOT 53
- Numerous design things to work on if there is time (3am anyone) HOT 5
- Server Things
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from brownfox.