• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

Need ideas on what looks good?

 
Ranch Hand
Posts: 335
3
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Ok, so basically I am making my first attempt here at a photography website which will ultimately be my fathers. No pressure right? Anyway im just not sure on what to do on certain things like the background, the button at the beginning on how that should be styled. So let me go over this, and the code will be provided.

So, when the page loads the background is a picture of a lighthouse here in Charleston, SC, with some text, a hr, and a button that you can click, and it will take you to the first set of photos. This screen is using the bootstrap grid to make it responsive, and a bootstrap button for the heck of it. But that buttons so clunky and boring that i just changed the opacity a little so its not just a big gray button. What could I do to make that look good? or what do you generally do with buttons?

When the button is clicked it goes to the first set of photos called wildlife.html. Waiting on my father to provide his images, so I just googled one to use. Now the navbar uses bootstrap, but the images themselves use css flex box. Just to put what I learned to use I used them both. Now the flex wrap makes the page responsive already, but because it wraps especially when the screen gets smaller everything gets pushed to the left leaving a lot of white space on the right. So I used a media query to center everything to eliminate having all that space on the right side. Good idea?

The other thing is the background for that page. All the other links/pages with photos are going to have the same layout as the wildlife, but I go from a nice img background at the start to right now just a blank background. I dont know what to do with the background? Ive tried looking at other photography websites, but honestly nothing to make me inspired. What do you think? thoughts? suggestions? Feedback?

last thing is im not gonna keep those borders on the img...was more of a testing thing


the landing page


its css


wildlife.html


wildlife.css
reply
    Bookmark Topic Watch Topic
  • New Topic